oolib 2.110.1 → 2.111.0

package/dist/stories/cards/ListContent.stories.js

@@ -0,0 +1,50 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Playground = exports.ListContent = void 0;
+var react_1 = __importDefault(require("react"));
+var Container_1 = require("../../components/Container");
+var Paddings_1 = require("../../components/Paddings");
+var ListContent_1 = require("../../components/cards/ListContent");
+var ListContent_mdx_1 = __importDefault(require("./ListContent.mdx"));
+var cardArgTypes_1 = require("./utils/cardArgTypes");
+var parseCardArgs_1 = require("./utils/parseCardArgs");
+var Wrappers_1 = require("../../components/Wrappers");
+var makeArrayFromLength_1 = require("../../utils/makeArrayFromLength");
+exports.default = {
+    title: "Components/ListContent",
+    argTypes: __assign(__assign({}, cardArgTypes_1.commonCardArgTypes), cardArgTypes_1.listContentArgTypes),
+    args: __assign(__assign({}, cardArgTypes_1.commonCardArgs), cardArgTypes_1.listContentArgs),
+    parameters: {
+        docs: {
+            page: ListContent_mdx_1.default,
+        },
+    },
+};
+var ListContent = function (args) {
+    var props = (0, parseCardArgs_1.parseCardArgs)(args);
+    return (react_1.default.createElement(Container_1.Container, null,
+        react_1.default.createElement(Paddings_1.PaddingTopBottom30, null,
+            react_1.default.createElement(ListContent_1.ListContent, __assign({}, props, { config: props.config })))));
+};
+exports.ListContent = ListContent;
+var Playground = function (args) {
+    var props = (0, parseCardArgs_1.parseCardArgs)(args);
+    return (react_1.default.createElement(Container_1.Container, null,
+        react_1.default.createElement(Paddings_1.PaddingTopBottom30, null,
+            react_1.default.createElement(Wrappers_1.Wrapper700, { left: true }, (0, makeArrayFromLength_1.makeArrayFromLength)(50).map(function (d) { return (react_1.default.createElement(ListContent_1.ListContent, __assign({}, props, { config: props.config }))); })))));
+};
+exports.Playground = Playground;

package/dist/stories/cards/ListProfile.stories.d.ts

@@ -0,0 +1,41 @@
+declare namespace _default {
+    let title: string;
+    let argTypes: {
+        image: {
+            name: string;
+            control: string;
+        };
+        title: {
+            name: string;
+            control: string;
+        };
+        cardLabel: {
+            name: string;
+            control: string;
+        };
+        metaText: {
+            name: string;
+            control: string;
+        };
+        metaName: {
+            name: string;
+            control: string;
+        };
+        metaDate: {
+            name: string;
+            control: string;
+        };
+    };
+    let args: {
+        image: string;
+        title: string;
+        cardLabel: string;
+        metaText: string;
+        metaName: string;
+        metaDate: number;
+    };
+}
+export default _default;
+export function ListProfile(args: any): React.JSX.Element;
+export function Playground(args: any): React.JSX.Element;
+import React from "react";

package/dist/stories/cards/ListProfile.stories.js

