oolib 2.110.1 → 2.111.1

package/dist/stories/UserRoleBadge.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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserRoleBadge = void 0;
+var UserRoleBadge_1 = require("../components/UserRoleBadge");
+exports.default = {
+    title: "Components/UserRoleBadge",
+    argTypes: {
+        role: {
+            name: 'Label',
+            options: [
+                'superAdmin',
+                'admin',
+                'moderator',
+                'vetted'
+            ],
+            control: { type: 'select' },
+            defaultValue: 'superAdmin',
+        },
+    },
+    args: {
+        role: 'superAdmin',
+    }
+};
+var UserRoleBadge = function (args_) {
+    var args = __assign(__assign({}, args_), { dummyThemeFromStoryBook: {
+            _Roles: {
+                superAdmin: { badgeIcon: 'BadgeSuperAdmin' },
+                admin: { badgeIcon: 'BadgeAdmin' },
+                moderator: { badgeIcon: 'BadgeMod' },
+                vetted: { badgeIcon: 'BadgeVetted' }
+            }
+        } });
+    return React.createElement(UserRoleBadge_1.UserRoleBadge, __assign({}, args));
+};
+exports.UserRoleBadge = UserRoleBadge;

package/dist/stories/Utilities.stories.d.ts

@@ -0,0 +1,5 @@
+declare namespace _default {
+    let title: string;
+}
+export default _default;
+export function Utilities(args: any): import("react").JSX.Element;

package/dist/stories/Utilities.stories.js

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Utilities = void 0;
+var Typo_1 = require("../components/Typo");
+var getVal_1 = require("../utils/getterSetterDeleter/getVal");
+var sortData_1 = require("../utils/sortData");
+var deleteVal_1 = require("../utils/getterSetterDeleter/deleteVal");
+exports.default = {
+    title: "Components/Utilities",
+    // argTypes: {
+    //   size: {
+    //     options: ['Small', 'Medium', 'Large'],
+    //     mapping: {
+    //       Small: 'S',
+    //       Medium: 'M',
+    //       Large: 'L'
+    //     },
+    //     control: { type: 'inline-radio' },
+    //     defaultValue: 'Small',
+    //   }
+    // },
+    // args: {
+    //   text: 'Hello World',
+    //   invert: false,
+    //   isBlock: true,
+    //   blockHeight: '',
+    // }
+};
+var Utilities = function (args) {
+    // args[args['size']] = true;
+    var sampleObj4 = {
+        key1: {
+            key2: [
+                {
+                    aryKey1: [{ aryKey2: [{ aryKey3: ["hello1"] }] }],
+                },
+                {
+                    aryKey1: [{ aryKey2: [{ aryKey3: ["hello2"] }] }],
+                },
+            ],
+            key4: "removeMe",
+        },
+    };
+    var sampleObj3 = {
+        key1: {
+            key2: [
+                {
+                    aryInside: ['hello', 'world']
+                },
+                {
+                    aryInside: ['hello2', 'world2']
+                },
+            ],
+            key4: 'removeMe'
+        }
+    };
+    var simpleObj = {
+        key1: {
+            key2: ['item1']
+        }
+    };
+    console.log({ deleteVal: (0, deleteVal_1.deleteVal)(simpleObj, 'key1.key2.0') });
+    console.log({ getVal: (0, getVal_1.getVal)(sampleObj4, 'key1.key2.aryKey1.aryKey2.aryKey3', { flattenIfValueIsArray: false }) });
+    // console.log({getVal: getVal(sampleObj3, 'key1.key2.aryInside', {flattenIfValueIsArray: false})})
+    // console.log({setVal: setVal(sampleObj, 'key1.key3', 'world')})
+    // console.log({deleteVal: deleteVal(sampleObj2, 'key1.key4')})
+    /** test code for sortData function */
+    var data = [
+        { name: 'Shen', count: 50, date: '2021/12/30', bool: false },
+        { name: 'Abrar', count: 155, date: '2021/11/20', bool: true },
+        { name: 'Harsh', count: 2, date: '2021/12/02', bool: false },
+        { name: 'Joshua', count: 33, date: '2021/11/25', bool: true }
+    ];
+    var numSort = (0, sortData_1.sortData)({
+        data: data,
+        path: 'count',
+        sortBy: 'a',
+        fn: 'numerical'
+    });
+    var alpSort = (0, sortData_1.sortData)({
+        data: data,
+        path: 'name',
+        sortBy: 'a',
+        fn: 'alphabetical'
+    });
+    var boolSort = (0, sortData_1.sortData)({
+        data: data,
+        path: 'bool',
+        sortBy: 'a',
+        fn: 'boolean'
+    });
+    var dateSort = (0, sortData_1.sortData)({
+        data: data,
+        path: 'date',
+        sortBy: 'a',
+        fn: 'date'
+    });
+    console.log('------ TEST OUTPUT OF SORT DATA FN. -------');
+    console.log({
+        numSort: numSort,
+        alpSort: alpSort,
+        boolSort: boolSort,
+        dateSort: dateSort
+    });
+    console.log('--------------------------------------------');
+    return (React.createElement("div", null,
+        React.createElement(Typo_1.SANS_3, null, "This simply console logs the output of some utilities."),
+        React.createElement(Typo_1.SANS_2, null, "Lots of scope to make this richer")));
+};
+exports.Utilities = Utilities;

