oolib 2.61.4 → 2.62.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/.babelrc.json +16 -0
- package/dist/components/cards/CardContent/index.js +10 -8
- package/dist/components/cards/ListContent/index.js +23 -16
- package/dist/components/cards/ListContent/styled.d.ts +0 -1
- package/dist/components/cards/ListContent/styled.js +18 -7
- package/dist/components/cards/comps/CardMetaBlock/index.js +6 -4
- package/dist/components/cards/comps/CardPlaceholder/index.d.ts +7 -0
- package/dist/components/cards/comps/CardPlaceholder/index.js +14 -0
- package/dist/components/cards/comps/CardPlaceholder/placeholders/index.d.ts +5 -0
- package/dist/components/cards/comps/CardPlaceholder/placeholders/index.js +14 -0
- package/dist/components/cards/utils/mediaDataExists.d.ts +2 -0
- package/dist/components/cards/utils/mediaDataExists.js +7 -0
- package/dist/components/cards/utils/parseCardConfig.js +2 -1
- package/dist/utils/_EXPORTS/index.d.ts +1 -0
- package/dist/utils/_EXPORTS/index.js +3 -1
- package/dist/utils/makeArrayFromLength.d.ts +1 -0
- package/dist/utils/makeArrayFromLength.js +5 -0
- package/package.json +15 -13
package/.babelrc.json
ADDED
|
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.CardContent = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
8
|
var styled_components_1 = require("styled-components");
|
|
9
|
-
var icons_1 = require("../../../icons");
|
|
10
9
|
var injectHttps_1 = require("../../../utils/injectHttps");
|
|
11
10
|
var utilsOolib_1 = require("../../../utilsOolib");
|
|
12
11
|
var renderImagePlaceholderForOolibPreview_1 = require("../../../utilsOolib/renderImagePlaceholderForOolibPreview");
|
|
@@ -19,8 +18,9 @@ var styled_1 = require("../styled");
|
|
|
19
18
|
var decideLinkCompAndTarget_1 = require("../utils/decideLinkCompAndTarget");
|
|
20
19
|
var dontRenderIfBothOnClickAndTo_1 = require("../utils/dontRenderIfBothOnClickAndTo");
|
|
21
20
|
var parseCardConfig_1 = require("../utils/parseCardConfig");
|
|
21
|
+
var mediaDataExists_1 = require("../utils/mediaDataExists");
|
|
22
22
|
var styled_2 = require("./styled");
|
|
23
|
-
var
|
|
23
|
+
var CardPlaceholder_1 = require("../comps/CardPlaceholder");
|
|
24
24
|
var CardContent = function (_a) {
|
|
25
25
|
var id = _a.id, data = _a.data, config = _a.config, to = _a.to, onClick = _a.onClick, openInNewTab = _a.openInNewTab, actions = _a.actions;
|
|
26
26
|
var theme = (0, styled_components_1.useTheme)();
|
|
@@ -57,16 +57,18 @@ var CardContent = function (_a) {
|
|
|
57
57
|
react_1.default.createElement(LineClampWrapper_1.LineClampWrapper, { noOfLines_M: 6, title: title },
|
|
58
58
|
react_1.default.createElement(styled_1.StyledTitle, { capitalize: true, className: "StyledTitle" },
|
|
59
59
|
react_1.default.createElement(styled_1.StyledTitleSpan, { className: "StyledTitleSpan" }, title))))) : null),
|
|
60
|
-
(metaBlockData === null || metaBlockData === void 0 ? void 0 : metaBlockData.length) > 0 ? (react_1.default.createElement(CardMetaBlock_1.default, { value: metaBlockData
|
|
60
|
+
(metaBlockData === null || metaBlockData === void 0 ? void 0 : metaBlockData.length) > 0 ? (react_1.default.createElement(CardMetaBlock_1.default, { value: metaBlockData }) //show only two meta for cardContent
|
|
61
61
|
) : null),
|
|
62
|
-
showEmbedSection
|
|
63
|
-
(
|
|
64
|
-
react_1.default.createElement(
|
|
65
|
-
(
|
|
62
|
+
showEmbedSection && (react_1.default.createElement(styled_2.StyledEmbedSection, null,
|
|
63
|
+
!(0, mediaDataExists_1.imageDataExists)(image) && !(0, mediaDataExists_1.videoDataExists)(video) &&
|
|
64
|
+
react_1.default.createElement(CardPlaceholder_1.CardPlaceholder, null),
|
|
65
|
+
(0, mediaDataExists_1.videoDataExists)(video) && (react_1.default.createElement("div", { style: { width: "100%" } },
|
|
66
|
+
react_1.default.createElement(VideoInput_1.default, { value: video, readOnly: true, light: true }))),
|
|
67
|
+
(0, mediaDataExists_1.imageDataExists)(image) && !(0, mediaDataExists_1.videoDataExists)(video) ? (react_1.default.createElement("div", { style: { width: "100%" } }, !ImageInput ? ((0, renderImagePlaceholderForOolibPreview_1.renderImagePlaceholderForOolibPreview)({
|
|
66
68
|
tooltipPos: "right",
|
|
67
69
|
width: "100%",
|
|
68
70
|
height: "100px",
|
|
69
71
|
borderRadius: 0,
|
|
70
|
-
})) : (react_1.default.createElement(ImageInput, { value: image, aspectRatio: image.aspectRatio || "5/3", containerShape: image.containerShape, readOnly: true, defaultImageSpread: "cover", enableCaptions: false, disableImageBorder: true })))) : null))
|
|
72
|
+
})) : (react_1.default.createElement(ImageInput, { value: image, aspectRatio: image.aspectRatio || "5/3", containerShape: image.containerShape, readOnly: true, defaultImageSpread: "cover", enableCaptions: false, disableImageBorder: true })))) : null)))));
|
|
71
73
|
};
|
|
72
74
|
exports.CardContent = CardContent;
|
|
@@ -22,6 +22,8 @@ var utilsOolib_1 = require("../../../utilsOolib");
|
|
|
22
22
|
var themes_1 = require("../../../themes");
|
|
23
23
|
var icons_1 = require("../../../icons");
|
|
24
24
|
var renderImagePlaceholderForOolibPreview_1 = require("../../../utilsOolib/renderImagePlaceholderForOolibPreview");
|
|
25
|
+
var mediaDataExists_1 = require("../utils/mediaDataExists");
|
|
26
|
+
var CardPlaceholder_1 = require("../comps/CardPlaceholder");
|
|
25
27
|
var greyColor100 = themes_1.colors.greyColor100, greyColor40 = themes_1.colors.greyColor40, greyColor15 = themes_1.colors.greyColor15;
|
|
26
28
|
var ArrowLineUpRight = icons_1.icons.ArrowLineUpRight;
|
|
27
29
|
var ListContent = function (_a) {
|
|
@@ -37,9 +39,10 @@ var ListContent = function (_a) {
|
|
|
37
39
|
to: to,
|
|
38
40
|
openInNewTab: openInNewTab,
|
|
39
41
|
}), LinkComp = _d.LinkComp, target = _d.target, externalUrl = _d.externalUrl;
|
|
42
|
+
var mediaConfigExists = config.video || config.image;
|
|
40
43
|
return (react_1.default.createElement(LinkComp, { target: target, href: (0, injectHttps_1.injectHttps)(to), to: to },
|
|
41
44
|
react_1.default.createElement(styled_js_1.StyledListElemContainer, { id: id, onClick: onClick },
|
|
42
|
-
react_1.default.createElement(styled_js_1.StyledListWrapper,
|
|
45
|
+
react_1.default.createElement(styled_js_1.StyledListWrapper, { mediaConfigExists: mediaConfigExists /*cuz if it does space needs to be allocated for it */ },
|
|
43
46
|
react_1.default.createElement(styled_js_1.StyledHeader, null,
|
|
44
47
|
react_1.default.createElement(styled_js_1.StyledStatusTagCardLabelWrapper, null,
|
|
45
48
|
cardLabel && (react_1.default.createElement("div", { title: cardLabel },
|
|
@@ -53,21 +56,25 @@ var ListContent = function (_a) {
|
|
|
53
56
|
react_1.default.createElement(LineClampWrapper_1.LineClampWrapper, { noOfLines_M: 6, noOfLines_D: 3, title: title },
|
|
54
57
|
react_1.default.createElement(styled_1.StyledTitle, { capitalize: true, className: "StyledTitle" },
|
|
55
58
|
react_1.default.createElement(styled_1.StyledTitleSpan, { className: "StyledTitleSpan" }, title))))) : null,
|
|
56
|
-
react_1.default.createElement(
|
|
59
|
+
react_1.default.createElement("div", { style: { width: '100%' } }, (metaBlockData === null || metaBlockData === void 0 ? void 0 : metaBlockData.length) > 0 && (react_1.default.createElement(CardMetaBlock_1.default, { value: metaBlockData.slice(0, 3) }) // show only three metas for listContent
|
|
57
60
|
))),
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
react_1.default.createElement(
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
width: "
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
react_1.default.createElement(
|
|
71
|
-
|
|
61
|
+
mediaConfigExists &&
|
|
62
|
+
react_1.default.createElement(styled_js_1.StyledContentModule2, null,
|
|
63
|
+
!(0, mediaDataExists_1.imageDataExists)(image) && !(0, mediaDataExists_1.videoDataExists)(video) &&
|
|
64
|
+
react_1.default.createElement(styled_js_1.StyledMediaWrapper, null,
|
|
65
|
+
react_1.default.createElement(CardPlaceholder_1.CardPlaceholder, { style: { height: '100%', width: 'auto' } })),
|
|
66
|
+
(0, mediaDataExists_1.videoDataExists)(video) && (react_1.default.createElement(styled_js_1.StyledMediaWrapper, null,
|
|
67
|
+
react_1.default.createElement("div", { style: { width: "14rem", border: "1px solid ".concat(greyColor15) } },
|
|
68
|
+
react_1.default.createElement(VideoInput_1.default, { value: video, readOnly: true, light: true })))),
|
|
69
|
+
(0, mediaDataExists_1.imageDataExists)(image) > 0 && !(0, mediaDataExists_1.videoDataExists)(video) && (react_1.default.createElement(styled_js_1.StyledMediaWrapper, null, !ImageInput ? ((0, renderImagePlaceholderForOolibPreview_1.renderImagePlaceholderForOolibPreview)({
|
|
70
|
+
width: "100%",
|
|
71
|
+
height: "100%",
|
|
72
|
+
borderRadius: 0,
|
|
73
|
+
})) : (react_1.default.createElement("div", { style: {
|
|
74
|
+
width: "14rem",
|
|
75
|
+
border: "1px solid ".concat(greyColor15),
|
|
76
|
+
} },
|
|
77
|
+
react_1.default.createElement(ImageInput, { value: image, aspectRatio: image.aspectRatio || "5/3", containerShape: image.containerShape, readOnly: true, enableCaptions: false, disableImageBorder: true, defaultImageSpread: "cover" }))))),
|
|
78
|
+
actions && react_1.default.createElement(ActionMenu_1.ActionMenu, { actions: actions, align: "right" }))))));
|
|
72
79
|
};
|
|
73
80
|
exports.ListContent = ListContent;
|
|
@@ -5,4 +5,3 @@ export const StyledLabel: import("styled-components").StyledComponent<(props: an
|
|
|
5
5
|
export const StyledListWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
6
|
export const StyledContentModule2: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
7
7
|
export const StyledMediaWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
|
-
export const StyledMeta: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -7,7 +7,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
7
7
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
8
|
};
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.
|
|
10
|
+
exports.StyledMediaWrapper = exports.StyledContentModule2 = exports.StyledListWrapper = exports.StyledLabel = exports.StyledHeader = exports.StyledStatusTagCardLabelWrapper = exports.StyledListElemContainer = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
12
|
var themes_1 = require("../../../themes");
|
|
13
13
|
var mixins_1 = require("../../../themes/mixins");
|
|
@@ -16,9 +16,20 @@ var styled_1 = require("../styled");
|
|
|
16
16
|
exports.StyledListElemContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-bottom: 1px solid ", ";\n margin-bottom: 2rem;\n padding-bottom: 2rem;\n cursor: pointer;\n &:hover {\n ", ";\n }\n"], ["\n border-bottom: 1px solid ", ";\n margin-bottom: 2rem;\n padding-bottom: 2rem;\n cursor: pointer;\n &:hover {\n ", ";\n }\n"])), themes_1.colors.greyColor15, styled_1.CSSTitleAnimationOnHover);
|
|
17
17
|
exports.StyledStatusTagCardLabelWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n gap: 1rem;\n align-items: center;\n flex-wrap: wrap;\n"], ["\n display: flex;\n gap: 1rem;\n align-items: center;\n flex-wrap: wrap;\n"])));
|
|
18
18
|
exports.StyledHeader = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n flex-wrap: wrap;\n gap: .7rem;\n"], ["\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n flex-wrap: wrap;\n gap: .7rem;\n"])));
|
|
19
|
-
exports.StyledLabel = (0, styled_components_1.default)(Typo_1.LABEL)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n max-width: 23rem;\n ", "{\n max-width: 40rem;\n }\n"], ["\n ", ";\n max-width: 23rem;\n ", "{\n max-width: 40rem;\n }\n"
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
var
|
|
19
|
+
exports.StyledLabel = (0, styled_components_1.default)(Typo_1.LABEL)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n max-width: 23rem;\n ", "{\n max-width: 40rem;\n }\n"], ["\n ", ";\n max-width: 23rem;\n ", "{\n max-width: 40rem;\n }\n"
|
|
20
|
+
/** the absolute positioning based approach is required, else the ellipsis causes UI glitches */
|
|
21
|
+
])), mixins_1.ellipsis, (0, mixins_1.mediaQuery)("sm"));
|
|
22
|
+
/** the absolute positioning based approach is required, else the ellipsis causes UI glitches */
|
|
23
|
+
var mediaPadding = 20;
|
|
24
|
+
var mediaContainerWidth = 70;
|
|
25
|
+
var mediaContainerWidth_SM = 60;
|
|
26
|
+
exports.StyledListWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n width: auto;\n padding-right: ", ";\n position: relative;\n ", " {\n padding-right: ", ";\n }\n"], ["\n width: auto;\n padding-right: ", ";\n position: relative;\n ", " {\n padding-right: ", ";\n }\n"])), function (_a) {
|
|
27
|
+
var mediaConfigExists = _a.mediaConfigExists;
|
|
28
|
+
return mediaConfigExists && "".concat((2 * mediaPadding) + mediaContainerWidth, "px");
|
|
29
|
+
}, (0, mixins_1.mediaQuery)("sm"), function (_a) {
|
|
30
|
+
var mediaConfigExists = _a.mediaConfigExists;
|
|
31
|
+
return mediaConfigExists && "".concat((2 * mediaPadding) + mediaContainerWidth_SM, "px");
|
|
32
|
+
});
|
|
33
|
+
exports.StyledContentModule2 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n position: absolute;\n right: 0;\n top: 0;\n transform: translateY(0);\n justify-content: center;\n display: flex;\n align-items: flex-end;\n padding: 0 ", "px;\n row-gap: 1rem;\n column-gap: 0;\n flex-direction: column-reverse;\n ", " {\n top: 50%;\n transform: translateY(-50%); \n flex-direction: row;\n align-items: center;\n row-gap: 0;\n column-gap: 1rem;\n }\n"], ["\n position: absolute;\n right: 0;\n top: 0;\n transform: translateY(0);\n justify-content: center;\n display: flex;\n align-items: flex-end;\n padding: 0 ", "px;\n row-gap: 1rem;\n column-gap: 0;\n flex-direction: column-reverse;\n ", " {\n top: 50%;\n transform: translateY(-50%); \n flex-direction: row;\n align-items: center;\n row-gap: 0;\n column-gap: 1rem;\n }\n"])), mediaPadding, (0, mixins_1.mediaQuery)("sm"));
|
|
34
|
+
exports.StyledMediaWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n width: ", "px;\n height: 84px;\n display: flex;\n flex-direction: column;\n align-items: center;\n overflow: hidden;\n flex-wrap: wrap;\n ", " {\n width: ", "px;\n height: 6rem;\n }\n"], ["\n width: ", "px;\n height: 84px;\n display: flex;\n flex-direction: column;\n align-items: center;\n overflow: hidden;\n flex-wrap: wrap;\n ", " {\n width: ", "px;\n height: 6rem;\n }\n"])), mediaContainerWidth, (0, mixins_1.mediaQuery)("sm"), mediaContainerWidth_SM);
|
|
35
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
@@ -34,16 +34,18 @@ var react_1 = __importStar(require("react"));
|
|
|
34
34
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
35
35
|
var themes_1 = require("../../../../themes");
|
|
36
36
|
var Typo_1 = require("../../../Typo");
|
|
37
|
+
var mixins_1 = require("../../../../themes/mixins");
|
|
37
38
|
var greyColor100 = themes_1.colors.greyColor100;
|
|
38
39
|
var StyledContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 1rem;\n flex-wrap: wrap;\n"], ["\n display: flex;\n align-items: center;\n gap: 1rem;\n flex-wrap: wrap;\n"])));
|
|
39
|
-
var StyledMetaWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex; \n align-items: center;\n"], ["\n display: flex; \n align-items: center;\n"])));
|
|
40
|
-
var
|
|
40
|
+
var StyledMetaWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex; \n align-items: center;\n max-width: 50%;\n"], ["\n display: flex; \n align-items: center;\n max-width: 50%;\n"])));
|
|
41
|
+
var STYLED_SANS_2 = (0, styled_components_1.default)(Typo_1.SANS_2)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), mixins_1.ellipsis);
|
|
42
|
+
var StyledSeparator = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n width: 0.3rem;\n height: 0.3rem;\n border-radius: 50%;\n background-color: ", ";\n"], ["\n width: 0.3rem;\n height: 0.3rem;\n border-radius: 50%;\n background-color: ", ";\n"])), greyColor100);
|
|
41
43
|
var CardMetaBlock = function (_a) {
|
|
42
44
|
var value = _a.value;
|
|
43
45
|
return (react_1.default.createElement(StyledContainer, null, value.map(function (v, i) { return (react_1.default.createElement(react_1.Fragment, null,
|
|
44
46
|
react_1.default.createElement(StyledMetaWrapper, { key: i },
|
|
45
|
-
react_1.default.createElement(
|
|
47
|
+
react_1.default.createElement(STYLED_SANS_2, { capitalize: true }, v)),
|
|
46
48
|
i + 1 === value.length ? null : react_1.default.createElement(StyledSeparator, null))); })));
|
|
47
49
|
};
|
|
48
50
|
exports.default = CardMetaBlock;
|
|
49
|
-
var templateObject_1, templateObject_2, templateObject_3;
|
|
51
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.CardPlaceholder = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var placeholders_1 = require("./placeholders");
|
|
9
|
+
var CardPlaceholder = function (_a) {
|
|
10
|
+
var _b = _a.style, style = _b === void 0 ? { height: 'auto', width: '100%' } : _b;
|
|
11
|
+
var randomInt = Math.ceil(Math.random() * 3); //will give us 1,2 or 3
|
|
12
|
+
return react_1.default.createElement("img", { style: style, src: placeholders_1.placeholders["ph".concat(randomInt)] });
|
|
13
|
+
};
|
|
14
|
+
exports.CardPlaceholder = CardPlaceholder;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.placeholders = void 0;
|
|
7
|
+
var ph1_jpg_1 = __importDefault(require("./ph1.jpg"));
|
|
8
|
+
var ph2_jpg_1 = __importDefault(require("./ph2.jpg"));
|
|
9
|
+
var ph3_jpg_1 = __importDefault(require("./ph3.jpg"));
|
|
10
|
+
exports.placeholders = {
|
|
11
|
+
ph1: ph1_jpg_1.default,
|
|
12
|
+
ph2: ph2_jpg_1.default,
|
|
13
|
+
ph3: ph3_jpg_1.default
|
|
14
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.videoDataExists = exports.imageDataExists = void 0;
|
|
4
|
+
var imageDataExists = function (image) { return (image === null || image === void 0 ? void 0 : image.length) > 0; };
|
|
5
|
+
exports.imageDataExists = imageDataExists;
|
|
6
|
+
var videoDataExists = function (video) { return (video === null || video === void 0 ? void 0 : video.length) > 0; };
|
|
7
|
+
exports.videoDataExists = videoDataExists;
|
|
@@ -16,7 +16,8 @@ var parseCardConfig = function (_a) {
|
|
|
16
16
|
var video = config.video && (0, getVal_1.getVal)(data, config.video);
|
|
17
17
|
var tagDisplay = config.tagDisplay && (0, getVal_1.getVal)(data, config.tagDisplay);
|
|
18
18
|
var image = config.image && (0, getVal_1.getVal)(data, config.image);
|
|
19
|
-
|
|
19
|
+
//metablock data doesnt accept more than 2 configs
|
|
20
|
+
var metaBlockData = (_b = config.metaBlock) === null || _b === void 0 ? void 0 : _b.slice(0, 2).map(function (d) {
|
|
20
21
|
var key = d.key;
|
|
21
22
|
var valuePath = d.valuePath;
|
|
22
23
|
var prefix = d.prefix;
|
|
@@ -8,6 +8,7 @@ export { injectHttps } from "../injectHttps";
|
|
|
8
8
|
export { formatTextToCamelCase } from "../formatTextToCamelCase";
|
|
9
9
|
export { formatCamelCaseToSentenceCase } from "../formatCamelCaseToSentenceCase";
|
|
10
10
|
export { toArray } from "../toArray";
|
|
11
|
+
export { makeArrayFromLength } from "../makeArrayFromLength";
|
|
11
12
|
export { sortData } from "../sortData";
|
|
12
13
|
export { isStringMatch } from "../isStringMatch";
|
|
13
14
|
export { useScroll } from "../customHooks/useScroll";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.getDaysDiff = exports.useScreenWidth = exports.testJSON = exports.useHandleClickOutside = exports.usePopOutOfOverflowHiddenParent = exports.useScroll = exports.isStringMatch = exports.sortData = exports.toArray = exports.formatCamelCaseToSentenceCase = exports.formatTextToCamelCase = exports.injectHttps = exports.getBlockLabelProps = exports.getKeyCode = exports.getText = exports.deleteVal = exports.setVal = exports.getVal = void 0;
|
|
3
|
+
exports.getDaysDiff = exports.useScreenWidth = exports.testJSON = exports.useHandleClickOutside = exports.usePopOutOfOverflowHiddenParent = exports.useScroll = exports.isStringMatch = exports.sortData = exports.makeArrayFromLength = exports.toArray = exports.formatCamelCaseToSentenceCase = exports.formatTextToCamelCase = exports.injectHttps = exports.getBlockLabelProps = exports.getKeyCode = exports.getText = exports.deleteVal = exports.setVal = exports.getVal = void 0;
|
|
4
4
|
//the holy setter, getter & deleter
|
|
5
5
|
var getVal_1 = require("../getterSetterDeleter/getVal");
|
|
6
6
|
Object.defineProperty(exports, "getVal", { enumerable: true, get: function () { return getVal_1.getVal; } });
|
|
@@ -24,6 +24,8 @@ var formatCamelCaseToSentenceCase_1 = require("../formatCamelCaseToSentenceCase"
|
|
|
24
24
|
Object.defineProperty(exports, "formatCamelCaseToSentenceCase", { enumerable: true, get: function () { return formatCamelCaseToSentenceCase_1.formatCamelCaseToSentenceCase; } });
|
|
25
25
|
var toArray_1 = require("../toArray");
|
|
26
26
|
Object.defineProperty(exports, "toArray", { enumerable: true, get: function () { return toArray_1.toArray; } });
|
|
27
|
+
var makeArrayFromLength_1 = require("../makeArrayFromLength");
|
|
28
|
+
Object.defineProperty(exports, "makeArrayFromLength", { enumerable: true, get: function () { return makeArrayFromLength_1.makeArrayFromLength; } });
|
|
27
29
|
var sortData_1 = require("../sortData");
|
|
28
30
|
Object.defineProperty(exports, "sortData", { enumerable: true, get: function () { return sortData_1.sortData; } });
|
|
29
31
|
var isStringMatch_1 = require("../isStringMatch");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export function makeArrayFromLength(len: any): number[];
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "oolib",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.62.1",
|
|
4
4
|
"description": " OKE Component Library",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
7
7
|
"scripts": {
|
|
8
8
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
9
9
|
"copy-files": "copyfiles --up 1 src/assets/*/* dist",
|
|
10
|
-
"start": "
|
|
11
|
-
"build-storybook": "build
|
|
10
|
+
"start": "storybook dev -p 6006",
|
|
11
|
+
"build-storybook": "storybook build",
|
|
12
12
|
"build": "npx tsc",
|
|
13
13
|
"prebuild": "rm -rf dist",
|
|
14
14
|
"postbuild": "npm run copy-files",
|
|
@@ -44,15 +44,16 @@
|
|
|
44
44
|
"homepage": "https://github.com/ooloi-labs/oolib#readme",
|
|
45
45
|
"devDependencies": {
|
|
46
46
|
"@babel/core": "^7.15.5",
|
|
47
|
-
"@babel/preset-env": "^7.
|
|
48
|
-
"@babel/preset-react": "^7.
|
|
49
|
-
"@
|
|
50
|
-
"@storybook/addon-
|
|
51
|
-
"@storybook/addon-
|
|
52
|
-
"@storybook/addon-
|
|
53
|
-
"@storybook/
|
|
54
|
-
"@storybook/
|
|
55
|
-
"@storybook/react": "^
|
|
47
|
+
"@babel/preset-env": "^7.22.9",
|
|
48
|
+
"@babel/preset-react": "^7.22.5",
|
|
49
|
+
"@babel/preset-typescript": "^7.22.5",
|
|
50
|
+
"@storybook/addon-actions": "^7.2.1",
|
|
51
|
+
"@storybook/addon-docs": "^7.2.1",
|
|
52
|
+
"@storybook/addon-essentials": "^7.2.1",
|
|
53
|
+
"@storybook/addon-links": "^7.2.1",
|
|
54
|
+
"@storybook/mdx2-csf": "^1.1.0",
|
|
55
|
+
"@storybook/react": "^7.2.1",
|
|
56
|
+
"@storybook/react-webpack5": "^7.2.1",
|
|
56
57
|
"@types/styled-components": "^5.1.26",
|
|
57
58
|
"babel-loader": "^8.2.2",
|
|
58
59
|
"babel-plugin-styled-components": "^1.13.2",
|
|
@@ -64,7 +65,8 @@
|
|
|
64
65
|
"react-dom": "^17.0.2",
|
|
65
66
|
"react-json-view": "^1.21.3",
|
|
66
67
|
"react-router-dom": "^5.1.2",
|
|
67
|
-
"semantic-release": "^18.0.0"
|
|
68
|
+
"semantic-release": "^18.0.0",
|
|
69
|
+
"storybook": "^7.2.1"
|
|
68
70
|
},
|
|
69
71
|
"peerDependencies": {
|
|
70
72
|
"framer-motion": "^4.1.17",
|