@@ -0,0 +1,46 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Playground = exports.ListProfile = void 0;
+var react_1 = __importDefault(require("react"));
+var Container_1 = require("../../components/Container");
+var Paddings_1 = require("../../components/Paddings");
+var WrapperCardGrid_1 = require("../../components/Wrappers/WrapperCardGrid");
+var Wrappers_1 = require("../../components/Wrappers");
+var ListProfile_1 = require("../../components/cards/ListProfile");
+var cardArgTypes_1 = require("./utils/cardArgTypes");
+var parseCardArgs_1 = require("./utils/parseCardArgs");
+var makeArrayFromLength_1 = require("../../utils/makeArrayFromLength");
+var excludeKeys_1 = require("../../utilsOolib/excludeKeys");
+exports.default = {
+    title: "Components/ListProfile",
+    argTypes: __assign(__assign({}, (0, excludeKeys_1.excludeKeys)(cardArgTypes_1.commonCardArgTypes, ['mediaType', 'image', 'video'])), cardArgTypes_1.listProfileArgTypes),
+    args: __assign(__assign({}, (0, excludeKeys_1.excludeKeys)(cardArgTypes_1.commonCardArgs, ['mediaType', 'image', 'video'])), cardArgTypes_1.listProfileArgs),
+};
+var ListProfile = function (args) {
+    var props = (0, parseCardArgs_1.parseCardArgs)(args);
+    return (react_1.default.createElement(Container_1.Container, null,
+        react_1.default.createElement(Paddings_1.PaddingTopBottom30, null,
+            react_1.default.createElement(ListProfile_1.ListProfile, __assign({}, props, { config: __assign(__assign({}, props.config), { image: 'image' }) })))));
+};
+exports.ListProfile = ListProfile;
+var Playground = function (args) {
+    var props = (0, parseCardArgs_1.parseCardArgs)(args);
+    return (react_1.default.createElement(Container_1.Container, null,
+        react_1.default.createElement(Paddings_1.PaddingTopBottom30, null,
+            react_1.default.createElement(Wrappers_1.Wrapper700, { left: true }, (0, makeArrayFromLength_1.makeArrayFromLength)(50).map(function (d) { return (react_1.default.createElement(ListProfile_1.ListProfile, __assign({}, props, { config: __assign(__assign({}, props.config), { image: 'image' }) }))); })))));
+};
+exports.Playground = Playground;

package/dist/stories/cards/utils/cardArgTypes.d.ts

@@ -0,0 +1,182 @@
+export namespace commonCardArgs {
+    let cardLabel: string;
+    let title: string;
+    let metaText: string;
+    let metaName: string;
+    let metaDate: number;
+    let mediaType: string;
+    let image: string;
+    let video: string;
+}
+export namespace commonCardArgTypes {
+    export namespace cardLabel_1 {
+        let name: string;
+        let control: string;
+    }
+    export { cardLabel_1 as cardLabel };
+    export namespace title_1 {
+        let name_1: string;
+        export { name_1 as name };
+        let control_1: string;
+        export { control_1 as control };
+    }
+    export { title_1 as title };
+    export namespace mediaType_1 {
+        let name_2: string;
+        export { name_2 as name };
+        let control_2: string;
+        export { control_2 as control };
+        export let options: string[];
+    }
+    export { mediaType_1 as mediaType };
+    export namespace image_1 {
+        let name_3: string;
+        export { name_3 as name };
+        let control_3: string;
+        export { control_3 as control };
+        export namespace _if {
+            let arg: string;
+            let eq: string;
+        }
+        export { _if as if };
+    }
+    export { image_1 as image };
+    export namespace video_1 {
+        let name_4: string;
+        export { name_4 as name };
+        let control_4: string;
+        export { control_4 as control };
+        export namespace _if_1 {
+            let arg_1: string;
+            export { arg_1 as arg };
+            let eq_1: string;
+            export { eq_1 as eq };
+        }
+        export { _if_1 as if };
+    }
+    export { video_1 as video };
+    export namespace metaText_1 {
+        let name_5: string;
+        export { name_5 as name };
+        let control_5: string;
+        export { control_5 as control };
+    }
+    export { metaText_1 as metaText };
+    export namespace metaName_1 {
+        let name_6: string;
+        export { name_6 as name };
+        let control_6: string;
+        export { control_6 as control };
+    }
+    export { metaName_1 as metaName };
+    export namespace metaDate_1 {
+        let name_7: string;
+        export { name_7 as name };
+        let control_7: string;
+        export { control_7 as control };
+    }
+    export { metaDate_1 as metaDate };
+}
+export namespace cardContentArgs {
+    let actions: boolean;
+}
+export namespace cardContentArgTypes {
+    export namespace actions_1 {
+        let name_8: string;
+        export { name_8 as name };
+        export namespace control_8 {
+            let type: string;
+        }
+        export { control_8 as control };
+    }
+    export { actions_1 as actions };
+}
+export namespace listContentArgs {
+    export let statusTag: any;
+    let actions_2: boolean;
+    export { actions_2 as actions };
+}
+export namespace listContentArgTypes {
+    export namespace statusTag_1 {
+        let name_9: string;
+        export { name_9 as name };
+        export namespace control_9 {
+            let type_1: string;
+            export { type_1 as type };
+        }
+        export { control_9 as control };
+    }
+    export { statusTag_1 as statusTag };
+    export namespace actions_3 {
+        let name_10: string;
+        export { name_10 as name };
+        export namespace control_10 {
+            let type_2: string;
+            export { type_2 as type };
+        }
+        export { control_10 as control };
+    }
+    export { actions_3 as actions };
+}
+export namespace cardEmbedArgs {
+    let disabled: boolean;
+}
+export namespace cardEmbedArgTypes {
+    export namespace disabled_1 {
+        let name_11: string;
+        export { name_11 as name };
+        let control_11: string;
+        export { control_11 as control };
+    }
+    export { disabled_1 as disabled };
+}
+export namespace cardProfileArgs {
+    export let tagDisplay: any;
+    let image_2: string;
+    export { image_2 as image };
+    let title_2: string;
+    export { title_2 as title };
+    let cardLabel_2: string;
+    export { cardLabel_2 as cardLabel };
+    let metaText_2: string;
+    export { metaText_2 as metaText };
+    let metaName_2: string;
+    export { metaName_2 as metaName };
+}
+export namespace cardProfileArgTypes {
+    export namespace tagDisplay_1 {
+        let name_12: string;
+        export { name_12 as name };
+        let control_12: string;
+        export { control_12 as control };
+    }
+    export { tagDisplay_1 as tagDisplay };
+    export namespace image_3 {
+        let name_13: string;
+        export { name_13 as name };
+        let control_13: string;
+        export { control_13 as control };
+    }
+    export { image_3 as image };
+}
+export namespace listProfileArgs {
+    let image_4: string;
+    export { image_4 as image };
+    let title_3: string;
+    export { title_3 as title };
+    let cardLabel_3: string;
+    export { cardLabel_3 as cardLabel };
+    let metaText_3: string;
+    export { metaText_3 as metaText };
+    let metaName_3: string;
+    export { metaName_3 as metaName };
+}
+export namespace listProfileArgTypes {
+    export namespace image_5 {
+        let name_14: string;
+        export { name_14 as name };
+        let control_14: string;
+        export { control_14 as control };
+    }
+    export { image_5 as image };
+}