package/dist/stories/VideoInput.stories.d.ts

@@ -0,0 +1,46 @@
+declare namespace _default {
+    let title: string;
+}
+export default _default;
+export function VideoInput_(args: any): import("react").JSX.Element;
+export namespace VideoInput_ {
+    namespace argTypes {
+        namespace enableVideoUpload {
+            let name: string;
+        }
+        namespace label {
+            let name_1: string;
+            export { name_1 as name };
+        }
+        namespace sublabel {
+            let name_2: string;
+            export { name_2 as name };
+        }
+        namespace readOnly {
+            let name_3: string;
+            export { name_3 as name };
+        }
+        namespace isRequired {
+            let name_4: string;
+            export { name_4 as name };
+        }
+        namespace invert {
+            let name_5: string;
+            export { name_5 as name };
+        }
+    }
+    namespace args {
+        let label_1: string;
+        export { label_1 as label };
+        let sublabel_1: string;
+        export { sublabel_1 as sublabel };
+        let isRequired_1: boolean;
+        export { isRequired_1 as isRequired };
+        let enableVideoUpload_1: boolean;
+        export { enableVideoUpload_1 as enableVideoUpload };
+        let readOnly_1: boolean;
+        export { readOnly_1 as readOnly };
+        let invert_1: boolean;
+        export { invert_1 as invert };
+    }
+}

package/dist/stories/VideoInput.stories.js

@@ -0,0 +1,49 @@
+"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.VideoInput_ = void 0;
+var react_1 = require("react");
+var VideoInput_1 = __importDefault(require("../components/VideoInput"));
+var Wrappers_1 = require("../components/Wrappers");
+var themes_1 = require("../themes");
+exports.default = {
+    title: "Components/Video Input",
+};
+var VideoInput_ = function (args) {
+    var _a = (0, react_1.useState)(undefined), url = _a[0], setUrl = _a[1];
+    console.log({ url: url });
+    var invertProp = args.invert;
+    return (React.createElement("div", { style: { background: invertProp ? themes_1.colors.greyColor100_opacity70 : themes_1.colors.white, height: '90svh' } },
+        React.createElement(Wrappers_1.Wrapper700, null,
+            React.createElement(VideoInput_1.default, __assign({ value: url, onChange: function (k, v) { return setUrl(v); }, isRequired: true }, args)))));
+};
+exports.VideoInput_ = VideoInput_;
+exports.VideoInput_.argTypes = {
+    enableVideoUpload: { name: "Enable Video Upload" },
+    label: { name: "Label" },
+    sublabel: { name: "Sublabel" },
+    readOnly: { name: "Read Only" },
+    isRequired: { name: "Is Required" },
+    invert: { name: "Invert" },
+};
+exports.VideoInput_.args = {
+    label: 'Video Component',
+    sublabel: "Paste your video link or upload video",
+    isRequired: false,
+    enableVideoUpload: true,
+    readOnly: false,
+    invert: false,
+};

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

