@procore/core-react 10.17.0-rc.9 → 10.17.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/.storybook/preview-head.html +6 -0
- package/CHANGELOG.md +31 -0
- package/dist/esm/components/Button/Button.styles.js +13 -6
- package/dist/esm/components/Button/Button.styles.js.map +1 -1
- package/dist/esm/components/Calendar/Calendar.js +5 -3
- package/dist/esm/components/Calendar/Calendar.js.map +1 -1
- package/dist/esm/components/DateInput/DateInput.js +6 -0
- package/dist/esm/components/DateInput/DateInput.js.map +1 -1
- package/dist/esm/components/FileSelect/FileExplorer/FileExplorer.styles.d.ts +3 -2
- package/dist/esm/components/FileSelect/FileSelect.js +73 -25
- package/dist/esm/components/FileSelect/FileSelect.js.map +1 -1
- package/dist/esm/components/FileSelect/FileSelect.types.d.ts +2 -0
- package/dist/esm/components/FileSelect/LocalSource/LocalSource.js +101 -52
- package/dist/esm/components/FileSelect/LocalSource/LocalSource.js.map +1 -1
- package/dist/esm/components/FileSelect/LocalSource/LocalSource.types.d.ts +1 -0
- package/dist/esm/components/Form/Form.js +1 -0
- package/dist/esm/components/Form/Form.js.map +1 -1
- package/dist/esm/components/Modal/Modal.js +22 -5
- package/dist/esm/components/Modal/Modal.js.map +1 -1
- package/dist/esm/components/Modal/Modal.styles.d.ts +12 -2
- package/dist/esm/components/Modal/Modal.styles.js +33 -16
- package/dist/esm/components/Modal/Modal.styles.js.map +1 -1
- package/dist/esm/components/Modal/Modal.types.d.ts +6 -0
- package/dist/esm/components/NumberInput/NumberInput.utils.d.ts +1 -0
- package/dist/esm/components/NumberInput/NumberInput.utils.js +16 -2
- package/dist/esm/components/NumberInput/NumberInput.utils.js.map +1 -1
- package/dist/esm/components/SegmentedController/SegmentedController.styles.js +3 -3
- package/dist/esm/components/SegmentedController/SegmentedController.styles.js.map +1 -1
- package/dist/esm/components/Spinner/Spinner.d.ts +1 -0
- package/dist/esm/components/Spinner/Spinner.js +2 -1
- package/dist/esm/components/Spinner/Spinner.js.map +1 -1
- package/dist/esm/components/Spinner/Spinner.styles.d.ts +1 -0
- package/dist/esm/components/Spinner/Spinner.styles.js +14 -18
- package/dist/esm/components/Spinner/Spinner.styles.js.map +1 -1
- package/dist/esm/components/Switch/Switch.js +5 -4
- package/dist/esm/components/Switch/Switch.js.map +1 -1
- package/dist/esm/components/Switch/Switch.styles.d.ts +4 -3
- package/dist/esm/components/Switch/Switch.styles.js +8 -6
- package/dist/esm/components/Switch/Switch.styles.js.map +1 -1
- package/dist/esm/components/Thumbnail/DocumentIcon.js +97 -84
- package/dist/esm/components/Thumbnail/DocumentIcon.js.map +1 -1
- package/dist/esm/components/Tile/Tile.d.ts +12 -0
- package/dist/esm/components/Tile/Tile.js +85 -0
- package/dist/esm/components/Tile/Tile.js.map +1 -0
- package/dist/esm/components/Tile/Tile.styles.d.ts +20 -0
- package/dist/esm/components/Tile/Tile.styles.js +54 -0
- package/dist/esm/components/Tile/Tile.styles.js.map +1 -0
- package/dist/esm/components/Tile/Tile.types.d.ts +24 -0
- package/dist/esm/components/Tile/Tile.types.js +2 -0
- package/dist/esm/components/Tile/Tile.types.js.map +1 -0
- package/dist/esm/components/Tile/index.d.ts +1 -0
- package/dist/esm/components/Tile/index.js +2 -0
- package/dist/esm/components/Tile/index.js.map +1 -0
- package/dist/esm/components/Tile/mocks/iframe.d.ts +2 -0
- package/dist/esm/components/Tile/mocks/iframe.js +5 -0
- package/dist/esm/components/Tile/mocks/iframe.js.map +1 -0
- package/dist/esm/components/Tile/mocks/svg.d.ts +2 -0
- package/dist/esm/components/Tile/mocks/svg.js +247 -0
- package/dist/esm/components/Tile/mocks/svg.js.map +1 -0
- package/dist/esm/components/Title/Title.d.ts +9 -0
- package/dist/esm/components/Title/Title.js +66 -0
- package/dist/esm/components/Title/Title.js.map +1 -0
- package/dist/esm/components/Title/Title.styles.d.ts +7 -0
- package/dist/esm/components/Title/Title.styles.js +18 -0
- package/dist/esm/components/Title/Title.styles.js.map +1 -0
- package/dist/esm/components/Title/index.d.ts +1 -0
- package/dist/esm/components/Title/index.js +2 -0
- package/dist/esm/components/Title/index.js.map +1 -0
- package/dist/esm/components/_storyHelpers_/constants.js +2 -0
- package/dist/esm/components/_storyHelpers_/constants.js.map +1 -1
- package/dist/esm/effects/EventListener.js +14 -6
- package/dist/esm/effects/EventListener.js.map +1 -1
- package/dist/esm/index.d.ts +2 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/layouts/NextDetailPage/NextDetailPage.d.ts +2 -3
- package/dist/esm/layouts/NextDetailPage/NextDetailPage.js +9 -25
- package/dist/esm/layouts/NextDetailPage/NextDetailPage.js.map +1 -1
- package/dist/esm/layouts/NextDetailPage/NextDetailPage.styles.d.ts +1 -7
- package/dist/esm/layouts/NextDetailPage/NextDetailPage.styles.js +16 -21
- package/dist/esm/layouts/NextDetailPage/NextDetailPage.styles.js.map +1 -1
- package/dist/esm/layouts/NextDetailPage/index.d.ts +1 -0
- package/dist/esm/layouts/PageLayout/PageLayout.d.ts +9 -6
- package/dist/esm/layouts/PageLayout/PageLayout.js +23 -3
- package/dist/esm/layouts/PageLayout/PageLayout.js.map +1 -1
- package/dist/esm/layouts/PageLayout/PageLayout.styles.d.ts +8 -0
- package/dist/esm/layouts/PageLayout/PageLayout.styles.js +14 -7
- package/dist/esm/layouts/PageLayout/PageLayout.styles.js.map +1 -1
- package/dist/esm/locales/de-DE.json +10 -4
- package/dist/esm/locales/en-CA.json +6 -0
- package/dist/esm/locales/en-GB.json +6 -0
- package/dist/esm/locales/es-ES.json +6 -0
- package/dist/esm/locales/es.json +6 -0
- package/dist/esm/locales/fr-CA.json +6 -0
- package/dist/esm/locales/fr-FR.json +7 -1
- package/dist/esm/state/I18n.d.ts +1 -1
- package/dist/esm/state/I18n.js.map +1 -1
- package/dist/esm/utils/CalendarHelpers.d.ts +3 -2
- package/dist/esm/utils/CalendarHelpers.js +30 -2
- package/dist/esm/utils/CalendarHelpers.js.map +1 -1
- package/dist/esm/utils/TinyMCE.js +2 -0
- package/dist/esm/utils/TinyMCE.js.map +1 -1
- package/dist/esm/utils/dateTime.js +2 -20
- package/dist/esm/utils/dateTime.js.map +1 -1
- package/dist/esm/utils/i18n.d.ts +1 -0
- package/dist/esm/utils/i18n.js +20 -0
- package/dist/esm/utils/i18n.js.map +1 -0
- package/dist/esm/utils/slotify.d.ts +11 -0
- package/dist/esm/utils/slotify.js +46 -0
- package/dist/esm/utils/slotify.js.map +1 -0
- package/dist/esm/utils/types.d.ts +1 -0
- package/dist/props/Modal.json +1 -1
- package/dist/props/allProps.json +1007 -894
- package/package.json +19 -19
|
@@ -11,114 +11,127 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
13
|
function Unknown(props) {
|
|
14
|
-
return (React.createElement("svg", __assign({}, props, { viewBox: "0 0
|
|
15
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "
|
|
16
|
-
|
|
17
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "
|
|
18
|
-
React.createElement("path", {
|
|
19
|
-
React.createElement("path", { d: "
|
|
14
|
+
return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }),
|
|
15
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H15L21 6V24H3V0Z", fill: "#D6DADC" }),
|
|
16
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 0L21 6H15V0Z", fill: "#EEF0F1" }),
|
|
17
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 6L21 12V6H15Z", fill: "#ACB5B9" }),
|
|
18
|
+
React.createElement("path", { d: "M10.3925 12.3347C10.3925 11.9288 10.4718 11.4314 10.69 11.075C10.8538 10.8075 11.1576 10.4993 11.9626 10.4993C12.9321 10.4993 13.2676 10.7795 13.385 10.9179C13.527 11.0854 13.6075 11.3503 13.6075 11.7099C13.6075 12.2888 13.2431 12.7633 12.6054 13.0819C11.748 13.5102 11.2551 14.1878 11.0249 14.5764C10.7883 14.9758 10.729 15.393 10.729 15.7154V16.6667H13.1215V15.7953C13.2275 15.6435 13.3977 15.4564 13.6376 15.3366C14.7196 14.796 16 13.6303 16 11.7099C16 11.0281 15.8562 10.0629 15.1758 9.2606C14.4707 8.42921 13.3857 8 11.9626 8C10.3751 8 9.29573 8.71368 8.67448 9.72835C8.10765 10.6541 8 11.6992 8 12.3347H10.3925Z", fill: "#75838A" }),
|
|
19
|
+
React.createElement("path", { d: "M11.9591 21.3386C12.8222 21.3386 13.5219 20.6389 13.5219 19.7757C13.5219 18.9126 12.8222 18.2129 11.9591 18.2129C11.0959 18.2129 10.3962 18.9126 10.3962 19.7757C10.3962 20.6389 11.0959 21.3386 11.9591 21.3386Z", fill: "#75838A" })));
|
|
20
20
|
}
|
|
21
21
|
function Image(props) {
|
|
22
|
-
return (React.createElement("svg", __assign({}, props, { viewBox: "
|
|
23
|
-
React.createElement("
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
22
|
+
return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }),
|
|
23
|
+
React.createElement("g", null,
|
|
24
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H15L21 6V24H3V0Z", fill: "#AE76BC" }),
|
|
25
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18 10H6V19H18V10ZM7.8 16.75H16.2L13.3125 12.25L11.2453 15.5108L9.9 13.25L7.8 16.75Z", fill: "#3D2244" }),
|
|
26
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 0L21 6H15V0Z", fill: "#E1CCE6" }),
|
|
27
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 6L21 12V6H15Z", fill: "#7B4389" }))));
|
|
28
28
|
}
|
|
29
29
|
function Drawing(props) {
|
|
30
|
-
return (React.createElement("svg", __assign({}, props, { viewBox: "
|
|
31
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H15L21 6V24H3V0Z", fill: "#
|
|
32
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15
|
|
33
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15
|
|
34
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "
|
|
30
|
+
return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }),
|
|
31
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H15L21 6V24H3V0Z", fill: "#79A3EC" }),
|
|
32
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 6L21 12V6H15Z", fill: "#1952B3" }),
|
|
33
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 0L21 6H15V0Z", fill: "#BCD1F5" }),
|
|
34
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 8V21H19V13.0556H16V8H5ZM11 11.5V10L14 9.94444V15H17V19H11V16.5H9V19H7V15H11V13H7V10H9V11.5H11Z", fill: "#133D86" })));
|
|
35
35
|
}
|
|
36
36
|
function Zip(props) {
|
|
37
|
-
return (React.createElement("svg", __assign({}, props, { viewBox: "
|
|
38
|
-
React.createElement("rect", { x: "3", width: "18", height: "24", rx: "2", fill: "#
|
|
39
|
-
React.createElement("path", { d: "M10 0H12V2H10V0Z", fill: "#
|
|
40
|
-
React.createElement("path", { d: "M10 4H12V6H10V4Z", fill: "#
|
|
41
|
-
React.createElement("path", { d: "M12 2H14V4H12V2Z", fill: "#
|
|
42
|
-
React.createElement("path", { d: "M12 6H14V8H12V6Z", fill: "#
|
|
43
|
-
React.createElement("path", { d: "M10 8H12V10H10V8Z", fill: "#
|
|
44
|
-
React.createElement("path", { d: "M10 12H12V14H10V12Z", fill: "#
|
|
45
|
-
React.createElement("path", { d: "M12 10H14V12H12V10Z", fill: "#
|
|
46
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.8673 15C10.3697 15 9.94773 15.3659 9.87736 15.8586L9.16307 20.8586C9.07701 21.461 9.54447 22 10.153 22H13.847C14.4555 22 14.923 21.461 14.837 20.8586L14.1227 15.8586C14.0523 15.3659 13.6304 15 13.1327 15H10.8673ZM11 20V17H13V20H11Z", fill: "#
|
|
37
|
+
return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }),
|
|
38
|
+
React.createElement("rect", { x: "3", width: "18", height: "24", rx: "2", fill: "#E3E6E8" }),
|
|
39
|
+
React.createElement("path", { d: "M10 0H12V2H10V0Z", fill: "#2F3437" }),
|
|
40
|
+
React.createElement("path", { d: "M10 4H12V6H10V4Z", fill: "#2F3437" }),
|
|
41
|
+
React.createElement("path", { d: "M12 2H14V4H12V2Z", fill: "#2F3437" }),
|
|
42
|
+
React.createElement("path", { d: "M12 6H14V8H12V6Z", fill: "#2F3437" }),
|
|
43
|
+
React.createElement("path", { d: "M10 8H12V10H10V8Z", fill: "#2F3437" }),
|
|
44
|
+
React.createElement("path", { d: "M10 12H12V14H10V12Z", fill: "#2F3437" }),
|
|
45
|
+
React.createElement("path", { d: "M12 10H14V12H12V10Z", fill: "#2F3437" }),
|
|
46
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.8673 15C10.3697 15 9.94773 15.3659 9.87736 15.8586L9.16307 20.8586C9.07701 21.461 9.54447 22 10.153 22H13.847C14.4555 22 14.923 21.461 14.837 20.8586L14.1227 15.8586C14.0523 15.3659 13.6304 15 13.1327 15H10.8673ZM11 20V17H13V20H11Z", fill: "#2F3437" })));
|
|
47
47
|
}
|
|
48
48
|
function Email(props) {
|
|
49
|
-
return (React.createElement("svg", __assign({}, props, { viewBox: "
|
|
50
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H15L21 6V24H3V0Z", fill: "#
|
|
51
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 0L21 6H15V0Z", fill: "#
|
|
52
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 6L21 12V6H15Z", fill: "#
|
|
53
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "
|
|
54
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 16L19 11V10H5V11L12 16Z", fill: "#4B400F" })));
|
|
49
|
+
return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }),
|
|
50
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H15L21 6V24H3V0Z", fill: "#FFDD33" }),
|
|
51
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 0L21 6H15V0Z", fill: "#FFF2B3" }),
|
|
52
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 6L21 12V6H15Z", fill: "#CCAA00" }),
|
|
53
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18 10H6V10.9643L12.0073 14.9553L18 10.9643V10ZM18 12.3921L11.9928 16.3409L6 12.2363V19H18V12.3921Z", fill: "#665500" })));
|
|
55
54
|
}
|
|
56
55
|
function Excel(props) {
|
|
57
|
-
return (React.createElement("svg", __assign({}, props, {
|
|
58
|
-
React.createElement("
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
56
|
+
return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }),
|
|
57
|
+
React.createElement("g", null,
|
|
58
|
+
React.createElement("g", null,
|
|
59
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H15L21 6V24H3V0Z", fill: "#2FD926" }),
|
|
60
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 0L21 6H15V0Z", fill: "#82E87D" }),
|
|
61
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 6L21 12V6H15Z", fill: "#2AC322" }),
|
|
62
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.5 21V9H18.5V21H5.5ZM12.6842 10.4118H17.1316V12.5294H12.6842V10.4118ZM11.3158 10.4118H6.86842V12.5294H11.3158V10.4118ZM11.3158 13.9412H6.86842V16.0588H11.3158V13.9412ZM11.3158 17.4706H6.86842V19.5882H11.3158V17.4706ZM12.6842 19.5882V17.4706H17.1316V19.5882H12.6842ZM12.6842 16.0588V13.9412H17.1316V16.0588H12.6842Z", fill: "#13570F" })))));
|
|
62
63
|
}
|
|
63
64
|
function Gantt(props) {
|
|
64
|
-
return (React.createElement("svg", __assign({}, props, { viewBox: "
|
|
65
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H15L21 6V24H3V0Z", fill: "#
|
|
66
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 0L21 6H15V0Z", fill: "#
|
|
67
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 6L21 12V6H15Z", fill: "#
|
|
68
|
-
React.createElement("path", { d: "M5
|
|
65
|
+
return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }),
|
|
66
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H15L21 6V24H3V0Z", fill: "#59E052" }),
|
|
67
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 0L21 6H15V0Z", fill: "#82E87D" }),
|
|
68
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 6L21 12V6H15Z", fill: "#2AC322" }),
|
|
69
|
+
React.createElement("path", { d: "M5.66669 8.66666C5.66669 7.93028 6.26364 7.33333 7.00002 7.33333H11C11.7364 7.33333 12.3334 7.93028 12.3334 8.66666C12.3334 9.40304 11.7364 9.99999 11 9.99999H9.66669V12.6667H17C17.7364 12.6667 18.3334 13.2636 18.3334 14C18.3334 14.7364 17.7364 15.3333 17 15.3333H15.6667V18H17C17.7364 18 18.3334 18.5969 18.3334 19.3333C18.3334 20.0697 17.7364 20.6667 17 20.6667H13C12.2636 20.6667 11.6667 20.0697 11.6667 19.3333C11.6667 18.5969 12.2636 18 13 18H14.3334V15.3333H7.00002C6.26364 15.3333 5.66669 14.7364 5.66669 14C5.66669 13.2636 6.26364 12.6667 7.00002 12.6667H8.33335V9.99999H7.00002C6.26364 9.99999 5.66669 9.40304 5.66669 8.66666Z", fill: "#13570F" })));
|
|
69
70
|
}
|
|
70
71
|
function Ini(props) {
|
|
71
|
-
return (React.createElement("svg", __assign({}, props, { viewBox: "
|
|
72
|
-
React.createElement("
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
72
|
+
return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }),
|
|
73
|
+
React.createElement("g", { id: "FileCog" },
|
|
74
|
+
React.createElement("g", null,
|
|
75
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H15L21 6V24H3V0Z", fill: "#919CA1" }),
|
|
76
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 0L21 6H15V0Z", fill: "#ACB5B9" }),
|
|
77
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 6L21 12V6H15Z", fill: "#5E696E" })),
|
|
78
|
+
React.createElement("path", { d: "M16.1573 13.2666L16.1581 13.2801C16.0799 13.0944 15.9988 12.9034 15.8968 12.7246C15.7949 12.5458 15.6834 12.3865 15.5637 12.2251L15.5749 12.2326L16.2663 10.4817L13.7392 9L12.5966 10.4817L12.6049 10.4839C12.2149 10.4314 11.8169 10.4257 11.417 10.4772L11.4223 10.4742L10.266 9.00436L7.73704 10.4833L8.42897 12.2317L8.43416 12.2286C8.19015 12.5537 7.99609 12.9056 7.84599 13.2739L7.84819 13.2656L6.00186 13.5248L6 16.4854L7.8427 16.7544L7.84189 16.7408C7.92006 16.9266 8.00042 17.104 8.10235 17.2828C8.20429 17.4617 8.3218 17.6314 8.4467 17.7898L8.43551 17.7823L7.8397 19.2879L7.74629 19.5249L10.2674 20.996L11.4181 19.5166L11.3957 19.5016C11.7939 19.5564 12.1918 19.5621 12.5969 19.5075L12.5813 19.5166L13.7384 21L16.257 19.5271C16.257 19.5271 16.2186 19.4234 16.1622 19.288L15.565 17.7788L15.5599 17.7818C15.8039 17.4567 16.0031 17.1018 16.1554 16.7252L16.157 16.7523L17.9974 16.4826L18 13.5355C18 13.5355 17.8913 13.5149 17.7507 13.4989L16.1573 13.2666ZM13.0463 16.8462C12.0441 17.4323 10.7581 17.0833 10.1795 16.0681C9.60086 15.0529 9.94544 13.7504 10.9477 13.1643C11.9499 12.5782 13.2359 12.9272 13.8145 13.9424C14.3932 14.9575 14.0486 16.2601 13.0463 16.8462Z", fill: "#2F3437" }))));
|
|
76
79
|
}
|
|
77
80
|
function Mov(props) {
|
|
78
|
-
return (React.createElement("svg", __assign({}, props, { viewBox: "
|
|
79
|
-
React.createElement("
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
81
|
+
return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }),
|
|
82
|
+
React.createElement("g", { id: "FileTriangleRight" },
|
|
83
|
+
React.createElement("g", null,
|
|
84
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H15L21 6V24H3V0Z", fill: "#AE76BC" }),
|
|
85
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 0L21 6H15V0Z", fill: "#E1CCE6" }),
|
|
86
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 6L21 12V6H15Z", fill: "#7B4389" }),
|
|
87
|
+
React.createElement("path", { d: "M9 19V9L16.5 14.3333L9 19Z", fill: "#3D2244" })))));
|
|
83
88
|
}
|
|
84
89
|
function Pdf(props) {
|
|
85
|
-
return (React.createElement("svg", __assign({}, props, { viewBox: "
|
|
86
|
-
React.createElement("
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
React.createElement("path", { d: "M5 18H19V20H5V18Z", fill: "#3D0F0C" })));
|
|
90
|
+
return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }),
|
|
91
|
+
React.createElement("g", { id: "FileDetail" },
|
|
92
|
+
React.createElement("g", null,
|
|
93
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H15L21 6V24H3V0Z", fill: "#EB474D" }),
|
|
94
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 0L21 6H15V0Z", fill: "#F7BABC" }),
|
|
95
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 6L21 12V6H15Z", fill: "#B8141A" })),
|
|
96
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13 10H19V12H13V10ZM13 14H19V16H13V14ZM19 18H5V20H19V18ZM11 10H5V16H11V10Z", fill: "#5C0A0D" }))));
|
|
93
97
|
}
|
|
94
98
|
function Powerpoint(props) {
|
|
95
|
-
return (React.createElement("svg", __assign({}, props, { viewBox: "
|
|
96
|
-
React.createElement("
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
99
|
+
return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }),
|
|
100
|
+
React.createElement("g", { id: "FileDetailSquaresStacked" },
|
|
101
|
+
React.createElement("g", null,
|
|
102
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H15L21 6V24H3V0Z", fill: "#FF7433" }),
|
|
103
|
+
React.createElement("g", null,
|
|
104
|
+
React.createElement("path", { d: "M6 11.5H7.5V19H14.5V20.5H6V11.5Z", fill: "#662000" }),
|
|
105
|
+
React.createElement("path", { d: "M9 9H17.5V17.5H9V9Z", fill: "#662000" })),
|
|
106
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 0L21 6H15V0Z", fill: "#FFCBB3" }),
|
|
107
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 6L21 12V6H15Z", fill: "#CC4100" })))));
|
|
101
108
|
}
|
|
102
109
|
function Word(props) {
|
|
103
|
-
return (React.createElement("svg", __assign({}, props, { viewBox: "
|
|
104
|
-
React.createElement("
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
+
return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }),
|
|
111
|
+
React.createElement("g", { id: "FileDetailWords" },
|
|
112
|
+
React.createElement("g", null,
|
|
113
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H15L21 6V24H3V0Z", fill: "#BCD1F5" }),
|
|
114
|
+
React.createElement("g", null,
|
|
115
|
+
React.createElement("path", { d: "M6 10H15.5V12H6V10Z", fill: "#133D86" }),
|
|
116
|
+
React.createElement("path", { d: "M6 14H18V16H6V14Z", fill: "#133D86" }),
|
|
117
|
+
React.createElement("path", { d: "M6 18H16V20H6V18Z", fill: "#133D86" })),
|
|
118
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 0L21 6H15V0Z", fill: "#D2E0F9" }),
|
|
119
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 6L21 12V6H15Z", fill: "#79A3EC" })))));
|
|
110
120
|
}
|
|
111
121
|
function Xml(props) {
|
|
112
|
-
return (React.createElement("svg", __assign({}, props, { viewBox: "
|
|
113
|
-
React.createElement("
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
+
return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }),
|
|
123
|
+
React.createElement("g", { id: "FileDetailListBulleted" },
|
|
124
|
+
React.createElement("g", null,
|
|
125
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 0H15L21 6V24H3V0Z", fill: "#ACB5B9" }),
|
|
126
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 0L21 6H15V0Z", fill: "#D6DADC" }),
|
|
127
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 6L21 12V6H15Z", fill: "#919CA1" }),
|
|
128
|
+
React.createElement("g", null,
|
|
129
|
+
React.createElement("path", { d: "M6 10L8 10V12H6V10Z", fill: "#2F3437" }),
|
|
130
|
+
React.createElement("path", { d: "M10 10L18 10V12H10V10Z", fill: "#2F3437" }),
|
|
131
|
+
React.createElement("path", { d: "M6 14H8V16H6V14Z", fill: "#2F3437" }),
|
|
132
|
+
React.createElement("path", { d: "M10 14H18V16H10V14Z", fill: "#2F3437" }),
|
|
133
|
+
React.createElement("path", { d: "M6 18H8V20H6V18Z", fill: "#2F3437" }),
|
|
134
|
+
React.createElement("path", { d: "M10 18H18V20H10V18Z", fill: "#2F3437" }))))));
|
|
122
135
|
}
|
|
123
136
|
var documentIcons = {
|
|
124
137
|
image: Image,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DocumentIcon.js","sourceRoot":"","sources":["../../../../src/components/Thumbnail/DocumentIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAyBzB,SAAS,OAAO,CAAC,KAAwB;IACvC,OAAO,CACL,wCACM,KAAK,IACT,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM
|
|
1
|
+
{"version":3,"file":"DocumentIcon.js","sourceRoot":"","sources":["../../../../src/components/Thumbnail/DocumentIcon.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { InteractableTileProps, SelectableTileProps, LinkTileProps, HeroTextProps, HeroMediaProps, TileProps } from './Tile.types';
|
|
3
|
+
import { Props } from '../../utils/types';
|
|
4
|
+
export declare const InteractableTile: React.ForwardRefExoticComponent<Omit<InteractableTileProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
export declare const LinkTile: React.ForwardRefExoticComponent<Omit<LinkTileProps, "variant"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
6
|
+
export declare const SelectableTile: React.ForwardRefExoticComponent<Omit<SelectableTileProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export declare const Tile: React.ForwardRefExoticComponent<TileProps & React.RefAttributes<HTMLElement>> & {
|
|
8
|
+
Actions: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
Content: React.ForwardRefExoticComponent<HeroTextProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
HeroText: React.ForwardRefExoticComponent<HeroTextProps & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
HeroMedia: React.ForwardRefExoticComponent<HeroMediaProps & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
};
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import React from 'react';
|
|
24
|
+
import { addSubcomponents } from '../../utils/addSubcomponents';
|
|
25
|
+
import { StyledLinkTile, StyledSelectableTile, StyledInteractableTile, StyledHeroMedia, StyledHeroText, StyledContent, StyledActions, StyledHeroOverlay, } from './Tile.styles';
|
|
26
|
+
var TileContext = React.createContext({
|
|
27
|
+
orientation: 'portrait',
|
|
28
|
+
});
|
|
29
|
+
var HeroMedia = React.forwardRef(function HeroMedia(_a, ref) {
|
|
30
|
+
var children = _a.children, _b = _a.overlay, overlay = _b === void 0 ? false : _b, onOverlayClick = _a.onOverlayClick, props = __rest(_a, ["children", "overlay", "onOverlayClick"]);
|
|
31
|
+
var orientation = React.useContext(TileContext).orientation;
|
|
32
|
+
return (React.createElement(StyledHeroMedia, __assign({ ref: ref, "$orientation": orientation }, props),
|
|
33
|
+
overlay && React.createElement(StyledHeroOverlay, { onClick: onOverlayClick }),
|
|
34
|
+
children));
|
|
35
|
+
});
|
|
36
|
+
var HeroText = React.forwardRef(function HeroText(_a, ref) {
|
|
37
|
+
var children = _a.children, props = __rest(_a, ["children"]);
|
|
38
|
+
var orientation = React.useContext(TileContext).orientation;
|
|
39
|
+
return (React.createElement(StyledHeroText, __assign({ ref: ref, "$orientation": orientation }, props), children));
|
|
40
|
+
});
|
|
41
|
+
var Content = React.forwardRef(function Content(props, ref) {
|
|
42
|
+
return React.createElement(StyledContent, __assign({ ref: ref }, props));
|
|
43
|
+
});
|
|
44
|
+
var Actions = React.forwardRef(function Actions(_a, ref) {
|
|
45
|
+
var children = _a.children, props = __rest(_a, ["children"]);
|
|
46
|
+
return (React.createElement(StyledActions, __assign({ ref: ref }, props), children));
|
|
47
|
+
});
|
|
48
|
+
export var InteractableTile = React.forwardRef(function InteractableTile(_a, ref) {
|
|
49
|
+
var orientation = _a.orientation, children = _a.children, props = __rest(_a, ["orientation", "children"]);
|
|
50
|
+
return (React.createElement(StyledInteractableTile, __assign({ ref: ref, "$orientation": orientation }, props),
|
|
51
|
+
React.createElement(TileContext.Provider, { value: { orientation: orientation } }, children)));
|
|
52
|
+
});
|
|
53
|
+
export var LinkTile = React.forwardRef(function LinkTile(_a, ref) {
|
|
54
|
+
var orientation = _a.orientation, children = _a.children, props = __rest(_a, ["orientation", "children"]);
|
|
55
|
+
return (React.createElement(StyledLinkTile, __assign({ ref: ref, "$orientation": orientation }, props),
|
|
56
|
+
React.createElement(TileContext.Provider, { value: { orientation: orientation } }, children)));
|
|
57
|
+
});
|
|
58
|
+
export var SelectableTile = React.forwardRef(function SelectableTile(_a, ref) {
|
|
59
|
+
var orientation = _a.orientation, _b = _a.selected, selected = _b === void 0 ? false : _b, onClick = _a.onClick, onKeyDown = _a.onKeyDown, _c = _a.disabled, disabled = _c === void 0 ? false : _c, children = _a.children, props = __rest(_a, ["orientation", "selected", "onClick", "onKeyDown", "disabled", "children"]);
|
|
60
|
+
return (React.createElement(StyledSelectableTile, __assign({ ref: ref, "$disabled": disabled, "$orientation": orientation, "$selected": selected, tabIndex: !disabled ? 0 : undefined, onClick: function (e) {
|
|
61
|
+
if (!disabled) {
|
|
62
|
+
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
63
|
+
}
|
|
64
|
+
}, onKeyDown: function (e) {
|
|
65
|
+
var code = e.code;
|
|
66
|
+
if (code === 'Enter' || code === 'Space') {
|
|
67
|
+
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
68
|
+
}
|
|
69
|
+
onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
|
|
70
|
+
} }, props),
|
|
71
|
+
React.createElement(TileContext.Provider, { value: { orientation: orientation } }, children)));
|
|
72
|
+
});
|
|
73
|
+
var Tile_ = React.forwardRef(function Tile(_a, ref) {
|
|
74
|
+
var _b = _a.variant, variant = _b === void 0 ? 'interactive' : _b, _c = _a.orientation, orientation = _c === void 0 ? 'portrait' : _c, props = __rest(_a, ["variant", "orientation"]);
|
|
75
|
+
switch (variant) {
|
|
76
|
+
case 'interactive':
|
|
77
|
+
return (React.createElement(InteractableTile, __assign({ ref: ref, orientation: orientation }, props)));
|
|
78
|
+
case 'selectable':
|
|
79
|
+
return (React.createElement(SelectableTile, __assign({ ref: ref, orientation: orientation }, props)));
|
|
80
|
+
case 'link':
|
|
81
|
+
return (React.createElement(LinkTile, __assign({ ref: ref, orientation: orientation }, props)));
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
export var Tile = addSubcomponents({ Actions: Actions, Content: Content, HeroText: HeroText, HeroMedia: HeroMedia }, Tile_);
|
|
85
|
+
//# sourceMappingURL=Tile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tile.js","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { TileCommonProps } from './Tile.types';
|
|
2
|
+
interface StyledTile {
|
|
3
|
+
$orientation: TileCommonProps['orientation'];
|
|
4
|
+
}
|
|
5
|
+
export declare const StyledLinkTile: import("styled-components").StyledComponent<"a", any, StyledTile, never>;
|
|
6
|
+
export declare const StyledSelectableTile: import("styled-components").StyledComponent<"div", any, StyledTile & {
|
|
7
|
+
$selected: boolean;
|
|
8
|
+
$disabled: boolean;
|
|
9
|
+
}, never>;
|
|
10
|
+
export declare const StyledInteractableTile: import("styled-components").StyledComponent<"div", any, StyledTile, never>;
|
|
11
|
+
export declare const StyledActions: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
12
|
+
export declare const StyledContent: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
13
|
+
export declare const StyledHeroMedia: import("styled-components").StyledComponent<"figure", any, {
|
|
14
|
+
$orientation: TileCommonProps['orientation'];
|
|
15
|
+
}, never>;
|
|
16
|
+
export declare const StyledHeroOverlay: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
17
|
+
export declare const StyledHeroText: import("styled-components").StyledComponent<"div", any, {
|
|
18
|
+
$orientation: TileCommonProps['orientation'];
|
|
19
|
+
}, never>;
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
+
return cooked;
|
|
4
|
+
};
|
|
5
|
+
import styled, { css } from 'styled-components';
|
|
6
|
+
import { borderRadius } from '../../styles/borderRadius';
|
|
7
|
+
import { colors } from '../../styles/colors';
|
|
8
|
+
import { spacing } from '../../styles/spacing';
|
|
9
|
+
import { getShadow } from '../../styles/shadows';
|
|
10
|
+
import { getFocus } from '../../styles/mixins';
|
|
11
|
+
import { StyledTitle } from '../Title/Title.styles';
|
|
12
|
+
import { mediaIE11Hack } from '../../styles/media';
|
|
13
|
+
var getHover = function ($selected) {
|
|
14
|
+
if ($selected === void 0) { $selected = false; }
|
|
15
|
+
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n cursor: pointer;\n &:hover,\n &.hover {\n background-color: ", ";\n }\n"], ["\n cursor: pointer;\n &:hover,\n &.hover {\n background-color: ", ";\n }\n"])), $selected ? colors.blue94 : colors.gray96);
|
|
16
|
+
};
|
|
17
|
+
var getSelected = function () { return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), colors.blue98); };
|
|
18
|
+
var getDisabled = function () { return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n cursor: not-allowed;\n"], ["\n cursor: not-allowed;\n"]))); };
|
|
19
|
+
var getTileStyles = function (_a) {
|
|
20
|
+
var $orientation = _a.$orientation, _b = _a.$selected, $selected = _b === void 0 ? false : _b, _c = _a.$hoverable, $hoverable = _c === void 0 ? false : _c, _d = _a.$disabled, $disabled = _d === void 0 ? false : _d;
|
|
21
|
+
return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex-flow: ", " nowrap;\n background-color: ", ";\n border-radius: ", "px;\n width: 100%;\n ", "\n\n &:focus, &.focus {\n ", "\n }\n\n ", "\n ", "\n ", "\n "], ["\n display: flex;\n flex-flow: ", " nowrap;\n background-color: ", ";\n border-radius: ", "px;\n width: 100%;\n ", "\n\n &:focus, &.focus {\n ", "\n }\n\n ", "\n ", "\n ", "\n "])), $orientation === 'landscape' ? 'row' : 'column', colors.white, borderRadius.md, getShadow(1, 'bottom'), getFocus(), $disabled ? getDisabled() : '', $selected ? getSelected() : '', $hoverable && !$disabled ? getHover($selected) : '');
|
|
22
|
+
};
|
|
23
|
+
export var StyledLinkTile = styled.a(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n text-decoration: none;\n color: inherit;\n"], ["\n ", "\n text-decoration: none;\n color: inherit;\n"])), function (_a) {
|
|
24
|
+
var $orientation = _a.$orientation;
|
|
25
|
+
return getTileStyles({ $orientation: $orientation, $hoverable: true });
|
|
26
|
+
});
|
|
27
|
+
export var StyledSelectableTile = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
28
|
+
var $orientation = _a.$orientation, $selected = _a.$selected, $disabled = _a.$disabled;
|
|
29
|
+
return getTileStyles({
|
|
30
|
+
$orientation: $orientation,
|
|
31
|
+
$selected: $selected,
|
|
32
|
+
$disabled: $disabled,
|
|
33
|
+
$hoverable: true,
|
|
34
|
+
});
|
|
35
|
+
});
|
|
36
|
+
export var StyledInteractableTile = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
37
|
+
var $orientation = _a.$orientation;
|
|
38
|
+
return getTileStyles({ $orientation: $orientation });
|
|
39
|
+
});
|
|
40
|
+
export var StyledActions = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n justify-content: flex-end;\n * + & {\n margin-top: ", "px;\n }\n\n > * + * {\n margin-left: ", "px;\n }\n"], ["\n display: flex;\n justify-content: flex-end;\n * + & {\n margin-top: ", "px;\n }\n\n > * + * {\n margin-left: ", "px;\n }\n"])), spacing.lg, spacing.sm);
|
|
41
|
+
export var StyledContent = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n padding: ", "px;\n flex: 1 1 auto;\n\n ", ":not(:last-child) {\n margin-bottom: ", "px;\n }\n"], ["\n padding: ", "px;\n flex: 1 1 auto;\n\n ", ":not(:last-child) {\n margin-bottom: ", "px;\n }\n"])), spacing.lg, StyledTitle, spacing.lg);
|
|
42
|
+
export var StyledHeroMedia = styled.figure(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n display: flex;\n margin: 0;\n position: relative;\n overflow: hidden;\n > video {\n background-color: ", ";\n }\n > img, > picture > img {\n object-fit: cover;\n }\n ", "}\n"], ["\n display: flex;\n margin: 0;\n position: relative;\n overflow: hidden;\n > video {\n background-color: ", ";\n }\n > img, > picture > img {\n object-fit: cover;\n }\n ", "}\n"])), colors.black, function (_a) {
|
|
43
|
+
var $orientation = _a.$orientation;
|
|
44
|
+
return $orientation === 'landscape'
|
|
45
|
+
? css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n flex: 0 0 33%;\n position: relative;\n border-top-left-radius: inherit;\n border-bottom-left-radius: inherit;\n > *,\n > picture > img {\n height: 100%;\n width: 100%;\n position: absolute;\n }\n\n @media ", " {\n > picture > img,\n > img {\n width: auto;\n left: 50%;\n transform: translate(-50%, 0);\n }\n }\n "], ["\n flex: 0 0 33%;\n position: relative;\n border-top-left-radius: inherit;\n border-bottom-left-radius: inherit;\n > *,\n > picture > img {\n height: 100%;\n width: 100%;\n position: absolute;\n }\n\n @media ", " {\n > picture > img,\n > img {\n width: auto;\n left: 50%;\n transform: translate(-50%, 0);\n }\n }\n "])), mediaIE11Hack) : css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n minheight: '156px';\n maxheight: '567px';\n border-top-left-radius: inherit;\n border-top-right-radius: inherit;\n > *,\n > picture > img {\n min-height: inherit;\n max-height: inherit;\n height: auto;\n width: 100%;\n }\n "], ["\n minheight: '156px';\n maxheight: '567px';\n border-top-left-radius: inherit;\n border-top-right-radius: inherit;\n > *,\n > picture > img {\n min-height: inherit;\n max-height: inherit;\n height: auto;\n width: 100%;\n }\n "])));
|
|
46
|
+
});
|
|
47
|
+
export var StyledHeroOverlay = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 1;\n"], ["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 1;\n"])));
|
|
48
|
+
export var StyledHeroText = styled.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n padding: ", "px;\n border-radius: inherit;\n ", "}\n"], ["\n padding: ", "px;\n border-radius: inherit;\n ", "}\n"])), spacing.lg, function (_a) {
|
|
49
|
+
var $orientation = _a.$orientation;
|
|
50
|
+
return $orientation === 'landscape'
|
|
51
|
+
? css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding-right: 0;\n "], ["\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding-right: 0;\n "]))) : css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n padding-bottom: 0;\n "], ["\n padding-bottom: 0;\n "])));
|
|
52
|
+
});
|
|
53
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16;
|
|
54
|
+
//# sourceMappingURL=Tile.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tile.styles.js","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.styles.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { AnchorAttributes, DivAttributes, Props } from '../../utils/types';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export interface HeroTextProps extends Props {
|
|
4
|
+
}
|
|
5
|
+
export interface HeroMediaProps extends Props {
|
|
6
|
+
overlay?: boolean;
|
|
7
|
+
onOverlayClick?: React.MouseEventHandler<HTMLDivElement>;
|
|
8
|
+
}
|
|
9
|
+
export interface TileCommonProps extends Props {
|
|
10
|
+
orientation: 'portrait' | 'landscape';
|
|
11
|
+
}
|
|
12
|
+
export interface InteractableTileProps extends TileCommonProps, DivAttributes {
|
|
13
|
+
variant?: 'interactive';
|
|
14
|
+
}
|
|
15
|
+
export interface LinkTileProps extends TileCommonProps, AnchorAttributes {
|
|
16
|
+
variant?: 'link';
|
|
17
|
+
}
|
|
18
|
+
export interface SelectableTileProps extends TileCommonProps, Omit<DivAttributes, 'onClick'> {
|
|
19
|
+
variant?: 'selectable';
|
|
20
|
+
onClick?: () => {};
|
|
21
|
+
selected?: boolean;
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
}
|
|
24
|
+
export declare type TileProps = SelectableTileProps | InteractableTileProps | LinkTileProps;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tile.types.js","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Tile, Tile as default } from './Tile';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Tile/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,QAAQ,CAAA"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
var iframeHtml = "\n<html style=\"\n height: 100%;\n width: 100%;\n\">\n <head></head>\n <body style=\"\n height: 100%;\n width: 100%;\n margin: 0;\n \">\n <video style=\"width: 100%;height: 100%;position: absolute;background: black;\" top:=\"\" 0;=\"\" left:=\"\">\n <source src=\"static/media/src/components/Tile/mocks/video.mp4\" type=\"video/mp4\">\n Your browser doesn't support HTML5 video tag.\n </video>\n </body>\n</html>";
|
|
3
|
+
var iframe = (React.createElement("iframe", { width: "400px", height: "225px", srcDoc: iframeHtml, title: "Video player", frameBorder: "0" }));
|
|
4
|
+
export default iframe;
|
|
5
|
+
//# sourceMappingURL=iframe.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"iframe.js","sourceRoot":"","sources":["../../../../../src/components/Tile/mocks/iframe.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,IAAM,UAAU,GAAG,meAgBX,CAAA;AAER,IAAM,MAAM,GAAG,CACb,gCACE,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,EACd,MAAM,EAAE,UAAU,EAClB,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,GAAG,GACf,CACH,CAAA;AAED,eAAe,MAAM,CAAA"}
|