package/dist/stories/cards/utils/cardArgTypes.js

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.listProfileArgTypes = exports.listProfileArgs = exports.cardProfileArgTypes = exports.cardProfileArgs = exports.cardEmbedArgTypes = exports.cardEmbedArgs = exports.listContentArgTypes = exports.listContentArgs = exports.cardContentArgTypes = exports.cardContentArgs = exports.commonCardArgTypes = exports.commonCardArgs = void 0;
+//this order decides the order of the controls
+exports.commonCardArgs = {
+    cardLabel: "Stories",
+    title: "North East India Sand Mining 2018: Emerging threat to Rivers",
+    metaText: "Status of Menstrual Health And Hygiene",
+    metaName: "John Doe",
+    metaDate: 1689618600000,
+    mediaType: 'noMedia',
+    image: "https://img-getpocket.cdn.mozilla.net/592x296/filters:format(jpeg):quality(60):no_upscale():strip_exif()/https%3A%2F%2Fs3.us-east-1.amazonaws.com%2Fpocket-curatedcorpusapi-prod-images%2Fea9abf6e-f4d2-472a-9438-1d49be1249e6.jpeg",
+    video: "https://www.youtube.com/watch?v=4iQmPv_dTI0"
+};
+exports.commonCardArgTypes = {
+    cardLabel: {
+        name: "Label",
+        control: "text",
+    },
+    title: {
+        name: "Title",
+        control: "text",
+    },
+    mediaType: {
+        name: 'Media Type',
+        control: 'select',
+        options: ["no media", "image", "video"],
+    },
+    image: {
+        name: "Image",
+        control: "text",
+        if: { arg: 'mediaType', eq: 'image' }
+    },
+    video: {
+        name: "Video",
+        control: "text",
+        if: { arg: 'mediaType', eq: 'video' }
+    },
+    metaText: {
+        name: "Meta (Text)",
+        control: "text",
+    },
+    metaName: {
+        name: "Meta (Name)",
+        control: "text",
+    },
+    metaDate: {
+        name: "Meta (Date)",
+        control: "date",
+    }
+};
+exports.cardContentArgs = {
+    actions: false
+};
+exports.cardContentArgTypes = {
+    actions: {
+        name: "Actions",
+        control: { type: "boolean" },
+    },
+};
+exports.listContentArgs = {
+    statusTag: undefined,
+    actions: false
+};
+exports.listContentArgTypes = {
+    statusTag: {
+        name: "Status Tag",
+        control: { type: "text" },
+    },
+    actions: {
+        name: "Actions",
+        control: { type: "boolean" },
+    },
+};
+exports.cardEmbedArgs = {
+    disabled: false
+};
+exports.cardEmbedArgTypes = {
+    disabled: {
+        name: 'Disabled',
+        control: 'boolean'
+    }
+};
+exports.cardProfileArgs = {
+    tagDisplay: undefined,
+    image: 'https://storage.googleapis.com/wqn_prod__media/images/9cc8eec3-a8af-4fb7-98a1-22370e57fab3.jpeg',
+    title: 'Somebody Subramaniam',
+    cardLabel: 'Strategy & partnerships',
+    metaText: 'Inrem Foundation',
+    metaName: 'Balasore'
+};
+exports.cardProfileArgTypes = {
+    tagDisplay: {
+        name: 'Tag Display',
+        control: 'text'
+    },
+    image: {
+        name: "Image",
+        control: "text"
+    }
+};
+exports.listProfileArgs = {
+    image: 'https://storage.googleapis.com/wqn_prod__media/images/9cc8eec3-a8af-4fb7-98a1-22370e57fab3.jpeg',
+    title: 'Somebody Subramaniam',
+    cardLabel: 'Strategy & partnerships',
+    metaText: 'Inrem Foundation',
+    metaName: 'Balasore'
+};
+exports.listProfileArgTypes = {
+    image: {
+        name: "Image",
+        control: "text"
+    }
+};