@@ -0,0 +1,67 @@
+declare namespace _default {
+    let title: string;
+    let argTypes: {
+        actions: {
+            name: string;
+            control: {
+                type: string;
+            };
+        };
+        cardLabel: {
+            name: string;
+            control: string;
+        };
+        title: {
+            name: string;
+            control: string;
+        };
+        mediaType: {
+            name: string;
+            control: string;
+            options: string[];
+        };
+        image: {
+            name: string;
+            control: string;
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        video: {
+            name: string;
+            control: string;
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        metaText: {
+            name: string;
+            control: string;
+        };
+        metaName: {
+            name: string;
+            control: string;
+        };
+        metaDate: {
+            name: string;
+            control: string;
+        };
+    };
+    let args: {
+        actions: boolean;
+        cardLabel: string;
+        title: string;
+        metaText: string;
+        metaName: string;
+        metaDate: number;
+        mediaType: string;
+        image: string;
+        video: string;
+    };
+}
+export default _default;
+export function CardContent(args: any): React.JSX.Element;
+export function Playground(args: any): React.JSX.Element;
+import React from "react";

package/dist/stories/cards/CardContent.stories.js

@@ -0,0 +1,47 @@
+"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.CardContent = 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 CardContent_1 = require("../../components/cards/CardContent");
+var cardArgTypes_1 = require("./utils/cardArgTypes");
+var parseCardArgs_1 = require("./utils/parseCardArgs");
+var makeArrayFromLength_1 = require("../../utils/makeArrayFromLength");
+exports.default = {
+    title: "Components/CardContent",
+    argTypes: __assign(__assign({}, cardArgTypes_1.commonCardArgTypes), cardArgTypes_1.cardContentArgTypes),
+    args: __assign(__assign({}, cardArgTypes_1.commonCardArgs), cardArgTypes_1.cardContentArgs),
+};
+var CardContent = 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(WrapperCardGrid_1.WrapperCardGrid, null,
+                react_1.default.createElement(CardContent_1.CardContent, __assign({}, props, { config: props.config }))))));
+};
+exports.CardContent = CardContent;
+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.Wrapper1500, { left: true },
+                react_1.default.createElement(WrapperCardGrid_1.WrapperCardGrid, null, (0, makeArrayFromLength_1.makeArrayFromLength)(50).map(function (d) { return (react_1.default.createElement(CardContent_1.CardContent, __assign({}, props, { config: props.config }))); }))))));
+};
+exports.Playground = Playground;

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

@@ -0,0 +1,65 @@
+declare namespace _default {
+    let title: string;
+    let argTypes: {
+        disabled: {
+            name: string;
+            control: string;
+        };
+        cardLabel: {
+            name: string;
+            control: string;
+        };
+        title: {
+            name: string;
+            control: string;
+        };
+        mediaType: {
+            name: string;
+            control: string;
+            options: string[];
+        };
+        image: {
+            name: string;
+            control: string;
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        video: {
+            name: string;
+            control: string;
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        metaText: {
+            name: string;
+            control: string;
+        };
+        metaName: {
+            name: string;
+            control: string;
+        };
+        metaDate: {
+            name: string;
+            control: string;
+        };
+    };
+    let args: {
+        disabled: boolean;
+        cardLabel: string;
+        title: string;
+        metaText: string;
+        metaName: string;
+        metaDate: number;
+        mediaType: string;
+        image: string;
+        video: string;
+    };
+}
+export default _default;
+export function CardEmbed(args: any): React.JSX.Element;
+export function Playground(args: any): React.JSX.Element;
+import React from "react";

package/dist/stories/cards/CardEmbed.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.CardEmbed = void 0;
+var react_1 = __importDefault(require("react"));
+var Container_1 = require("../../components/Container");
+var Paddings_1 = require("../../components/Paddings");
+var CardEmbed_1 = require("../../components/cards/CardEmbed");
+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/CardEmbed",
+    argTypes: __assign(__assign({}, cardArgTypes_1.commonCardArgTypes), cardArgTypes_1.cardEmbedArgTypes),
+    args: __assign(__assign({}, cardArgTypes_1.commonCardArgs), cardArgTypes_1.cardEmbedArgs),
+};
+var CardEmbed = 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(CardEmbed_1.CardEmbed, __assign({}, props, { config: props.config })))));
+};
+exports.CardEmbed = CardEmbed;
+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)(5).map(function (d) { return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(CardEmbed_1.CardEmbed, __assign({}, props, { config: props.config })),
+                react_1.default.createElement(Paddings_1.PaddingBottom20, null))); })))));
+};
+exports.Playground = Playground;

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

