sanity-plugin-media 1.4.10 → 1.4.12
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/CHANGELOG.md +21 -0
- package/LICENSE +2 -2
- package/README.md +4 -0
- package/dist/app.js +24 -23
- package/dist/app.js.map +1 -1
- package/dist/components/AssetGridVirtualized/index.js +8 -4
- package/dist/components/AssetGridVirtualized/index.js.map +1 -1
- package/dist/components/AssetMetadata/index.js +7 -7
- package/dist/components/AssetMetadata/index.js.map +1 -1
- package/dist/components/AssetTableVirtualized/index.js +8 -4
- package/dist/components/AssetTableVirtualized/index.js.map +1 -1
- package/dist/components/Browser/index.js +9 -5
- package/dist/components/Browser/index.js.map +1 -1
- package/dist/components/ButtonAssetCopy/index.js +9 -5
- package/dist/components/ButtonAssetCopy/index.js.map +1 -1
- package/dist/components/ButtonViewGroup/index.js +2 -2
- package/dist/components/ButtonViewGroup/index.js.map +1 -1
- package/dist/components/CardAsset/index.js +19 -17
- package/dist/components/CardAsset/index.js.map +1 -1
- package/dist/components/CardUpload/index.js +6 -6
- package/dist/components/CardUpload/index.js.map +1 -1
- package/dist/components/Controls/index.js +10 -10
- package/dist/components/Controls/index.js.map +1 -1
- package/dist/components/DebugControls/index.js +4 -4
- package/dist/components/DebugControls/index.js.map +1 -1
- package/dist/components/Dialog/index.js +1 -1
- package/dist/components/Dialog/index.js.map +1 -1
- package/dist/components/DialogAssetEdit/index.js +27 -25
- package/dist/components/DialogAssetEdit/index.js.map +1 -1
- package/dist/components/DialogConfirm/index.js +2 -3
- package/dist/components/DialogConfirm/index.js.map +1 -1
- package/dist/components/DialogSearchFacets/index.js +8 -5
- package/dist/components/DialogSearchFacets/index.js.map +1 -1
- package/dist/components/DialogTagCreate/index.js +13 -10
- package/dist/components/DialogTagCreate/index.js.map +1 -1
- package/dist/components/DialogTagEdit/index.js +15 -12
- package/dist/components/DialogTagEdit/index.js.map +1 -1
- package/dist/components/DialogTags/index.js +9 -6
- package/dist/components/DialogTags/index.js.map +1 -1
- package/dist/components/Dialogs/index.js +1 -1
- package/dist/components/Dialogs/index.js.map +1 -1
- package/dist/components/DocumentList/index.js +1 -1
- package/dist/components/DocumentList/index.js.map +1 -1
- package/dist/components/FileAssetPreview/index.js.map +1 -1
- package/dist/components/FileIcon/index.js +2 -2
- package/dist/components/FileIcon/index.js.map +1 -1
- package/dist/components/FormFieldInputFilename/index.js +7 -3
- package/dist/components/FormFieldInputFilename/index.js.map +1 -1
- package/dist/components/FormFieldInputLabel/index.js +1 -1
- package/dist/components/FormFieldInputLabel/index.js.map +1 -1
- package/dist/components/FormFieldInputTags/index.js +2 -2
- package/dist/components/FormFieldInputTags/index.js.map +1 -1
- package/dist/components/FormFieldInputText/index.js +6 -2
- package/dist/components/FormFieldInputText/index.js.map +1 -1
- package/dist/components/FormFieldInputTextarea/index.js +6 -2
- package/dist/components/FormFieldInputTextarea/index.js.map +1 -1
- package/dist/components/FormSubmitButton/index.js +1 -1
- package/dist/components/FormSubmitButton/index.js.map +1 -1
- package/dist/components/Header/index.js +6 -6
- package/dist/components/Header/index.js.map +1 -1
- package/dist/components/Image/index.js +7 -4
- package/dist/components/Image/index.js.map +1 -1
- package/dist/components/Items/index.js +13 -9
- package/dist/components/Items/index.js.map +1 -1
- package/dist/components/Notifications/index.js +3 -3
- package/dist/components/Notifications/index.js.map +1 -1
- package/dist/components/OrderSelect/index.js +4 -4
- package/dist/components/OrderSelect/index.js.map +1 -1
- package/dist/components/PickedBar/index.js +7 -7
- package/dist/components/PickedBar/index.js.map +1 -1
- package/dist/components/Progress/index.js +4 -4
- package/dist/components/Progress/index.js.map +1 -1
- package/dist/components/ReduxProvider/index.js +10 -4
- package/dist/components/ReduxProvider/index.js.map +1 -1
- package/dist/components/SearchFacet/index.js +2 -2
- package/dist/components/SearchFacet/index.js.map +1 -1
- package/dist/components/SearchFacetNumber/index.js +4 -2
- package/dist/components/SearchFacetNumber/index.js.map +1 -1
- package/dist/components/SearchFacetSelect/index.js +1 -1
- package/dist/components/SearchFacetSelect/index.js.map +1 -1
- package/dist/components/SearchFacetString/index.js +1 -1
- package/dist/components/SearchFacetString/index.js.map +1 -1
- package/dist/components/SearchFacetTags/index.js +4 -4
- package/dist/components/SearchFacetTags/index.js.map +1 -1
- package/dist/components/SearchFacets/index.js +3 -3
- package/dist/components/SearchFacets/index.js.map +1 -1
- package/dist/components/SearchFacetsControl/index.js +8 -7
- package/dist/components/SearchFacetsControl/index.js.map +1 -1
- package/dist/components/TableHeader/index.js +14 -15
- package/dist/components/TableHeader/index.js.map +1 -1
- package/dist/components/TableHeaderItem/index.js +2 -2
- package/dist/components/TableHeaderItem/index.js.map +1 -1
- package/dist/components/TableRowAsset/index.js +51 -51
- package/dist/components/TableRowAsset/index.js.map +1 -1
- package/dist/components/TableRowUpload/index.js +21 -20
- package/dist/components/TableRowUpload/index.js.map +1 -1
- package/dist/components/Tag/index.js +6 -6
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/TagIcon/index.js.map +1 -1
- package/dist/components/TagView/index.js +5 -5
- package/dist/components/TagView/index.js.map +1 -1
- package/dist/components/TagViewHeader/index.js +5 -5
- package/dist/components/TagViewHeader/index.js.map +1 -1
- package/dist/components/TagsPanel/index.js +3 -2
- package/dist/components/TagsPanel/index.js.map +1 -1
- package/dist/components/TagsVirtualized/index.js +25 -16
- package/dist/components/TagsVirtualized/index.js.map +1 -1
- package/dist/components/TextInputNumber/index.js.map +1 -1
- package/dist/components/TextInputSearch/index.js +2 -2
- package/dist/components/TextInputSearch/index.js.map +1 -1
- package/dist/components/UploadDropzone/index.js +4 -4
- package/dist/components/UploadDropzone/index.js.map +1 -1
- package/dist/config/searchFacets.js +19 -19
- package/dist/config/searchFacets.js.map +1 -1
- package/dist/constants.js +5 -6
- package/dist/constants.js.map +1 -1
- package/dist/contexts/AssetSourceDispatchContext.js +7 -3
- package/dist/contexts/AssetSourceDispatchContext.js.map +1 -1
- package/dist/contexts/DropzoneDispatchContext.js +7 -3
- package/dist/contexts/DropzoneDispatchContext.js.map +1 -1
- package/dist/hooks/useBreakpointIndex.js +3 -3
- package/dist/hooks/useBreakpointIndex.js.map +1 -1
- package/dist/hooks/useKeyPress.js +3 -3
- package/dist/hooks/useKeyPress.js.map +1 -1
- package/dist/hooks/useOnScreen.js +2 -2
- package/dist/hooks/useOnScreen.js.map +1 -1
- package/dist/modules/assets/index.js +76 -76
- package/dist/modules/assets/index.js.map +1 -1
- package/dist/modules/debug/index.js +1 -1
- package/dist/modules/debug/index.js.map +1 -1
- package/dist/modules/dialog/index.js +21 -21
- package/dist/modules/dialog/index.js.map +1 -1
- package/dist/modules/index.js +7 -3
- package/dist/modules/index.js.map +1 -1
- package/dist/modules/notifications/index.js +25 -25
- package/dist/modules/notifications/index.js.map +1 -1
- package/dist/modules/search/index.js +6 -6
- package/dist/modules/search/index.js.map +1 -1
- package/dist/modules/selected/index.js +1 -1
- package/dist/modules/selected/index.js.map +1 -1
- package/dist/modules/selectors.js +10 -5
- package/dist/modules/selectors.js.map +1 -1
- package/dist/modules/tags/index.js +44 -44
- package/dist/modules/tags/index.js.map +1 -1
- package/dist/modules/uploads/index.js +30 -32
- package/dist/modules/uploads/index.js.map +1 -1
- package/dist/operators/checkTagName.js +5 -5
- package/dist/operators/checkTagName.js.map +1 -1
- package/dist/operators/debugThrottle.js +3 -3
- package/dist/operators/debugThrottle.js.map +1 -1
- package/dist/styled/GlobalStyles/index.js +2 -2
- package/dist/styled/GlobalStyles/index.js.map +1 -1
- package/dist/styled/react-select/creatable.js +3 -3
- package/dist/styled/react-select/creatable.js.map +1 -1
- package/dist/styled/react-select/single.js +3 -3
- package/dist/styled/react-select/single.js.map +1 -1
- package/dist/utils/blocksToText.js +1 -1
- package/dist/utils/blocksToText.js.map +1 -1
- package/dist/utils/constructFilter.js +16 -10
- package/dist/utils/constructFilter.js.map +1 -1
- package/dist/utils/generatePreviewBlobUrl.js +11 -4
- package/dist/utils/generatePreviewBlobUrl.js.map +1 -1
- package/dist/utils/getAssetResolution.js +1 -1
- package/dist/utils/getAssetResolution.js.map +1 -1
- package/dist/utils/getDocumentAssetIds.js +9 -4
- package/dist/utils/getDocumentAssetIds.js.map +1 -1
- package/dist/utils/getTagSelectOptions.js.map +1 -1
- package/dist/utils/imageDprUrl.js +1 -1
- package/dist/utils/imageDprUrl.js.map +1 -1
- package/dist/utils/uploadSanityAsset.js +14 -11
- package/dist/utils/uploadSanityAsset.js.map +1 -1
- package/dist/utils/withMaxConcurrency.js +12 -7
- package/dist/utils/withMaxConcurrency.js.map +1 -1
- package/package.json +26 -32
- package/dist/styled/theme.js +0 -13
- package/dist/styled/theme.js.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,7 +1,28 @@
|
|
|
1
|
+
<!-- markdownlint-disable --><!-- textlint-disable -->
|
|
2
|
+
|
|
3
|
+
# 📓 Changelog
|
|
4
|
+
|
|
5
|
+
All notable changes to this project will be documented in this file. See
|
|
6
|
+
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
7
|
+
|
|
8
|
+
## [1.4.12](https://github.com/robinpyon/sanity-plugin-media/compare/v1.4.11...v1.4.12) (2022-10-06)
|
|
9
|
+
|
|
10
|
+
### Bug Fixes
|
|
11
|
+
|
|
12
|
+
- catch errors when preview images fail to be generated ([#88](https://github.com/robinpyon/sanity-plugin-media/issues/88)) ([5b40ad7](https://github.com/robinpyon/sanity-plugin-media/commit/5b40ad7b32f11021e2da9440ca03c73d651ae533))
|
|
13
|
+
|
|
1
14
|
# Changelog
|
|
2
15
|
|
|
3
16
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
17
|
|
|
18
|
+
### [1.4.11](https://github.com/robinpyon/sanity-plugin-media/compare/v1.4.8...v1.4.11) (2022-09-12)
|
|
19
|
+
|
|
20
|
+
### Bug Fixes
|
|
21
|
+
|
|
22
|
+
- don't hardcode z-indices, correctly render last filter item ([#57](https://github.com/robinpyon/sanity-plugin-media/issues/57), [#82](https://github.com/robinpyon/sanity-plugin-media/issues/82)) ([b16375e](https://github.com/robinpyon/sanity-plugin-media/commit/b16375e664b662b4657823c90bc6447bc7d9d5d2))
|
|
23
|
+
- remove rxjs and @sanity/client from peerDependencies ([b4df1f5](https://github.com/robinpyon/sanity-plugin-media/commit/b4df1f5ba067ff0e28dda08d376b03d444967d68))
|
|
24
|
+
- throw an error when trying to call window.crypto from insecure contexts ([#50](https://github.com/robinpyon/sanity-plugin-media/issues/50)) ([fd02d72](https://github.com/robinpyon/sanity-plugin-media/commit/fd02d727d6e6ae5771f1bcb64ef818fe2aff05dc))
|
|
25
|
+
|
|
5
26
|
### [1.4.10](https://github.com/robinpyon/sanity-plugin-media/compare/v1.4.8...v1.4.10) (2022-06-01)
|
|
6
27
|
|
|
7
28
|
### Bug Fixes
|
package/LICENSE
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
MIT License
|
|
2
2
|
|
|
3
|
-
Copyright (c)
|
|
3
|
+
Copyright (c) 2022 Robin Pyon
|
|
4
4
|
|
|
5
5
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
6
|
of this software and associated documentation files (the "Software"), to deal
|
|
@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
|
18
18
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
19
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
20
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
21
|
-
THE SOFTWARE.
|
|
21
|
+
THE SOFTWARE.
|
package/README.md
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
# Sanity Media
|
|
2
2
|
|
|
3
|
+
> ⚠️ This version of `sanity-plugin-media` is compatible with Sanity Studio V2.
|
|
4
|
+
>
|
|
5
|
+
> A Studio V3 compatible version can be found on the [V3 branch](https://github.com/robinpyon/sanity-plugin-media/tree/v3-studio).
|
|
6
|
+
|
|
3
7
|

|
|
4
8
|

|
|
5
9
|
|
package/dist/app.js
CHANGED
|
@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
14
|
if (k2 === undefined) k2 = k;
|
|
15
|
-
Object.
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
16
20
|
}) : (function(o, m, k, k2) {
|
|
17
21
|
if (k2 === undefined) k2 = k;
|
|
18
22
|
o[k2] = m[k];
|
|
@@ -35,18 +39,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
35
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
40
|
var ui_1 = require("@sanity/ui");
|
|
37
41
|
var react_1 = __importStar(require("react"));
|
|
38
|
-
var theme_ui_1 = require("theme-ui");
|
|
39
42
|
var Browser_1 = __importDefault(require("./components/Browser"));
|
|
40
43
|
var ReduxProvider_1 = __importDefault(require("./components/ReduxProvider"));
|
|
41
|
-
var constants_1 = require("./constants");
|
|
42
44
|
var AssetSourceDispatchContext_1 = require("./contexts/AssetSourceDispatchContext");
|
|
43
45
|
var useKeyPress_1 = __importDefault(require("./hooks/useKeyPress"));
|
|
44
46
|
var GlobalStyles_1 = __importDefault(require("./styled/GlobalStyles"));
|
|
45
|
-
var
|
|
46
|
-
var AssetBrowser = react_1.forwardRef(function (props, ref) {
|
|
47
|
+
var AssetBrowser = (0, react_1.forwardRef)(function (props, ref) {
|
|
47
48
|
var onClose = props.onClose, onSelect = props.onSelect;
|
|
49
|
+
var zIndex = (0, ui_1.useLayer)().zIndex;
|
|
48
50
|
// Close on escape key press
|
|
49
|
-
useKeyPress_1.default('escape', onClose);
|
|
51
|
+
(0, useKeyPress_1.default)('escape', onClose);
|
|
50
52
|
// Stop propagation and prevent document mouse events from firing.
|
|
51
53
|
// This is a bit of a hack to make this work with `editModal = 'popover'` and prevent Sanity's <Popover /> component from
|
|
52
54
|
// prematurely closing, as it attaches events on `document` to detect outside clicks.
|
|
@@ -56,23 +58,22 @@ var AssetBrowser = react_1.forwardRef(function (props, ref) {
|
|
|
56
58
|
};
|
|
57
59
|
return (react_1.default.createElement(ReduxProvider_1.default, __assign({}, props),
|
|
58
60
|
react_1.default.createElement(ui_1.ThemeProvider, { scheme: "dark", theme: ui_1.studioTheme },
|
|
59
|
-
react_1.default.createElement(
|
|
60
|
-
react_1.default.createElement(ui_1.
|
|
61
|
-
react_1.default.createElement(
|
|
62
|
-
react_1.default.createElement(
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
react_1.default.createElement(Browser_1.default, null))))))))));
|
|
61
|
+
react_1.default.createElement(ui_1.PortalProvider, { element: document.body },
|
|
62
|
+
react_1.default.createElement(ui_1.ToastProvider, null,
|
|
63
|
+
react_1.default.createElement(AssetSourceDispatchContext_1.AssetBrowserDispatchProvider, { onSelect: onSelect },
|
|
64
|
+
react_1.default.createElement(GlobalStyles_1.default, null),
|
|
65
|
+
onClose ? (react_1.default.createElement(ui_1.Portal, null,
|
|
66
|
+
react_1.default.createElement(ui_1.Box, { onDragEnter: handleStopPropagation, onDragLeave: handleStopPropagation, onDragOver: handleStopPropagation, onDrop: handleStopPropagation, onMouseUp: handleStopPropagation, ref: ref, style: {
|
|
67
|
+
bottom: 0,
|
|
68
|
+
height: 'auto',
|
|
69
|
+
left: 0,
|
|
70
|
+
position: 'fixed',
|
|
71
|
+
top: 0,
|
|
72
|
+
width: '100%',
|
|
73
|
+
zIndex: zIndex
|
|
74
|
+
} },
|
|
75
|
+
react_1.default.createElement(Browser_1.default, { onClose: onClose })))) : (react_1.default.createElement(ui_1.Flex, { direction: "column", ref: ref },
|
|
76
|
+
react_1.default.createElement(Browser_1.default, null)))))))));
|
|
76
77
|
});
|
|
77
78
|
exports.default = AssetBrowser;
|
|
78
79
|
//# sourceMappingURL=app.js.map
|
package/dist/app.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app.js","sourceRoot":"","sources":["../src/app.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"app.js","sourceRoot":"","sources":["../src/app.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCASmB;AAEnB,6CAAwD;AACxD,iEAA0C;AAC1C,6EAAsD;AACtD,oFAAkF;AAClF,oEAA6C;AAC7C,uEAA+C;AAI/C,IAAM,YAAY,GAAG,IAAA,kBAAU,EAAC,UAAC,KAAY,EAAE,GAAwB;IAC9D,IAAA,OAAO,GAAc,KAAK,QAAnB,EAAE,QAAQ,GAAI,KAAK,SAAT,CAAS;IAE1B,IAAA,MAAM,GAAI,IAAA,aAAQ,GAAE,OAAd,CAAc;IAE3B,4BAA4B;IAC5B,IAAA,qBAAW,EAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;IAE9B,kEAAkE;IAClE,yHAAyH;IACzH,qFAAqF;IACrF,IAAM,qBAAqB,GAAG,UAAC,CAAa;QAC1C,CAAC,CAAC,WAAW,CAAC,wBAAwB,EAAE,CAAA;QACxC,CAAC,CAAC,eAAe,EAAE,CAAA;IACrB,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,uBAAa,eAAK,KAAK;QACtB,8BAAC,kBAAa,IAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAE,gBAAW;YAC7C,8BAAC,mBAAc,IAAC,OAAO,EAAE,QAAQ,CAAC,IAAI;gBACpC,8BAAC,kBAAa;oBAEZ,8BAAC,yDAA4B,IAAC,QAAQ,EAAE,QAAQ;wBAC9C,8BAAC,sBAAW,OAAG;wBAEd,OAAO,CAAC,CAAC,CAAC,CACT,8BAAC,WAAM;4BACL,8BAAC,QAAG,IACF,WAAW,EAAE,qBAAqB,EAClC,WAAW,EAAE,qBAAqB,EAClC,UAAU,EAAE,qBAAqB,EACjC,MAAM,EAAE,qBAAqB,EAC7B,SAAS,EAAE,qBAAqB,EAChC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;oCACL,MAAM,EAAE,CAAC;oCACT,MAAM,EAAE,MAAM;oCACd,IAAI,EAAE,CAAC;oCACP,QAAQ,EAAE,OAAO;oCACjB,GAAG,EAAE,CAAC;oCACN,KAAK,EAAE,MAAM;oCACb,MAAM,QAAA;iCACP;gCAED,8BAAC,iBAAO,IAAC,OAAO,EAAE,OAAO,GAAI,CACzB,CACC,CACV,CAAC,CAAC,CAAC,CACF,8BAAC,SAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG;4BAC/B,8BAAC,iBAAO,OAAG,CACN,CACR,CAC4B,CACjB,CACD,CACH,CACF,CACjB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAe,YAAY,CAAA"}
|
|
@@ -5,7 +5,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
5
5
|
};
|
|
6
6
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
7
|
if (k2 === undefined) k2 = k;
|
|
8
|
-
Object.
|
|
8
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
9
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
10
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
11
|
+
}
|
|
12
|
+
Object.defineProperty(o, k2, desc);
|
|
9
13
|
}) : (function(o, m, k, k2) {
|
|
10
14
|
if (k2 === undefined) k2 = k;
|
|
11
15
|
o[k2] = m[k];
|
|
@@ -34,7 +38,7 @@ var CardAsset_1 = __importDefault(require("../CardAsset"));
|
|
|
34
38
|
var CardUpload_1 = __importDefault(require("../CardUpload"));
|
|
35
39
|
var CARD_HEIGHT = 220;
|
|
36
40
|
var CARD_WIDTH = 240;
|
|
37
|
-
var VirtualCell = react_1.memo(function (_a) {
|
|
41
|
+
var VirtualCell = (0, react_1.memo)(function (_a) {
|
|
38
42
|
var item = _a.item, selected = _a.selected;
|
|
39
43
|
if ((item === null || item === void 0 ? void 0 : item.type) === 'asset') {
|
|
40
44
|
return react_1.default.createElement(CardAsset_1.default, { id: item.id, selected: selected });
|
|
@@ -49,7 +53,7 @@ var ListContainer = styled_components_1.default.div(templateObject_2 || (templat
|
|
|
49
53
|
var AssetGridVirtualized = function (props) {
|
|
50
54
|
var items = props.items, onLoadMore = props.onLoadMore;
|
|
51
55
|
// Redux
|
|
52
|
-
var selectedAssets = useTypedSelector_1.default(function (state) { return state.selected.assets; });
|
|
56
|
+
var selectedAssets = (0, useTypedSelector_1.default)(function (state) { return state.selected.assets; });
|
|
53
57
|
var selectedIds = (selectedAssets && selectedAssets.map(function (asset) { return asset._id; })) || [];
|
|
54
58
|
var totalCount = items === null || items === void 0 ? void 0 : items.length;
|
|
55
59
|
if (totalCount === 0) {
|
|
@@ -65,7 +69,7 @@ var AssetGridVirtualized = function (props) {
|
|
|
65
69
|
var item = items[index];
|
|
66
70
|
var selected = selectedIds.includes(item === null || item === void 0 ? void 0 : item.id);
|
|
67
71
|
return react_1.default.createElement(VirtualCell, { item: item, selected: selected });
|
|
68
|
-
}, overscan: 48, totalCount: totalCount }));
|
|
72
|
+
}, overscan: 48, style: { overflowX: 'hidden' }, totalCount: totalCount }));
|
|
69
73
|
};
|
|
70
74
|
exports.default = AssetGridVirtualized;
|
|
71
75
|
var templateObject_1, templateObject_2;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AssetGridVirtualized/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AssetGridVirtualized/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,6CAAiC;AACjC,iDAA2C;AAC3C,wEAAsC;AACtC,kFAA2D;AAC3D,2DAAoC;AACpC,6DAAsC;AAOtC,IAAM,WAAW,GAAG,GAAG,CAAA;AACvB,IAAM,UAAU,GAAG,GAAG,CAAA;AAEtB,IAAM,WAAW,GAAG,IAAA,YAAI,EACtB,UAAC,EAA2E;QAA1E,IAAI,UAAA,EAAE,QAAQ,cAAA;IACd,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,MAAK,OAAO,EAAE;QAC1B,OAAO,8BAAC,mBAAS,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAA;KACtD;IAED,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,MAAK,QAAQ,EAAE;QAC3B,OAAO,8BAAC,oBAAU,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,CAAA;KACnC;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CACF,CAAA;AAED,IAAM,aAAa,GAAG,2BAAM,CAAC,GAAG,4GAAA,cACpB,EAAW,gBACZ,EAAU,OACpB,KAFW,WAAW,EACZ,UAAU,CACpB,CAAA;AAED,IAAM,aAAa,GAAG,2BAAM,CAAC,GAAG,6LAAA,iEAEa,EAAU,uDAGtD,KAH4C,UAAU,CAGtD,CAAA;AAED,IAAM,oBAAoB,GAAG,UAAC,KAAY;IACjC,IAAA,KAAK,GAAgB,KAAK,MAArB,EAAE,UAAU,GAAI,KAAK,WAAT,CAAS;IAEjC,QAAQ;IACR,IAAM,cAAc,GAAG,IAAA,0BAAgB,EAAC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,QAAQ,CAAC,MAAM,EAArB,CAAqB,CAAC,CAAA;IAEvE,IAAM,WAAW,GAAG,CAAC,cAAc,IAAI,cAAc,CAAC,GAAG,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,GAAG,EAAT,CAAS,CAAC,CAAC,IAAI,EAAE,CAAA;IACpF,IAAM,UAAU,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAA;IAEhC,IAAI,UAAU,KAAK,CAAC,EAAE;QACpB,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,8BAAC,6BAAY,IACX,SAAS,EAAC,yBAAyB,EACnC,cAAc,EAAE,UAAA,KAAK;YACnB,IAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,CAAA;YACzB,OAAO,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAA;QACjB,CAAC,EACD,UAAU,EAAE;YACV,IAAI,EAAE,aAAa;YACnB,IAAI,EAAE,aAAa;SACpB,EACD,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,UAAA,KAAK;YAChB,IAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,CAAA;YACzB,IAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAC,CAAA;YAC/C,OAAO,8BAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAA;QACxD,CAAC,EACD,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAE,EAAC,SAAS,EAAE,QAAQ,EAAC,EAC5B,UAAU,EAAE,UAAU,GACtB,CACH,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,oBAAoB,CAAA"}
|
|
@@ -30,15 +30,15 @@ var AssetMetadata = function (props) {
|
|
|
30
30
|
var exif = (_a = asset === null || asset === void 0 ? void 0 : asset.metadata) === null || _a === void 0 ? void 0 : _a.exif;
|
|
31
31
|
// Callbacks
|
|
32
32
|
var handleDownload = function () {
|
|
33
|
-
window.location.href = asset.url
|
|
33
|
+
window.location.href = "".concat(asset.url, "?dl=").concat(asset.originalFilename);
|
|
34
34
|
};
|
|
35
35
|
return (react_1.default.createElement(ui_1.Box, { marginTop: 3 },
|
|
36
36
|
react_1.default.createElement(ui_1.Box, null,
|
|
37
37
|
react_1.default.createElement(ui_1.Stack, { space: 3 },
|
|
38
|
-
react_1.default.createElement(Row, { label: "Size", value: filesize_1.default(asset === null || asset === void 0 ? void 0 : asset.size, { base: 10, round: 0 }) }),
|
|
38
|
+
react_1.default.createElement(Row, { label: "Size", value: (0, filesize_1.default)(asset === null || asset === void 0 ? void 0 : asset.size, { base: 10, round: 0 }) }),
|
|
39
39
|
react_1.default.createElement(Row, { label: "MIME type", value: asset === null || asset === void 0 ? void 0 : asset.mimeType }),
|
|
40
40
|
react_1.default.createElement(Row, { label: "Extension", value: (asset === null || asset === void 0 ? void 0 : asset.extension).toUpperCase() }),
|
|
41
|
-
typeGuards_1.isImageAsset(asset) && react_1.default.createElement(Row, { label: "Dimensions", value: getAssetResolution_1.default(asset) }))),
|
|
41
|
+
(0, typeGuards_1.isImageAsset)(asset) && react_1.default.createElement(Row, { label: "Dimensions", value: (0, getAssetResolution_1.default)(asset) }))),
|
|
42
42
|
exif && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
43
43
|
react_1.default.createElement(ui_1.Box, { marginY: 4, style: {
|
|
44
44
|
background: '#222',
|
|
@@ -48,10 +48,10 @@ var AssetMetadata = function (props) {
|
|
|
48
48
|
react_1.default.createElement(ui_1.Box, null,
|
|
49
49
|
react_1.default.createElement(ui_1.Stack, { space: 3 },
|
|
50
50
|
exif.ISO && react_1.default.createElement(Row, { label: "ISO", value: exif.ISO }),
|
|
51
|
-
exif.FNumber && react_1.default.createElement(Row, { label: "Aperture", value: "\u0192/"
|
|
52
|
-
exif.FocalLength && react_1.default.createElement(Row, { label: "Focal length", value: exif.FocalLength
|
|
53
|
-
exif.ExposureTime && (react_1.default.createElement(Row, { label: "Exposure time", value: "1/"
|
|
54
|
-
exif.DateTimeOriginal && (react_1.default.createElement(Row, { label: "Original date", value: format_1.default(new Date(exif.DateTimeOriginal), 'PPp') })))))),
|
|
51
|
+
exif.FNumber && react_1.default.createElement(Row, { label: "Aperture", value: "\u0192/".concat(exif.FNumber) }),
|
|
52
|
+
exif.FocalLength && react_1.default.createElement(Row, { label: "Focal length", value: "".concat(exif.FocalLength, "mm") }),
|
|
53
|
+
exif.ExposureTime && (react_1.default.createElement(Row, { label: "Exposure time", value: "1/".concat(1 / exif.ExposureTime) })),
|
|
54
|
+
exif.DateTimeOriginal && (react_1.default.createElement(Row, { label: "Original date", value: (0, format_1.default)(new Date(exif.DateTimeOriginal), 'PPp') })))))),
|
|
55
55
|
react_1.default.createElement(ui_1.Box, { marginTop: 5 },
|
|
56
56
|
react_1.default.createElement(ui_1.Inline, { space: 2 },
|
|
57
57
|
react_1.default.createElement(ui_1.Button, { disabled: !item || (item === null || item === void 0 ? void 0 : item.updating), fontSize: 1, icon: icons_1.DownloadIcon, mode: "ghost", onClick: handleDownload, text: "Download" }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AssetMetadata/index.tsx"],"names":[],"mappings":";;;;;AAAA,uCAA0C;AAC1C,iCAAiE;AAEjE,2DAAoC;AACpC,sDAA+B;AAC/B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AssetMetadata/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -29,7 +33,7 @@ var useTypedSelector_1 = __importDefault(require("../../hooks/useTypedSelector")
|
|
|
29
33
|
var TableHeader_1 = __importDefault(require("../TableHeader"));
|
|
30
34
|
var TableRowAsset_1 = __importDefault(require("../TableRowAsset"));
|
|
31
35
|
var TableRowUpload_1 = __importDefault(require("../TableRowUpload"));
|
|
32
|
-
var VirtualRow = react_1.memo(function (_a) {
|
|
36
|
+
var VirtualRow = (0, react_1.memo)(function (_a) {
|
|
33
37
|
var item = _a.item, selected = _a.selected;
|
|
34
38
|
if ((item === null || item === void 0 ? void 0 : item.type) === 'asset') {
|
|
35
39
|
return (react_1.default.createElement(ui_1.Box, { style: { height: '100px' } },
|
|
@@ -44,7 +48,7 @@ var VirtualRow = react_1.memo(function (_a) {
|
|
|
44
48
|
var AssetTableVirtualized = function (props) {
|
|
45
49
|
var items = props.items, onLoadMore = props.onLoadMore;
|
|
46
50
|
// Redux
|
|
47
|
-
var selectedAssets = useTypedSelector_1.default(function (state) { return state.selected.assets; });
|
|
51
|
+
var selectedAssets = (0, useTypedSelector_1.default)(function (state) { return state.selected.assets; });
|
|
48
52
|
var selectedIds = (selectedAssets && selectedAssets.map(function (asset) { return asset._id; })) || [];
|
|
49
53
|
var totalCount = items === null || items === void 0 ? void 0 : items.length;
|
|
50
54
|
if (totalCount === 0) {
|
|
@@ -59,7 +63,7 @@ var AssetTableVirtualized = function (props) {
|
|
|
59
63
|
var item = items[index];
|
|
60
64
|
var selected = selectedIds.includes(item === null || item === void 0 ? void 0 : item.id);
|
|
61
65
|
return react_1.default.createElement(VirtualRow, { item: item, selected: selected });
|
|
62
|
-
} }));
|
|
66
|
+
}, style: { overflowX: 'hidden' } }));
|
|
63
67
|
};
|
|
64
68
|
exports.default = AssetTableVirtualized;
|
|
65
69
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AssetTableVirtualized/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AssetTableVirtualized/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,iCAA8B;AAC9B,6CAAiC;AACjC,iDAA8C;AAC9C,kFAA2D;AAC3D,+DAAwC;AACxC,mEAA4C;AAC5C,qEAA8C;AAO9C,IAAM,UAAU,GAAG,IAAA,YAAI,EACrB,UAAC,EAA2E;QAA1E,IAAI,UAAA,EAAE,QAAQ,cAAA;IACd,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,MAAK,OAAO,EAAE;QAC1B,OAAO,CACL,8BAAC,QAAG,IAAC,KAAK,EAAE,EAAC,MAAM,EAAE,OAAO,EAAC;YAC3B,8BAAC,uBAAa,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC9C,CACP,CAAA;KACF;IAED,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,MAAK,QAAQ,EAAE;QAC3B,OAAO,CACL,8BAAC,QAAG,IAAC,KAAK,EAAE,EAAC,MAAM,EAAE,OAAO,EAAC;YAC3B,8BAAC,wBAAc,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,GAAI,CAC3B,CACP,CAAA;KACF;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CACF,CAAA;AAED,IAAM,qBAAqB,GAAG,UAAC,KAAY;IAClC,IAAA,KAAK,GAAgB,KAAK,MAArB,EAAE,UAAU,GAAI,KAAK,WAAT,CAAS;IAEjC,QAAQ;IACR,IAAM,cAAc,GAAG,IAAA,0BAAgB,EAAC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,QAAQ,CAAC,MAAM,EAArB,CAAqB,CAAC,CAAA;IAEvE,IAAM,WAAW,GAAG,CAAC,cAAc,IAAI,cAAc,CAAC,GAAG,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,GAAG,EAAT,CAAS,CAAC,CAAC,IAAI,EAAE,CAAA;IACpF,IAAM,UAAU,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAA;IAEhC,IAAI,UAAU,KAAK,CAAC,EAAE;QACpB,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,8BAAC,gCAAe,IACd,SAAS,EAAC,yBAAyB,EACnC,cAAc,EAAE,UAAA,KAAK;YACnB,IAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,CAAA;YACzB,OAAO,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,KAAI,KAAK,CAAA;QAC1B,CAAC,EACD,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,EACtC,YAAY,EAAE;YACZ,OAAO,8BAAC,qBAAW,OAAG,CAAA;QACxB,CAAC,EACD,WAAW,EAAE,UAAA,KAAK;YAChB,IAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,CAAA;YACzB,IAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,CAAC,CAAA;YAC/C,OAAO,8BAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAA;QACvD,CAAC,EACD,KAAK,EAAE,EAAC,SAAS,EAAE,QAAQ,EAAC,GAC5B,CACH,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,qBAAqB,CAAA"}
|
|
@@ -5,7 +5,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
5
5
|
};
|
|
6
6
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
7
|
if (k2 === undefined) k2 = k;
|
|
8
|
-
Object.
|
|
8
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
9
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
10
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
11
|
+
}
|
|
12
|
+
Object.defineProperty(o, k2, desc);
|
|
9
13
|
}) : (function(o, m, k, k2) {
|
|
10
14
|
if (k2 === undefined) k2 = k;
|
|
11
15
|
o[k2] = m[k];
|
|
@@ -46,7 +50,7 @@ var UploadDropzone_1 = __importDefault(require("../UploadDropzone"));
|
|
|
46
50
|
var Browser = function (props) {
|
|
47
51
|
var onClose = props.onClose;
|
|
48
52
|
// Redux
|
|
49
|
-
var dispatch = react_redux_1.useDispatch();
|
|
53
|
+
var dispatch = (0, react_redux_1.useDispatch)();
|
|
50
54
|
// Callbacks
|
|
51
55
|
var handleAssetUpdate = function (update) {
|
|
52
56
|
var documentId = update.documentId, result = update.result, transition = update.transition;
|
|
@@ -73,7 +77,7 @@ var Browser = function (props) {
|
|
|
73
77
|
}
|
|
74
78
|
};
|
|
75
79
|
// Effects
|
|
76
|
-
react_1.useEffect(function () {
|
|
80
|
+
(0, react_1.useEffect)(function () {
|
|
77
81
|
// Fetch assets: first page
|
|
78
82
|
dispatch(assets_1.assetsActions.loadPageIndex({ pageIndex: 0 }));
|
|
79
83
|
// Fetch all tags
|
|
@@ -83,10 +87,10 @@ var Browser = function (props) {
|
|
|
83
87
|
// Also note that changes to the selected document (if present) will automatically re-load the media plugin
|
|
84
88
|
// due to the desk pane re-rendering.
|
|
85
89
|
var subscriptionAsset = client_1.client
|
|
86
|
-
.listen(groq_1.default(templateObject_1 || (templateObject_1 = __makeTemplateObject(["*[_type in [\"sanity.fileAsset\", \"sanity.imageAsset\"] && !(_id in path(\"drafts.**\"))]"], ["*[_type in [\"sanity.fileAsset\", \"sanity.imageAsset\"] && !(_id in path(\"drafts.**\"))]"]))))
|
|
90
|
+
.listen((0, groq_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["*[_type in [\"sanity.fileAsset\", \"sanity.imageAsset\"] && !(_id in path(\"drafts.**\"))]"], ["*[_type in [\"sanity.fileAsset\", \"sanity.imageAsset\"] && !(_id in path(\"drafts.**\"))]"]))))
|
|
87
91
|
.subscribe(handleAssetUpdate);
|
|
88
92
|
var subscriptionTag = client_1.client
|
|
89
|
-
.listen(groq_1.default(templateObject_2 || (templateObject_2 = __makeTemplateObject(["*[_type == \"", "\" && !(_id in path(\"drafts.**\"))]"], ["*[_type == \"", "\" && !(_id in path(\"drafts.**\"))]"])), constants_1.TAG_DOCUMENT_NAME))
|
|
93
|
+
.listen((0, groq_1.default)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["*[_type == \"", "\" && !(_id in path(\"drafts.**\"))]"], ["*[_type == \"", "\" && !(_id in path(\"drafts.**\"))]"])), constants_1.TAG_DOCUMENT_NAME))
|
|
90
94
|
.subscribe(handleTagUpdate);
|
|
91
95
|
return function () {
|
|
92
96
|
subscriptionAsset === null || subscriptionAsset === void 0 ? void 0 : subscriptionAsset.unsubscribe();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Browser/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Browser/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,iCAAqC;AAErC,8CAAuB;AACvB,6CAAsC;AACtC,2CAAuC;AACvC,uCAAmC;AACnC,6CAAiD;AACjD,+CAAkD;AAClD,2CAA8C;AAC9C,yDAAkC;AAClC,mEAA4C;AAC5C,uDAAgC;AAChC,qDAA8B;AAC9B,mDAA4B;AAC5B,mEAA4C;AAC5C,2DAAoC;AACpC,2DAAoC;AACpC,qEAA8C;AAM9C,IAAM,OAAO,GAAG,UAAC,KAAY;IACpB,IAAA,OAAO,GAAI,KAAK,QAAT,CAAS;IAEvB,QAAQ;IACR,IAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAA;IAE9B,YAAY;IACZ,IAAM,iBAAiB,GAAG,UAAC,MAAqB;QACvC,IAAA,UAAU,GAAwB,MAAM,WAA9B,EAAE,MAAM,GAAgB,MAAM,OAAtB,EAAE,UAAU,GAAI,MAAM,WAAV,CAAU;QAE/C,IAAI,UAAU,KAAK,QAAQ,EAAE;YAC3B,QAAQ,CAAC,sBAAa,CAAC,mBAAmB,CAAC,EAAC,KAAK,EAAE,MAAe,EAAC,CAAC,CAAC,CAAA;SACtE;QAED,IAAI,UAAU,KAAK,WAAW,EAAE;YAC9B,QAAQ,CAAC,sBAAa,CAAC,mBAAmB,CAAC,EAAC,OAAO,EAAE,UAAU,EAAC,CAAC,CAAC,CAAA;SACnE;QAED,IAAI,UAAU,KAAK,QAAQ,EAAE;YAC3B,QAAQ,CAAC,sBAAa,CAAC,mBAAmB,CAAC,EAAC,KAAK,EAAE,MAAe,EAAC,CAAC,CAAC,CAAA;SACtE;IACH,CAAC,CAAA;IAED,IAAM,eAAe,GAAG,UAAC,MAAqB;QACrC,IAAA,UAAU,GAAwB,MAAM,WAA9B,EAAE,MAAM,GAAgB,MAAM,OAAtB,EAAE,UAAU,GAAI,MAAM,WAAV,CAAU;QAE/C,IAAI,UAAU,KAAK,QAAQ,EAAE;YAC3B,QAAQ,CAAC,kBAAW,CAAC,mBAAmB,CAAC,EAAC,GAAG,EAAE,MAAa,EAAC,CAAC,CAAC,CAAA;SAChE;QAED,IAAI,UAAU,KAAK,WAAW,EAAE;YAC9B,QAAQ,CAAC,kBAAW,CAAC,mBAAmB,CAAC,EAAC,KAAK,EAAE,UAAU,EAAC,CAAC,CAAC,CAAA;SAC/D;QAED,IAAI,UAAU,KAAK,QAAQ,EAAE;YAC3B,QAAQ,CAAC,kBAAW,CAAC,mBAAmB,CAAC,EAAC,GAAG,EAAE,MAAa,EAAC,CAAC,CAAC,CAAA;SAChE;IACH,CAAC,CAAA;IAED,UAAU;IACV,IAAA,iBAAS,EAAC;QACR,2BAA2B;QAC3B,QAAQ,CAAC,sBAAa,CAAC,aAAa,CAAC,EAAC,SAAS,EAAE,CAAC,EAAC,CAAC,CAAC,CAAA;QAErD,iBAAiB;QACjB,QAAQ,CAAC,kBAAW,CAAC,YAAY,EAAE,CAAC,CAAA;QAEpC,2DAA2D;QAC3D,8EAA8E;QAC9E,2GAA2G;QAC3G,qCAAqC;QACrC,IAAM,iBAAiB,GAAG,eAAM;aAC7B,MAAM,KACL,cAAI,gKAAA,4FAAsF,KAC3F;aACA,SAAS,CAAC,iBAAiB,CAAC,CAAA;QAE/B,IAAM,eAAe,GAAG,eAAM;aAC3B,MAAM,KAAC,cAAI,2HAAA,eAAe,EAAiB,sCAAmC,KAApD,6BAAiB,EAAoC;aAC/E,SAAS,CAAC,eAAe,CAAC,CAAA;QAE7B,OAAO;YACL,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,WAAW,EAAE,CAAA;YAChC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,WAAW,EAAE,CAAA;QAChC,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,8BAAC,wBAAc;QACb,8BAAC,iBAAO,OAAG;QACX,8BAAC,uBAAa,OAAG;QAEjB,8BAAC,SAAI,IAAC,OAAO,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM;YAChC,8BAAC,SAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAE,CAAC;gBAE9B,8BAAC,gBAAM,IAAC,OAAO,EAAE,OAAO,GAAI;gBAG5B,8BAAC,kBAAQ,OAAG;gBAEZ,8BAAC,SAAI,IAAC,IAAI,EAAE,CAAC;oBACX,8BAAC,SAAI,IAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,EAAC,QAAQ,EAAE,UAAU,EAAC;wBAC9E,8BAAC,mBAAS,OAAG;wBACb,8BAAC,eAAK,OAAG,CACJ;oBACP,8BAAC,mBAAS,OAAG,CACR;gBAGP,8BAAC,uBAAa,OAAG,CACZ,CACF,CACQ,CAClB,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,OAAO,CAAA"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -45,22 +49,22 @@ var react_1 = __importStar(require("react"));
|
|
|
45
49
|
var ButtonAssetCopy = function (props) {
|
|
46
50
|
var disabled = props.disabled, url = props.url;
|
|
47
51
|
// Refs
|
|
48
|
-
var refPopoverTimeout = react_1.useRef();
|
|
52
|
+
var refPopoverTimeout = (0, react_1.useRef)();
|
|
49
53
|
// State
|
|
50
|
-
var _a = __read(react_1.useState(false), 2), popoverVisible = _a[0], setPopoverVisible = _a[1];
|
|
54
|
+
var _a = __read((0, react_1.useState)(false), 2), popoverVisible = _a[0], setPopoverVisible = _a[1];
|
|
51
55
|
// Callbacks
|
|
52
56
|
var handleClick = function () {
|
|
53
57
|
if (refPopoverTimeout.current) {
|
|
54
58
|
clearTimeout(refPopoverTimeout.current);
|
|
55
59
|
}
|
|
56
60
|
setPopoverVisible(true);
|
|
57
|
-
copy_to_clipboard_1.default(url);
|
|
61
|
+
(0, copy_to_clipboard_1.default)(url);
|
|
58
62
|
refPopoverTimeout.current = setTimeout(function () {
|
|
59
63
|
setPopoverVisible(false);
|
|
60
64
|
}, 1250);
|
|
61
65
|
};
|
|
62
66
|
// Effects
|
|
63
|
-
react_1.useEffect(function () {
|
|
67
|
+
(0, react_1.useEffect)(function () {
|
|
64
68
|
return function () {
|
|
65
69
|
if (refPopoverTimeout.current) {
|
|
66
70
|
clearTimeout(refPopoverTimeout.current);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ButtonAssetCopy/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ButtonAssetCopy/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAA2C;AAC3C,iCAAgD;AAChD,wEAAoC;AACpC,6CAAwD;AAOxD,IAAM,eAAe,GAAG,UAAC,KAAY;IAC5B,IAAA,QAAQ,GAAS,KAAK,SAAd,EAAE,GAAG,GAAI,KAAK,IAAT,CAAS;IAE7B,OAAO;IACP,IAAM,iBAAiB,GAAG,IAAA,cAAM,GAAwC,CAAA;IAExE,QAAQ;IACF,IAAA,KAAA,OAAsC,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAA,EAApD,cAAc,QAAA,EAAE,iBAAiB,QAAmB,CAAA;IAE3D,YAAY;IACZ,IAAM,WAAW,GAAG;QAClB,IAAI,iBAAiB,CAAC,OAAO,EAAE;YAC7B,YAAY,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAA;SACxC;QAED,iBAAiB,CAAC,IAAI,CAAC,CAAA;QACvB,IAAA,2BAAI,EAAC,GAAG,CAAC,CAAA;QAET,iBAAiB,CAAC,OAAO,GAAG,UAAU,CAAC;YACrC,iBAAiB,CAAC,KAAK,CAAC,CAAA;QAC1B,CAAC,EAAE,IAAI,CAAC,CAAA;IACV,CAAC,CAAA;IAED,UAAU;IACV,IAAA,iBAAS,EAAC;QACR,OAAO;YACL,IAAI,iBAAiB,CAAC,OAAO,EAAE;gBAC7B,YAAY,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAA;aACxC;QACH,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,8BAAC,YAAO,IACN,OAAO,EACL,8BAAC,SAAI,IAAC,KAAK,QAAC,IAAI,EAAE,CAAC,cAEZ,EAET,IAAI,EAAE,cAAc,EACpB,OAAO,EAAE,CAAC,EACV,SAAS,EAAC,KAAK,EACf,MAAM,EAAE,CAAC;QAET,8BAAC,WAAM,IACL,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,EACX,IAAI,EAAE,qBAAa,EACnB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,UAAU,GACf,CACM,CACX,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,eAAe,CAAA"}
|
|
@@ -11,8 +11,8 @@ var useTypedSelector_1 = __importDefault(require("../../hooks/useTypedSelector")
|
|
|
11
11
|
var assets_1 = require("../../modules/assets");
|
|
12
12
|
var ButtonViewGroup = function () {
|
|
13
13
|
// Redux
|
|
14
|
-
var dispatch = react_redux_1.useDispatch();
|
|
15
|
-
var view = useTypedSelector_1.default(function (state) { return state.assets.view; });
|
|
14
|
+
var dispatch = (0, react_redux_1.useDispatch)();
|
|
15
|
+
var view = (0, useTypedSelector_1.default)(function (state) { return state.assets.view; });
|
|
16
16
|
return (react_1.default.createElement(ui_1.Inline, { space: 0, style: { whiteSpace: 'nowrap' } },
|
|
17
17
|
react_1.default.createElement(ui_1.Button, { fontSize: 1, icon: icons_1.ThLargeIcon, mode: view === 'grid' ? 'default' : 'ghost', onClick: function () { return dispatch(assets_1.assetsActions.viewSet({ view: 'grid' })); }, style: {
|
|
18
18
|
borderBottomRightRadius: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ButtonViewGroup/index.tsx"],"names":[],"mappings":";;;;;AAAA,uCAAqD;AACrD,iCAAyC;AACzC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ButtonViewGroup/index.tsx"],"names":[],"mappings":";;;;;AAAA,uCAAqD;AACrD,iCAAyC;AACzC,gDAAyB;AACzB,2CAAuC;AACvC,kFAA2D;AAC3D,+CAAkD;AAElD,IAAM,eAAe,GAAG;IACtB,QAAQ;IACR,IAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAA;IAC9B,IAAM,IAAI,GAAG,IAAA,0BAAgB,EAAC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,MAAM,CAAC,IAAI,EAAjB,CAAiB,CAAC,CAAA;IAEzD,OAAO,CACL,8BAAC,WAAM,IAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAC,UAAU,EAAE,QAAQ,EAAC;QAC7C,8BAAC,WAAM,IACL,QAAQ,EAAE,CAAC,EACX,IAAI,EAAE,mBAAW,EACjB,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EAC3C,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,sBAAa,CAAC,OAAO,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC,CAAC,EAA/C,CAA+C,EAC9D,KAAK,EAAE;gBACL,uBAAuB,EAAE,CAAC;gBAC1B,oBAAoB,EAAE,CAAC;aACxB,GACD;QACF,8BAAC,WAAM,IACL,QAAQ,EAAE,CAAC,EACX,IAAI,EAAE,kBAAU,EAChB,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EAC5C,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,sBAAa,CAAC,OAAO,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC,CAAC,EAAhD,CAAgD,EAC/D,KAAK,EAAE;gBACL,sBAAsB,EAAE,CAAC;gBACzB,mBAAmB,EAAE,CAAC;aACvB,GACD,CACK,CACV,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,eAAe,CAAA"}
|
|
@@ -5,7 +5,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
5
5
|
};
|
|
6
6
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
7
|
if (k2 === undefined) k2 = k;
|
|
8
|
-
Object.
|
|
8
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
9
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
10
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
11
|
+
}
|
|
12
|
+
Object.defineProperty(o, k2, desc);
|
|
9
13
|
}) : (function(o, m, k, k2) {
|
|
10
14
|
if (k2 === undefined) k2 = k;
|
|
11
15
|
o[k2] = m[k];
|
|
@@ -42,18 +46,16 @@ var imageDprUrl_1 = __importDefault(require("../../utils/imageDprUrl"));
|
|
|
42
46
|
var typeGuards_1 = require("../../utils/typeGuards");
|
|
43
47
|
var FileIcon_1 = __importDefault(require("../FileIcon"));
|
|
44
48
|
var Image_1 = __importDefault(require("../Image"));
|
|
45
|
-
var CardWrapper = styled_components_1.default(ui_1.Flex)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 100%;\n overflow: hidden;\n padding: 2px;\n position: relative;\n width: 100%;\n"], ["\n height: 100%;\n overflow: hidden;\n padding: 2px;\n position: relative;\n width: 100%;\n"])));
|
|
46
|
-
var CardContainer = styled_components_1.default(ui_1.Flex)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n border: 1px solid transparent;\n height: 100%;\n pointer-events: ", ";\n position: relative;\n transition: all 300ms;\n user-select: none;\n width: 100%;\n\n border: ", ";\n\n ", "\n"], ["\n border: 1px solid transparent;\n height: 100%;\n pointer-events: ", ";\n position: relative;\n transition: all 300ms;\n user-select: none;\n width: 100%;\n\n border: ",
|
|
47
|
-
";\n\n ",
|
|
48
|
-
"\n"])), function (props) { return (props.updating ? 'none' : 'auto'); }, function (props) {
|
|
49
|
+
var CardWrapper = (0, styled_components_1.default)(ui_1.Flex)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n box-sizing: border-box;\n height: 100%;\n overflow: hidden;\n padding: 2px;\n position: relative;\n width: 100%;\n"], ["\n box-sizing: border-box;\n height: 100%;\n overflow: hidden;\n padding: 2px;\n position: relative;\n width: 100%;\n"])));
|
|
50
|
+
var CardContainer = (0, styled_components_1.default)(ui_1.Flex)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n border: 1px solid transparent;\n height: 100%;\n pointer-events: ", ";\n position: relative;\n transition: all 300ms;\n user-select: none;\n width: 100%;\n\n border: ", ";\n\n ", "\n"], ["\n border: 1px solid transparent;\n height: 100%;\n pointer-events: ", ";\n position: relative;\n transition: all 300ms;\n user-select: none;\n width: 100%;\n\n border: ", ";\n\n ", "\n"])), function (props) { return (props.updating ? 'none' : 'auto'); }, function (props) {
|
|
49
51
|
return props.picked
|
|
50
|
-
? "1px solid "
|
|
52
|
+
? "1px solid ".concat(props.theme.sanity.color.spot.orange, " !important")
|
|
51
53
|
: '1px solid inherit';
|
|
52
54
|
}, function (props) {
|
|
53
|
-
return !props.updating && styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n border: 1px solid ", ";\n }\n }\n "], ["\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n border: 1px solid ", ";\n }\n }\n "])), color_1.hues.gray[500].hex);
|
|
55
|
+
return !props.updating && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n border: 1px solid ", ";\n }\n }\n "], ["\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n border: 1px solid ", ";\n }\n }\n "])), color_1.hues.gray[500].hex);
|
|
54
56
|
});
|
|
55
|
-
var ContextActionContainer = styled_components_1.default(ui_1.Flex)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n cursor: ", ";\n height: ", "px;\n transition: all 300ms;\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n background: ", ";\n }\n }\n"], ["\n cursor: ", ";\n height: ", "px;\n transition: all 300ms;\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n background: ", ";\n }\n }\n"])), function (props) { return (props.selected ? 'default' : 'pointer'); }, constants_1.PANEL_HEIGHT, color_1.hues.gray[950].hex);
|
|
56
|
-
var StyledWarningOutlineIcon = styled_components_1.default(icons_1.WarningFilledIcon)(function (_a) {
|
|
57
|
+
var ContextActionContainer = (0, styled_components_1.default)(ui_1.Flex)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n cursor: ", ";\n height: ", "px;\n transition: all 300ms;\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n background: ", ";\n }\n }\n"], ["\n cursor: ", ";\n height: ", "px;\n transition: all 300ms;\n\n @media (hover: hover) and (pointer: fine) {\n &:hover {\n background: ", ";\n }\n }\n"])), function (props) { return (props.selected ? 'default' : 'pointer'); }, constants_1.PANEL_HEIGHT, color_1.hues.gray[950].hex);
|
|
58
|
+
var StyledWarningOutlineIcon = (0, styled_components_1.default)(icons_1.WarningFilledIcon)(function (_a) {
|
|
57
59
|
var theme = _a.theme;
|
|
58
60
|
return {
|
|
59
61
|
color: theme.sanity.color.spot.red
|
|
@@ -63,17 +65,17 @@ var CardAsset = function (props) {
|
|
|
63
65
|
var _a, _b;
|
|
64
66
|
var id = props.id, selected = props.selected;
|
|
65
67
|
// Refs
|
|
66
|
-
var shiftPressed = useKeyPress_1.default('shift');
|
|
68
|
+
var shiftPressed = (0, useKeyPress_1.default)('shift');
|
|
67
69
|
// Redux
|
|
68
|
-
var dispatch = react_redux_1.useDispatch();
|
|
69
|
-
var lastPicked = useTypedSelector_1.default(function (state) { return state.assets.lastPicked; });
|
|
70
|
-
var item = useTypedSelector_1.default(function (state) { return assets_1.selectAssetById(state, id); });
|
|
70
|
+
var dispatch = (0, react_redux_1.useDispatch)();
|
|
71
|
+
var lastPicked = (0, useTypedSelector_1.default)(function (state) { return state.assets.lastPicked; });
|
|
72
|
+
var item = (0, useTypedSelector_1.default)(function (state) { return (0, assets_1.selectAssetById)(state, id); });
|
|
71
73
|
var asset = item === null || item === void 0 ? void 0 : item.asset;
|
|
72
74
|
var error = item === null || item === void 0 ? void 0 : item.error;
|
|
73
75
|
var isOpaque = (_b = (_a = item === null || item === void 0 ? void 0 : item.asset) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.isOpaque;
|
|
74
76
|
var picked = item === null || item === void 0 ? void 0 : item.picked;
|
|
75
77
|
var updating = item === null || item === void 0 ? void 0 : item.updating;
|
|
76
|
-
var onSelect = AssetSourceDispatchContext_1.useAssetSourceActions().onSelect;
|
|
78
|
+
var onSelect = (0, AssetSourceDispatchContext_1.useAssetSourceActions)().onSelect;
|
|
77
79
|
// Short circuit if no asset is available
|
|
78
80
|
if (!asset) {
|
|
79
81
|
return null;
|
|
@@ -122,8 +124,8 @@ var CardAsset = function (props) {
|
|
|
122
124
|
position: 'relative'
|
|
123
125
|
} },
|
|
124
126
|
react_1.default.createElement("div", { onClick: handleAssetClick, style: { height: '100%', opacity: opacityPreview } },
|
|
125
|
-
typeGuards_1.isFileAsset(asset) && react_1.default.createElement(FileIcon_1.default, { extension: asset.extension, width: "80px" }),
|
|
126
|
-
typeGuards_1.isImageAsset(asset) && (react_1.default.createElement(Image_1.default, { draggable: false, showCheckerboard: !isOpaque, src: imageDprUrl_1.default(asset, { height: 250, width: 250 }), style: {
|
|
127
|
+
(0, typeGuards_1.isFileAsset)(asset) && react_1.default.createElement(FileIcon_1.default, { extension: asset.extension, width: "80px" }),
|
|
128
|
+
(0, typeGuards_1.isImageAsset)(asset) && (react_1.default.createElement(Image_1.default, { draggable: false, showCheckerboard: !isOpaque, src: (0, imageDprUrl_1.default)(asset, { height: 250, width: 250 }), style: {
|
|
127
129
|
draggable: false,
|
|
128
130
|
transition: 'opacity 1000ms'
|
|
129
131
|
} }))),
|
|
@@ -166,6 +168,6 @@ var CardAsset = function (props) {
|
|
|
166
168
|
react_1.default.createElement(ui_1.Text, { size: 1 },
|
|
167
169
|
react_1.default.createElement(StyledWarningOutlineIcon, { color: "critical" }))))))));
|
|
168
170
|
};
|
|
169
|
-
exports.default = react_1.memo(CardAsset);
|
|
171
|
+
exports.default = (0, react_1.memo)(CardAsset);
|
|
170
172
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
171
173
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CardAsset/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CardAsset/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,12 +17,12 @@ var Image_1 = __importDefault(require("../Image"));
|
|
|
17
17
|
var CardUpload = function (props) {
|
|
18
18
|
var id = props.id;
|
|
19
19
|
// Redux
|
|
20
|
-
var dispatch = react_redux_1.useDispatch();
|
|
21
|
-
var item = useTypedSelector_1.default(function (state) { return uploads_1.selectUploadById(state, id); });
|
|
20
|
+
var dispatch = (0, react_redux_1.useDispatch)();
|
|
21
|
+
var item = (0, useTypedSelector_1.default)(function (state) { return (0, uploads_1.selectUploadById)(state, id); });
|
|
22
22
|
if (!item) {
|
|
23
23
|
return null;
|
|
24
24
|
}
|
|
25
|
-
var fileSize = filesize_1.default(item.size, { base: 10, round: 0 });
|
|
25
|
+
var fileSize = (0, filesize_1.default)(item.size, { base: 10, round: 0 });
|
|
26
26
|
var percentLoaded = Math.round(item.percent || 0); // (0 - 100)
|
|
27
27
|
var isComplete = item.status === 'complete';
|
|
28
28
|
var isUploading = item.status === 'uploading';
|
|
@@ -32,7 +32,7 @@ var CardUpload = function (props) {
|
|
|
32
32
|
status = 'Verifying';
|
|
33
33
|
}
|
|
34
34
|
if (isUploading) {
|
|
35
|
-
status = percentLoaded
|
|
35
|
+
status = "".concat(percentLoaded, "%");
|
|
36
36
|
}
|
|
37
37
|
if (isQueued) {
|
|
38
38
|
status = 'Queued';
|
|
@@ -54,7 +54,7 @@ var CardUpload = function (props) {
|
|
|
54
54
|
left: 0,
|
|
55
55
|
position: 'absolute',
|
|
56
56
|
width: '100%',
|
|
57
|
-
transform: "scaleX("
|
|
57
|
+
transform: "scaleX(".concat(percentLoaded * 0.01, ")"),
|
|
58
58
|
transformOrigin: 'bottom left',
|
|
59
59
|
transition: 'all 1000ms ease-out'
|
|
60
60
|
} }),
|
|
@@ -74,7 +74,7 @@ var CardUpload = function (props) {
|
|
|
74
74
|
react_1.default.createElement(ui_1.Tooltip, { content: react_1.default.createElement(ui_1.Box, { padding: 2 },
|
|
75
75
|
react_1.default.createElement(ui_1.Text, { muted: true, size: 1 }, "Cancel")), disabled: 'ontouchstart' in window, placement: "top" },
|
|
76
76
|
react_1.default.createElement(ui_1.Button, { fontSize: 4, icon: icons_1.CloseIcon, mode: "bleed", onClick: handleCancelUpload, padding: 2, style: { background: 'none', boxShadow: 'none' }, tone: "critical" }))))),
|
|
77
|
-
react_1.default.createElement(ui_1.Flex, { align: "center", justify: "space-between", paddingX: 2, style: { height: constants_1.PANEL_HEIGHT
|
|
77
|
+
react_1.default.createElement(ui_1.Flex, { align: "center", justify: "space-between", paddingX: 2, style: { height: "".concat(constants_1.PANEL_HEIGHT, "px") } },
|
|
78
78
|
react_1.default.createElement(ui_1.Box, { flex: 1, marginRight: 1 },
|
|
79
79
|
react_1.default.createElement(ui_1.Text, { size: 0, textOverflow: "ellipsis" },
|
|
80
80
|
item.name,
|