package/dist/stories/cards/utils/parseCardArgs.d.ts

@@ -0,0 +1,46 @@
+export function parseCardArgs({ cardLabel, title, mediaType, image, video, metaText, metaName, metaDate, actions: _actions, statusTag, disabled, tagDisplay }: {
+    cardLabel: any;
+    title: any;
+    mediaType: any;
+    image: any;
+    video: any;
+    metaText: any;
+    metaName: any;
+    metaDate: any;
+    actions: any;
+    statusTag: any;
+    disabled: any;
+    tagDisplay: any;
+}): {
+    data: {
+        title: any;
+        cardLabel: any;
+        image: {
+            publicUrl: any;
+        }[];
+        video: {
+            publicUrl: any;
+        }[];
+        text: any;
+        name: any;
+        date: any;
+        tagDisplay: any;
+    };
+    actions: {
+        display: string;
+        onClick: () => void;
+    }[];
+    statusTag: any;
+    config: {
+        metaBlock: {
+            key: string;
+            valuePath: string;
+        }[];
+        video?: string;
+        image?: string;
+        title: string;
+        cardLabel: string;
+        tagDisplay: string;
+    };
+    disabled: any;
+};

package/dist/stories/cards/utils/parseCardArgs.js

@@ -0,0 +1,57 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseCardArgs = void 0;
+var parseCardArgs = function (_a) {
+    var cardLabel = _a.cardLabel, title = _a.title, mediaType = _a.mediaType, image = _a.image, video = _a.video, metaText = _a.metaText, metaName = _a.metaName, metaDate = _a.metaDate, _actions = _a.actions, statusTag = _a.statusTag, disabled = _a.disabled, tagDisplay = _a.tagDisplay;
+    var data = {
+        title: title,
+        cardLabel: cardLabel,
+        image: image && [{ publicUrl: image }],
+        video: video && [{ publicUrl: video }],
+        text: metaText || undefined,
+        name: metaName || undefined,
+        date: metaDate || undefined,
+        tagDisplay: tagDisplay,
+    };
+    var config = __assign(__assign(__assign({ title: "title", cardLabel: "cardLabel", tagDisplay: "tagDisplay" }, (mediaType === "image" ? { image: "image" } : {})), (mediaType === "video" ? { video: "video" } : {})), { metaBlock: __spreadArray(__spreadArray(__spreadArray([], (metaText ? [{ key: "text", valuePath: "text" }] : []), true), (metaName ? [{ key: "name", valuePath: "name" }] : []), true), (metaDate ? [{ key: "date", valuePath: "date" }] : []), true) });
+    var actions = !_actions
+        ? undefined
+        : [
+            {
+                display: "Option 1",
+                onClick: function () { return console.log("option 1"); },
+            },
+            {
+                display: "Option 2",
+                onClick: function () { return console.log("option 2"); },
+            },
+        ];
+    return {
+        data: data,
+        actions: actions,
+        statusTag: statusTag,
+        config: config,
+        disabled: disabled
+    };
+};
+exports.parseCardArgs = parseCardArgs;

