@ludo.ninja/components 1.7.9 → 1.8.1
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/dist/components/profile/index.d.ts +1 -1
- package/dist/components/profile/index.js +1 -1
- package/dist/modules/virtuoso/VirtuosoPageBuilder.d.ts +2 -2
- package/dist/modules/virtuoso/VirtuosoPageBuilder.js +4 -4
- package/dist/store/ui/index.js +1 -1
- package/dist/system/Cards/CardMedia/CardAudio/index.js +5 -5
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
export { ProfileSkeleton } from '@ludo.ninja/components/
|
|
1
|
+
export { ProfileSkeleton } from '@ludo.ninja/components/dist/components/profile/profileSkeleton';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ProfileSkeleton = void 0;
|
|
4
|
-
var profileSkeleton_1 = require("@ludo.ninja/components/
|
|
4
|
+
var profileSkeleton_1 = require("@ludo.ninja/components/dist/components/profile/profileSkeleton");
|
|
5
5
|
Object.defineProperty(exports, "ProfileSkeleton", { enumerable: true, get: function () { return profileSkeleton_1.ProfileSkeleton; } });
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { ApolloError } from '@apollo/client';
|
|
3
|
-
import { TDimensions } from '@ludo.ninja/components/
|
|
4
|
-
import { TActiveTab } from '@ludo.ninja/components/
|
|
3
|
+
import { TDimensions } from '@ludo.ninja/components/dist/utils';
|
|
4
|
+
import { TActiveTab } from '@ludo.ninja/components/dist/system';
|
|
5
5
|
export declare const VirtuosoPageBuilder: <TCreation>({ activeTab, isMobile, creations, windowDimensions, isLoading, error, refetchQuery, loadMore, renderCreation, notFoundText, isNextLoading, headerSlot, isProfileCards, }: {
|
|
6
6
|
activeTab: TActiveTab;
|
|
7
7
|
isMobile: boolean;
|
|
@@ -34,11 +34,11 @@ exports.VirtuosoPageBuilder = void 0;
|
|
|
34
34
|
var react_1 = __importStar(require("react"));
|
|
35
35
|
var react_virtuoso_1 = require("react-virtuoso");
|
|
36
36
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
37
|
-
var modules_1 = require("@ludo.ninja/components/
|
|
37
|
+
var modules_1 = require("@ludo.ninja/components/dist/modules");
|
|
38
38
|
var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
|
|
39
|
-
var styles_1 = require("@ludo.ninja/components/
|
|
40
|
-
var profile_1 = require("@ludo.ninja/components/
|
|
41
|
-
var system_1 = require("@ludo.ninja/components/
|
|
39
|
+
var styles_1 = require("@ludo.ninja/components/dist/styles");
|
|
40
|
+
var profile_1 = require("@ludo.ninja/components/dist/components/profile");
|
|
41
|
+
var system_1 = require("@ludo.ninja/components/dist/system");
|
|
42
42
|
var SCardsRow = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n width: 1080px;\n margin: 0 auto;\n\n ", " {\n width: 704px;\n }\n\n ", " {\n width: 320px;\n }\n ", " {\n width: ", ";\n }\n"], ["\n display: flex;\n width: 1080px;\n margin: 0 auto;\n\n ", " {\n width: 704px;\n }\n\n ", " {\n width: 320px;\n }\n ", " {\n width: ", ";\n }\n"])), styles_1.mediaQuery.maxWidthTablet, styles_1.mediaQuery.mobile, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(1080));
|
|
43
43
|
var VirtuosoPageBuilder = function (_a) {
|
|
44
44
|
var activeTab = _a.activeTab, isMobile = _a.isMobile, creations = _a.creations, windowDimensions = _a.windowDimensions, isLoading = _a.isLoading, error = _a.error, refetchQuery = _a.refetchQuery, loadMore = _a.loadMore, renderCreation = _a.renderCreation, notFoundText = _a.notFoundText, isNextLoading = _a.isNextLoading, headerSlot = _a.headerSlot, isProfileCards = _a.isProfileCards;
|
package/dist/store/ui/index.js
CHANGED
|
@@ -63,7 +63,7 @@ var core_1 = require("@ludo.ninja/core");
|
|
|
63
63
|
var createNotificationWithId_1 = require("@ludo.ninja/ui/build/modules/notifications/createNotificationWithId");
|
|
64
64
|
var utils_1 = require("@ludo.ninja/utils");
|
|
65
65
|
var utils_2 = require("@ludo.ninja/utils");
|
|
66
|
-
var system_1 = require("@ludo.ninja/components/
|
|
66
|
+
var system_1 = require("@ludo.ninja/components/dist/system");
|
|
67
67
|
var utils_3 = require("./utils");
|
|
68
68
|
exports.useUiStore = (0, traditional_1.createWithEqualityFn)()(function (setState) { return (__assign(__assign(__assign({
|
|
69
69
|
//theme
|
|
@@ -28,16 +28,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
var react_1 = __importStar(require("react"));
|
|
30
30
|
var react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
|
|
31
|
-
var store_1 = require("@ludo.ninja/components/
|
|
32
|
-
var
|
|
33
|
-
var
|
|
31
|
+
var store_1 = require("@ludo.ninja/components/dist/store");
|
|
32
|
+
var Styles_1 = require("@ludo.ninja/components/dist/system/Cards/Styles");
|
|
33
|
+
var utils_1 = require("@ludo.ninja/components/dist/utils");
|
|
34
34
|
var pause_svg_1 = __importDefault(require("@/public/video/pause.svg"));
|
|
35
35
|
var play_svg_1 = __importDefault(require("@/public/video/play.svg"));
|
|
36
36
|
// Component
|
|
37
37
|
var CardAudio = function (_a) {
|
|
38
38
|
var audioSrc = _a.audioSrc, imgSrc = _a.imgSrc, errorImg = _a.errorImg, alt = _a.alt;
|
|
39
39
|
var _b = (0, react_1.useState)(''), lImgSrc = _b[0], setLImgSrc = _b[1];
|
|
40
|
-
var windowWidth = (0,
|
|
40
|
+
var windowWidth = (0, utils_1.getWindowDimensions)().windowWidth;
|
|
41
41
|
var isMobile = windowWidth <= 768;
|
|
42
42
|
var imageDimensions = isMobile ? '?d=164x164' : '?d=252x252';
|
|
43
43
|
var _c = (0, react_1.useState)(false), isPauseIcon = _c[0], setPauseIcon = _c[1];
|
|
@@ -86,7 +86,7 @@ var CardAudio = function (_a) {
|
|
|
86
86
|
return isPauseIcon ? (react_1.default.createElement(pause_svg_1.default, { className: 'pauseIcon', onClick: function (e) { return handlePause(e); } })) : (react_1.default.createElement(play_svg_1.default, { className: 'playIcon', onClick: function (e) { return handlePlay(e); } }));
|
|
87
87
|
};
|
|
88
88
|
return lImgSrc.length ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
89
|
-
react_1.default.createElement(
|
|
89
|
+
react_1.default.createElement(Styles_1.StyledImg, { src: imgSrc, alt: alt, isLoading: lAudioSrc }),
|
|
90
90
|
(lAudioSrc === null || lAudioSrc === void 0 ? void 0 : lAudioSrc.length) && renderPlayPauseIcon())) : (react_1.default.createElement(react_loading_skeleton_1.default, { height: '100%', width: '100%', style: { lineHeight: 'normal' } }));
|
|
91
91
|
};
|
|
92
92
|
// Export
|