@@ -0,0 +1,46 @@
+declare namespace _default {
+    let title: string;
+    let argTypes: {
+        tagDisplay: {
+            name: string;
+            control: string;
+        };
+        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: {
+        tagDisplay: any;
+        image: string;
+        title: string;
+        cardLabel: string;
+        metaText: string;
+        metaName: string;
+        metaDate: number;
+    };
+}
+export default _default;
+export function CardProfile(args: any): React.JSX.Element;
+export function Playground(args: any): React.JSX.Element;
+import React from "react";

package/dist/stories/cards/CardProfile.stories.js

@@ -0,0 +1,48 @@
+"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.CardProfile = 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 CardProfile_1 = require("../../components/cards/CardProfile");
+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/CardProfile",
+    argTypes: __assign(__assign({}, (0, excludeKeys_1.excludeKeys)(cardArgTypes_1.commonCardArgTypes, ['mediaType', 'image', 'video'])), cardArgTypes_1.cardProfileArgTypes),
+    args: __assign(__assign({}, (0, excludeKeys_1.excludeKeys)(cardArgTypes_1.commonCardArgs, ['mediaType', 'image', 'video'])), cardArgTypes_1.cardProfileArgs),
+};
+var CardProfile = 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(WrapperCardGrid_1.WrapperCardGrid, null,
+                react_1.default.createElement(CardProfile_1.CardProfile, __assign({}, props, { config: __assign(__assign({}, props.config), { image: 'image' }) }))))));
+};
+exports.CardProfile = CardProfile;
+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.Wrapper1500, { left: true },
+                react_1.default.createElement(WrapperCardGrid_1.WrapperCardGrid, null, (0, makeArrayFromLength_1.makeArrayFromLength)(50).map(function (d) { return (react_1.default.createElement(CardProfile_1.CardProfile, __assign({}, props, { config: __assign(__assign({}, props.config), { image: 'image' }) }))); }))))));
+};
+exports.Playground = Playground;

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

@@ -0,0 +1,81 @@
+/// <reference types="mdx" />
+declare namespace _default {
+    let title: string;
+    let argTypes: {
+        statusTag: {
+            name: string;
+            control: {
+                type: string;
+            };
+        };
+        actions: {
+            name: string;
+            control: {
+                type: string;
+            };
+        };
+        cardLabel: {
+            name: string;
+            control: string;
+        };
+        title: {
+            name: string;
+            control: string;
+        };
+        mediaType: {
+            name: string;
+            control: string;
+            options: string[];
+        };
+        image: {
+            name: string;
+            control: string;
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        video: {
+            name: string;
+            control: string;
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+        metaText: {
+            name: string;
+            control: string;
+        };
+        metaName: {
+            name: string;
+            control: string;
+        };
+        metaDate: {
+            name: string;
+            control: string;
+        };
+    };
+    let args: {
+        statusTag: any;
+        actions: boolean;
+        cardLabel: string;
+        title: string;
+        metaText: string;
+        metaName: string;
+        metaDate: number;
+        mediaType: string;
+        image: string;
+        video: string;
+    };
+    namespace parameters {
+        namespace docs {
+            export { docs as page };
+        }
+    }
+}
+export default _default;
+export function ListContent(args: any): React.JSX.Element;
+export function Playground(args: any): React.JSX.Element;
+import docs_1 from "./ListContent.mdx";
+import React from "react";