package/dist/themes/colors.d.ts

@@ -49,3 +49,54 @@ export declare const colors: {
     annoPink: string;
     annoBlue: string;
 };
+export interface ColorsType {
+    none: string;
+    white: string;
+    white_opacity50: string;
+    white_opacity80: string;
+    white_opacity60: string;
+    red: string;
+    lightRed: string;
+    invertRed: string;
+    hoverRed: string;
+    hoverInvertRed: string;
+    yellow: string;
+    lightYellow: string;
+    green: string;
+    lightGreen: string;
+    invertGreen: string;
+    hoverGreen: string;
+    invertHoverGreen: string;
+    cyan: string;
+    lightPink: string;
+    blue: string;
+    lightBlue: string;
+    black: string;
+    black_opacity80: string;
+    black_opacity30: string;
+    black_opacity05: string;
+    black_opacity50: string;
+    greyColor100: string;
+    greyColor90: string;
+    greyColor80: string;
+    greyColor70: string;
+    greyColor50: string;
+    greyColor40: string;
+    greyColor15: string;
+    greyColor10: string;
+    greyColor5: string;
+    greyColor3: string;
+    greyColor100_opacity70: string;
+    lightShadowColor: string;
+    darkShadowColor: string;
+    disabledShadowColor: string;
+    primaryColor10: string;
+    primaryColor100: string;
+    primaryColor40: string;
+    primaryColorText: string;
+    pinkHighlight: string;
+    blueHighlight: string;
+    yellowHighlight: string;
+    annoPink: string;
+    annoBlue: string;
+}

package/dist/utils/comps/DisplayIcon/index.d.ts

@@ -4,4 +4,4 @@ export function DisplayIcon({ icon, size, color, weight }: {
     color: any;
     weight?: string;
 }): React.JSX.Element;
-import React from "react";
+import React from 'react';

package/dist/utils/getBlockLabelProps.js

@@ -13,7 +13,7 @@ var getBlockLabelProps = function (props) {
         'error',
         'isRequired',
         'invert',
-        'hints',
+        'hints', // dummy commit for this
         "hintsBtnLabel",
         "hintsTitle",
         "hintsSubtitle",

package/dist/utils/getterSetterDeleter/getVal_caseExamples.d.ts

@@ -0,0 +1,60 @@
+declare namespace sampleObj {
+    namespace key1 {
+        let key2: string[][];
+        let key4: string;
+    }
+}
+declare namespace returned {
+    let getVal: string[][];
+}
+declare namespace sampleObj2 {
+    export namespace key1_1 {
+        let key2_1: {
+            aryKey1: {
+                aryKey2: string;
+            }[];
+        }[];
+        export { key2_1 as key2 };
+        let key4_1: string;
+        export { key4_1 as key4 };
+    }
+    export { key1_1 as key1 };
+}
+declare namespace returned2 {
+    let getVal_1: string[];
+    export { getVal_1 as getVal };
+}
+declare namespace sampleObj4 {
+    export namespace key1_2 {
+        let key2_2: {
+            aryKey1: {
+                aryKey2: {
+                    aryKey3: string[];
+                }[];
+            }[];
+        }[];
+        export { key2_2 as key2 };
+        let key4_2: string;
+        export { key4_2 as key4 };
+    }
+    export { key1_2 as key1 };
+}
+declare namespace returned4 {
+    let getVal_2: string[];
+    export { getVal_2 as getVal };
+}
+declare namespace sampleObj3 {
+    export namespace key1_3 {
+        let key2_3: {
+            aryInside: string[];
+        }[];
+        export { key2_3 as key2 };
+        let key4_3: string;
+        export { key4_3 as key4 };
+    }
+    export { key1_3 as key1 };
+}
+declare namespace returned3 {
+    let getVal_3: string[][];
+    export { getVal_3 as getVal };
+}