oolib 2.110.1 → 2.111.0

package/dist/components/RadioAndCheckbox/comps/CheckboxList/comps/CheckboxInput/index.js

@@ -1,15 +1,4 @@
 "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 };
 };
@@ -33,14 +22,8 @@ var CheckboxInput = function (_a) {
     var SuitableTypo = S ? Typo_1.SANS_2 : Typo_1.SANS_3;
     var genCheckboxButton = function (options) {
         if (options === void 0) { options = {}; }
-        return (react_1.default.createElement(CheckboxButton_1.CheckboxButton, __assign({}, {
-            isSelected: isSelected,
-            disabled: disabled,
-            invert: invert,
-            S: S,
-            className: 'btn',
-            disabled: options.disabled || disabled
-        })));
+        return (react_1.default.createElement(CheckboxButton_1.CheckboxButton, { isSelected: isSelected, disabled: disabled, invert: invert, S: S, className: 'btn',
+            disabled: options.disabled || disabled }));
     };
     var genCheckSquare = function () { return (react_1.default.createElement(CheckSquare, { size: S ? 22.5 : 26, color: invert ? invertGreen : green, style: {
             margin: '-7px -2.8px -7px -3.2px',
@@ -52,7 +35,7 @@ var CheckboxInput = function (_a) {
         } })); };
     return option.loading
         ? react_1.default.createElement(TextLoader_1.TextLoader, { style: { width: "8rem", height: "1.5rem" } })
-        : inputStyle === 'tagSelect' ? (react_1.default.createElement(Tags_1.TagSelect, __assign({}, { isSelected: isSelected, invert: invert, disabled: disabled }, { onClick: function () { return !disabled && onClick(isSelected, option); }, display: option.display, value: option.value, style: { alignSelf: 'flex-start' } }))) : (react_1.default.createElement(styled_1.StyledOption, __assign({}, { rightWrongResult: rightWrongResult, isSelected: isSelected, disabled: disabled, invert: invert, S: S }, { onClick: function () { return !rightWrongResult && !disabled && onClick && onClick(isSelected, option); } }),
+        : inputStyle === 'tagSelect' ? (react_1.default.createElement(Tags_1.TagSelect, { isSelected: isSelected, invert: invert, disabled: disabled, onClick: function () { return !disabled && onClick(isSelected, option); }, display: option.display, value: option.value, style: { alignSelf: 'flex-start' } })) : (react_1.default.createElement(styled_1.StyledOption, { rightWrongResult: rightWrongResult, isSelected: isSelected, disabled: disabled, invert: invert, S: S, onClick: function () { return !rightWrongResult && !disabled && onClick && onClick(isSelected, option); } },
             rightWrongResult
                 ? ["markCorrect", "revealCorrect"].includes(markingCommand)
                     ? genCheckSquare()

package/dist/components/RadioAndCheckbox/comps/CheckboxList/index.js

@@ -91,20 +91,24 @@ function CheckboxList(_a) {
     return (react_1.default.createElement("div", { className: className, id: id },
         react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, _EXPORTS_1.getBlockLabelProps)(props))),
         readOnly ? (react_1.default.createElement(styled_2.StyledDisplayTagsContainer, null, value === null || value === void 0 ? void 0 : value.map(function (selOp) { return react_1.default.createElement(Tags_1.TagDisplay, { key: selOp.value, invert: invert, display: selOp.display_desc || selOp.display }); }))) : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(OptionsContainer, __assign({}, { style: style, listType: listType, S: S }), typicalOptions === null || typicalOptions === void 0 ? void 0 :
-                typicalOptions.map(function (option, idx) { return idx < optionsLimit && (react_1.default.createElement(CheckboxInput_1.CheckboxInput, __assign({}, __assign(__assign({}, InputCommonProps), { option: option, key: option.value })))); }),
+            react_1.default.createElement(OptionsContainer, { style: style, listType: listType, S: S }, typicalOptions === null || typicalOptions === void 0 ? void 0 :
+                typicalOptions.map(function (option, idx) { return idx < optionsLimit && (react_1.default.createElement(CheckboxInput_1.CheckboxInput, __assign({}, InputCommonProps, { option: option, key: option.value }))); }),
                 shouldHideSomeOptions && // if we have the case of off limit options
                     (seeMore || rightWrongResult) && //and decided to show them
                     typicalOptions.slice(optionsLimit).map(function (option) {
-                        return react_1.default.createElement(CheckboxInput_1.CheckboxInput, __assign({}, __assign(__assign({}, InputCommonProps), { option: option, key: option.value })));
+                        return react_1.default.createElement(CheckboxInput_1.CheckboxInput, __assign({}, InputCommonProps, { option: option, key: option.value }));
                     }),
                 injectOtherOption && injectedOtherOption && ( //so other box and its textInput act as one entity in the flexbox
                 react_1.default.createElement(styled_1.StyledOtherOptionContainer, { listType: listType },
-                    react_1.default.createElement(CheckboxInput_1.CheckboxInput, __assign({}, __assign(__assign({}, InputCommonProps), { option: injectedOtherOption }))),
-                    otherOpInSelectees && (react_1.default.createElement(styled_1.StyledOtherTextInputWrapper, __assign({}, { listType: listType, rightWrongResult: rightWrongResult }),
-                        react_1.default.createElement(TextInputs_1.TextInput, __assign({ placeholder: "Please Specify Here", value: otherOpInSelectees.display_desc, onChange: function (k, v) { return handleTextInputChange(v); } }, { disabled: disabled, invert: invert, S: S }))))))),
+                    react_1.default.createElement(CheckboxInput_1.CheckboxInput, __assign({}, InputCommonProps, { option: injectedOtherOption })),
+                    otherOpInSelectees && (react_1.default.createElement(styled_1.StyledOtherTextInputWrapper, { listType: listType, rightWrongResult: rightWrongResult },
+                        react_1.default.createElement(TextInputs_1.TextInput, { placeholder: "Please Specify Here", value: otherOpInSelectees.display_desc, onChange: function (k, v) { return handleTextInputChange(v); }, disabled: disabled, invert: invert, S: S })))))),
             shouldHideSomeOptions && !rightWrongResult && (react_1.default.createElement(Typo_1.SANS_3, { style: { marginTop: '1rem' } },
-                react_1.default.createElement(OKELink_1.OKELink, { onClick: function () { return setSeeMore(!seeMore); }, children: !seeMore ? 'See More' : 'See Less' }))),
+                react_1.default.createElement(OKELink_1.OKELink, { onClick: function () { return setSeeMore(!seeMore); }, children: !seeMore ? 'See More' : 'See Less' }))), /*
+              the minute the results have come in, irrespective of user's answers
+              being right or wrong, we show an explanation
+              below the options. provided that an explanation is provided.
+              */
             rightWrongResult && commonIsCorrectDesc &&
                 react_1.default.createElement(styled_1.StyledCorrectMessage, { invert: invert }, commonIsCorrectDesc)))));
 }

package/dist/components/RadioAndCheckbox/comps/RadioList/comps/RadioInput/index.js

@@ -1,15 +1,4 @@
 "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 };
 };
@@ -26,7 +15,7 @@ var invertGreen = themes_1.colors.invertGreen, red = themes_1.colors.red, greyCo
 var XCircle = icons_1.icons.XCircle, CheckCircle = icons_1.icons.CheckCircle;
 var RadioButton = function (_a) {
     var isSelected = _a.isSelected, onClick = _a.onClick, disabled = _a.disabled, invert = _a.invert, S = _a.S;
-    return (react_1.default.createElement(styled_2.StyledRadioInput, __assign({ onClick: function (ev) { return onClick && onClick(ev); } }, { isSelected: isSelected, disabled: disabled, invert: invert, S: S }), isSelected && react_1.default.createElement(styled_2.StyledRadioInputFill, { invert: invert, S: S })));
+    return (react_1.default.createElement(styled_2.StyledRadioInput, { onClick: function (ev) { return onClick && onClick(ev); }, isSelected: isSelected, disabled: disabled, invert: invert, S: S }, isSelected && react_1.default.createElement(styled_2.StyledRadioInputFill, { invert: invert, S: S })));
 };
 exports.RadioButton = RadioButton;
 var RadioInput = function (_a) {
@@ -38,13 +27,9 @@ var RadioInput = function (_a) {
         : Typo_1.SANS_3;
     var genRadioButton = function (options) {
         if (options === void 0) { options = {}; }
-        return (react_1.default.createElement(exports.RadioButton, __assign({}, {
-            isSelected: isSelected,
-            invert: invert,
-            S: S,
-            className: 'btn',
+        return (react_1.default.createElement(exports.RadioButton, { isSelected: isSelected, invert: invert, S: S, className: 'btn',
             disabled: options.disabled || disabled //because we force disabled if rightWrongResult exists & no markingCommand exists against this option i.e, it neither has to be marked right nor wrong
-        })));
+         }));
     };
     var genCheckCircle = function () { return (react_1.default.createElement(CheckCircle, { size: S ? 21 : 24.5, color: invert ? invertGreen : green, style: {
             margin: '-5px -1.5px -5px -3px',
@@ -54,13 +39,7 @@ var RadioInput = function (_a) {
             margin: '-5px -1.5px -5px -3px',
             flexShrink: 0
         } })); };
-    return (react_1.default.createElement(styled_1.StyledOption, __assign({}, {
-        disabled: disabled,
-        rightWrongResult: rightWrongResult,
-        isSelected: isSelected,
-        invert: invert,
-        S: S
-    }, { onClick: function () { return !rightWrongResult && !disabled && onClick(option); } }),
+    return (react_1.default.createElement(styled_1.StyledOption, { disabled: disabled, rightWrongResult: rightWrongResult, isSelected: isSelected, invert: invert, S: S, onClick: function () { return !rightWrongResult && !disabled && onClick(option); } },
         rightWrongResult
             ? ["markCorrect", "revealCorrect"].includes(markingCommand)
                 ? genCheckCircle()

package/dist/components/RadioAndCheckbox/comps/RadioList/index.js

@@ -76,18 +76,18 @@ function RadioList(_a) {
         react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, _EXPORTS_1.getBlockLabelProps)(props))),
         readOnly ? ((value === null || value === void 0 ? void 0 : value.display) && react_1.default.createElement(Tags_1.TagDisplay, { display: value.display_desc || value.display, invert: invert }) //prioritzing display_desc since display of 'other' option is === other
         ) : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(styled_1.StyledOptionsContainer, __assign({}, { listType: listType, S: S }), typicalOptions === null || typicalOptions === void 0 ? void 0 :
-                typicalOptions.map(function (option, idx) { return idx < optionsLimit && (react_1.default.createElement(comps_1.RadioInput, __assign({}, __assign(__assign({}, InputCommonProps), { option: option, key: option.value })))); }),
+            react_1.default.createElement(styled_1.StyledOptionsContainer, { listType: listType, S: S }, typicalOptions === null || typicalOptions === void 0 ? void 0 :
+                typicalOptions.map(function (option, idx) { return idx < optionsLimit && (react_1.default.createElement(comps_1.RadioInput, __assign({}, InputCommonProps, { option: option, key: option.value }))); }),
                 shouldHideSomeOptions && // if we have the case of off limit options
                     (seeMore || rightWrongResult) && //and decided to show them
                     typicalOptions.slice(optionsLimit).map(function (option) {
-                        return react_1.default.createElement(comps_1.RadioInput, __assign({}, __assign(__assign({}, InputCommonProps), { option: option, key: option.value })));
+                        return react_1.default.createElement(comps_1.RadioInput, __assign({}, InputCommonProps, { option: option, key: option.value }));
                     }),
                 injectOtherOption && injectedOtherOption && ( //so other box and its textInput act as one entity in the flexbox
                 react_1.default.createElement(styled_1.StyledOtherOptionContainer, { listType: listType },
-                    react_1.default.createElement(comps_1.RadioInput, __assign({}, __assign(__assign({}, InputCommonProps), { option: injectedOtherOption }))),
-                    (value === null || value === void 0 ? void 0 : value.value) === "other" && (react_1.default.createElement(styled_1.StyledOtherTextInputWrapper, __assign({}, { listType: listType, rightWrongResult: rightWrongResult }),
-                        react_1.default.createElement(TextInputs_1.TextInput, __assign({ placeholder: "Please Specify Here", value: value.display_desc, onChange: function (k, v) { return handleTextInputChange(v); } }, { disabled: disabled, invert: invert, S: S }))))))),
+                    react_1.default.createElement(comps_1.RadioInput, __assign({}, InputCommonProps, { option: injectedOtherOption })),
+                    (value === null || value === void 0 ? void 0 : value.value) === "other" && (react_1.default.createElement(styled_1.StyledOtherTextInputWrapper, { listType: listType, rightWrongResult: rightWrongResult },
+                        react_1.default.createElement(TextInputs_1.TextInput, { placeholder: "Please Specify Here", value: value.display_desc, onChange: function (k, v) { return handleTextInputChange(v); }, disabled: disabled, invert: invert, S: S })))))),
             shouldHideSomeOptions && !rightWrongResult && (react_1.default.createElement(Buttons_1.ButtonGhost, { onClick: function () { return setSeeMore(!seeMore); }, value: !seeMore ? 'See More' : 'See Less', style: { marginTop: 10 } })),
             /*
             the minute the results have come in, irrespective of user's answer

package/dist/components/ResourceInput/comp/ResourceDisplayBlock.d.ts

@@ -5,4 +5,4 @@ export function ResourceDisplayBlock({ resources: _resources, filesLength, uploa
     removeResource: any;
     invert: any;
 }): React.JSX.Element;
-import React from "react";
+import React from 'react';

package/dist/components/ResourceInput/index.d.ts

@@ -1,2 +1,2 @@
 export function ResourceInput(props: any): React.JSX.Element;
-import React from "react";
+import React from 'react';

package/dist/components/SimpleTable/index.js

@@ -111,7 +111,7 @@ function SimpleTable(_a) {
         setColWidthConfig: function (setterFn) {
             var newColWidthConfig = setterFn(value.colWidthConfig);
             onChange(id, __assign(__assign({}, value), { colWidthConfig: newColWidthConfig }));
-        },
+        }, // here we are replicating the setState(prev => do something) behaviour
         colWidthConfig: value.colWidthConfig,
         theme: theme,
     }), resetColResizeState = _f.resetColResizeState, hideShowDragZoneIndicator = _f.hideShowDragZoneIndicator, initColResizeState = _f.initColResizeState, resetDragZoneIndicator = _f.resetDragZoneIndicator, handleResizeColumn = _f.handleResizeColumn, colResizeState = _f.colResizeState, dragZoneWidth = _f.dragZoneWidth;
@@ -212,32 +212,15 @@ function SimpleTable(_a) {
                     borderStyleActive: "2px solid ".concat((0, utilsOolib_1.getPrimaryColor100)(theme === null || theme === void 0 ? void 0 : theme.colors))
                 } : {}))); }
             } : {}), { tabIndex: 0 }),
-            react_1.default.createElement(ColActionsMenu_1.ColActionsMenu, __assign({}, {
-                value: value,
-                colIdx: cellIdx,
-                onChange: onChange,
-                id: id,
-                defaultColWidth: defaultColWidth,
-                setActionsActiveOnCol: setActionsActiveOnCol,
-                colActionsButtonHeight: colActionsButtonHeight,
-                conditionsToRender: !readOnly &&
+            react_1.default.createElement(ColActionsMenu_1.ColActionsMenu, { value: value, colIdx: cellIdx, onChange: onChange, id: id, defaultColWidth: defaultColWidth, setActionsActiveOnCol: setActionsActiveOnCol, colActionsButtonHeight: colActionsButtonHeight, conditionsToRender: !readOnly &&
                     enableColActions &&
                     rowIdx === 0 &&
-                    hoveredRowAndCol.colIdx === cellIdx,
-            })),
-            react_1.default.createElement(RowActionsMenu_1.RowActionsMenu, __assign({}, {
-                value: value,
-                rowIdx: rowIdx,
-                onChange: onChange,
-                id: id,
-                setActionsActiveOnRow: setActionsActiveOnRow,
-                rowActionsButtonWidth: rowActionsButtonWidth,
-                conditionsToRender: !readOnly &&
+                    hoveredRowAndCol.colIdx === cellIdx }),
+            react_1.default.createElement(RowActionsMenu_1.RowActionsMenu, { value: value, rowIdx: rowIdx, onChange: onChange, id: id, setActionsActiveOnRow: setActionsActiveOnRow, rowActionsButtonWidth: rowActionsButtonWidth, conditionsToRender: !readOnly &&
                     enableRowActions &&
                     cellIdx === 0 &&
                     rowIdx !== undefined && //cuz for fixed col headers, rowIdx is undefined
-                    hoveredRowAndCol.rowIdx === rowIdx,
-            })),
+                    hoveredRowAndCol.rowIdx === rowIdx }),
             react_1.default.createElement("div", { style: { marginRight: dragZoneWidth + "px" } },
                 react_1.default.createElement(CellComp, __assign({}, cellProps, { id: "kp_table_cell__".concat(cell.id, "__rich_input") /*dont mess with this id nomenclature. it needs to stay this way. check out the handleCellInputChange fn to understand */, value: cellValue, readOnly: readOnly || cell.readOnly, onChange: function (k, v) {
                         return handleCellInputChange({ v: v, rowIdx: rowIdx, cellIdx: cellIdx });

package/dist/components/SimpleTable/utils/convertColHeaderConfigToRowData.js

@@ -7,7 +7,7 @@ var convertColHeaderConfigToRowData = function (_a) {
         id: "colHeader",
         isColHeader: true,
         cellData: colHeaderData.map(function (d, i) { return ({
-            value: convertToRichText ? convertToRichText(d) : d,
+            value: convertToRichText ? convertToRichText(d) : d, //draftjs data shape
             readOnly: true,
             id: "colHeaderCell_".concat(i),
         }); }),

package/dist/components/SimpleTable/utils/convertRowHeaderConfigToCellData.js

@@ -4,7 +4,7 @@ exports.convertRowHeaderConfigToCellData = void 0;
 var convertRowHeaderConfigToCellData = function (_a) {
     var rowHeaderData = _a.rowHeaderData, rowIdx = _a.rowIdx, convertToRichText = _a.convertToRichText;
     return ({
-        value: convertToRichText ? convertToRichText(rowHeaderData[rowIdx]) : rowHeaderData[rowIdx],
+        value: convertToRichText ? convertToRichText(rowHeaderData[rowIdx]) : rowHeaderData[rowIdx], //draftjs data shape
         readOnly: true,
         id: "rowHeaderCell_".concat(rowIdx),
         isRowHeader: true

package/dist/components/SimpleTable/utils/prepInitValueFromConfigIfNoValue.js

@@ -48,8 +48,8 @@ var prepInitValueFromConfigIfNoValue = function (_a) {
             };
     return {
         value: value,
-        enableColActions: config.colHeaderData ? false : true,
-        enableRowActions: config.rowHeaderData ? false : true,
+        enableColActions: config.colHeaderData ? false : true, // meaning if config.colHeaderData is defined, then no actions are possible on col
+        enableRowActions: config.rowHeaderData ? false : true, // meaning if config.rowHeaderData is defined, then no actions are possible on row
         canToggleColHeaderStyle: !!!config.colHeaderData, // meaning its true if no config.colHeaderData is defined. else false
     };
 };

package/dist/components/Switches/index.js

@@ -41,19 +41,13 @@ function SwitchDouble(_a) {
     return (react_1.default.createElement("div", null,
         react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, _EXPORTS_1.getBlockLabelProps)(props))),
         react_1.default.createElement(styled_1.StyledSwitchWrapperStyle1, null,
-            react_1.default.createElement(styled_1.STYLED_SANS_3, __assign({}, {
-                lineHeight: 1,
-                semibold: isLeftOptionActive ? true : false,
-                invert: invert,
-            }), options[0].display),
+            react_1.default.createElement(styled_1.STYLED_SANS_3, { lineHeight: 1,
+                semibold: isLeftOptionActive ? true : false, invert: invert }, options[0].display),
             react_1.default.createElement(styled_1.StyledButtonSlider, { invert: invert, disabled: disabled, onClick: handleClick },
                 react_1.default.createElement(styled_1.StyledSwitch, { className: "StyledSwitch" //read in styled.js why we are using an okf-anti-pattern
                     , invert: invert, disabled: disabled, direction: isLeftOptionActive ? "left" : "right" })),
-            react_1.default.createElement(styled_1.STYLED_SANS_3, __assign({}, {
-                invert: invert,
-                semibold: isLeftOptionActive ? false : true,
-                lineHeight: 1,
-            }), options[1].display))));
+            react_1.default.createElement(styled_1.STYLED_SANS_3, { invert: invert, semibold: isLeftOptionActive ? false : true,
+                lineHeight: 1 }, options[1].display))));
 }
 exports.SwitchDouble = SwitchDouble;
 function SwitchSingle(_a) {
@@ -88,7 +82,7 @@ function SwitchSingle(_a) {
         //else
         return display; //cuz ofcourse its not optional, so no need to show optional label
     };
-    var genDisplayText = function () { return (react_1.default.createElement(styled_1.STYLED_SANS_3, __assign({}, { invert: invert, lineHeight: 1, semibold: isInactive ? false : true }), injectOptionalLabelIntoDisplayText({
+    var genDisplayText = function () { return (react_1.default.createElement(styled_1.STYLED_SANS_3, { invert: invert, lineHeight: 1, semibold: isInactive ? false : true }, injectOptionalLabelIntoDisplayText({
         display: option.display,
         label: props.label,
         isRequired: props.isRequired

package/dist/components/Tags/index.d.ts

@@ -39,4 +39,4 @@ export function TagLink({ display, to, invert, M, XS, variant, color }: {
     variant?: string;
     color: any;
 }): React.JSX.Element;
-import React from "react";
+import React from 'react';

package/dist/components/Tags/index.styled.d.ts

@@ -1,7 +1,7 @@
 export const STYLED_ELLIPSIS_SANS_2: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../Typo").TypoCompProps>, any, {}, never>;
 export const STYLED_ELLIPSIS_SANS_3: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../Typo").TypoCompProps>, any, {}, never>;
 export const StyledTagClearIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledLink: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+export const StyledLink: import("styled-components").StyledComponent<any, any, any, any>;
 export const StyledTagDisplay: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledTagClear: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledTagSelect: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/TimePicker/styled.d.ts

@@ -1,6 +1,6 @@
 export const StyledTimeInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledTimeInput: import("styled-components").StyledComponent<"input", any, {}, never>;
 export const StyledDropDown: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledMotionDiv: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+export const StyledMotionDiv: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
 export const StyledDropDownList: import("styled-components").StyledComponent<"ul", any, {}, never>;
 export const StyledListItem: import("styled-components").StyledComponent<"li", any, {}, never>;

package/dist/components/Tooltip/index.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-interface TooltipProps {
+export interface TooltipProps {
     text: string;
     position?: 'top' | 'bottom' | 'left' | 'right';
     style?: React.CSSProperties;
-    children: React.ReactNode;
+    children?: React.ReactNode;
     popOutOfOverflowHiddenParent?: boolean;
     invert?: boolean;
     debug?: boolean;
@@ -24,4 +24,3 @@ interface TooltipProps {
  * @return {ReactElement} The rendered tooltip component.
  */
 export declare const Tooltip: React.FunctionComponent<TooltipProps>;
-export {};

package/dist/components/Typo/index.js

@@ -61,7 +61,7 @@ var GenComp = function (_a) {
     var localize = (0, utilsOolib_1.useLocale)();
     var invert = props.invert, value = props.value, suffix = props.suffix, color = props.color, children = props.children, theme = props.theme, style = props.style, className = props.className, restProps = __rest(props, ["invert", "value", "suffix", "color", "children", "theme", "style", "className"]);
     var displayText = children || value;
-    var localText = localize(displayText);
+    var localText = localize(displayText === null || displayText === void 0 ? void 0 : displayText.toString());
     return (react_1.default.createElement(Comp, __assign({}, genFontStylingProps(restProps), { color: color, className: className, style: style, invert: invert }),
         localText,
         " ",

package/dist/components/VideoInput/comps/VideoActionMenu.d.ts

@@ -8,4 +8,4 @@ export function VideoActionMenu({ id, isInRTE, value, inputRef, setShowEmbedLink
     isUploadedVideo: any;
     invert: any;
 }): React.JSX.Element;
-import React from "react";
+import React from 'react';

package/dist/components/VideoInput/index.d.ts

@@ -15,4 +15,4 @@ declare function VideoInput({ id, label, sublabel, isRequired, value: _value, on
     width: any;
     height: any;
 }): React.JSX.Element;
-import React from "react";
+import React from 'react';

package/dist/components/VideoInput/index.js

@@ -1,15 +1,4 @@
 "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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -116,7 +105,7 @@ function VideoInput(_a) {
                             url.split("&list=")[0].match(regex)[1];
                 }
                 return (react_1.default.createElement(styled_1.StyledVideoEmbedPreviewSection, { style: { height: height } },
-                    actionMenuButton && react_1.default.createElement(VideoActionMenu_1.VideoActionMenu, __assign({}, { isInRTE: isInRTE, value: value, inputRef: inputRef, setShowEmbedLinkModal: setShowEmbedLinkModal, onChange: onChange, isUploadedVideo: isUploadedVideo, invert: invert, id: id })),
+                    actionMenuButton && react_1.default.createElement(VideoActionMenu_1.VideoActionMenu, { isInRTE: isInRTE, value: value, inputRef: inputRef, setShowEmbedLinkModal: setShowEmbedLinkModal, onChange: onChange, isUploadedVideo: isUploadedVideo, invert: invert, id: id }),
                     react_1.default.createElement(react_player_1.default, { id: "outVideo", url: url, controls: true, width: width || "100%", height: height, light: lightPlayer, style: { overflow: "hidden" } })));
         }
     };
@@ -130,15 +119,7 @@ function VideoInput(_a) {
                         enableVideoUpload && (react_1.default.createElement(react_1.default.Fragment, null,
                             react_1.default.createElement(Typo_1.SANS_2, { semibold: true, color: invert ? themes_1.colors.white_opacity60 : themes_1.colors.greyColor80 }, "OR"),
                             react_1.default.createElement(Buttons_1.ButtonSecondary, { onClick: function () { return inputRef.current.click(); }, value: "Upload A Video", icon: "UploadSimple", invert: invert, id: "videoField" }))))),
-        showEmbedLinkModal && (react_1.default.createElement(EmbedLinkModal_1.EmbedLinkModal, __assign({}, {
-            setShowEmbedLinkModal: setShowEmbedLinkModal,
-            value: value,
-            createVideoPreview: createVideoPreview,
-            canPlay: canPlay,
-            onChange: onChange,
-            id: id,
-            invert: invert
-        }))),
+        showEmbedLinkModal && (react_1.default.createElement(EmbedLinkModal_1.EmbedLinkModal, { setShowEmbedLinkModal: setShowEmbedLinkModal, value: value, createVideoPreview: createVideoPreview, canPlay: canPlay, onChange: onChange, id: id, invert: invert })),
         react_1.default.createElement("input", { type: "file" // When user clicks on upload new video from action menu inputRef.current.click() this does not work for upload button. this approch deals with that issue.
             , accept: "video/*", ref: inputRef, style: { display: "none" }, id: "videoField", onChange: function (v) { return handleUpload(v.target.files); } })));
 }

package/dist/components/Wrappers/WrapperCardGrid.d.ts

@@ -0,0 +1,2 @@
+export function WrapperCardGrid(props: any): React.JSX.Element;
+import React from "react";

package/dist/components/Wrappers/WrapperCardGrid.js

@@ -0,0 +1,19 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WrapperCardGrid = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var StyledWrapperCardGrid = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));\n  grid-template-rows: auto;\n  grid-row-gap: 2rem;\n  grid-column-gap: 2rem;\n"], ["\n  width: 100%;\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));\n  grid-template-rows: auto;\n  grid-row-gap: 2rem;\n  grid-column-gap: 2rem;\n"])));
+var WrapperCardGrid = function (props) {
+    var style = props.style, className = props.className, children = props.children, id = props.id;
+    return (react_1.default.createElement(StyledWrapperCardGrid, { id: id, style: style, className: className }, children));
+};
+exports.WrapperCardGrid = WrapperCardGrid;
+var templateObject_1;

package/dist/components/Wrappers/index.d.ts

@@ -6,4 +6,4 @@ export function Wrapper800(props: any): React.JSX.Element;
 export function Wrapper820(props: any): React.JSX.Element;
 export function Wrapper700(props: any): React.JSX.Element;
 export function Wrapper650(props: any): React.JSX.Element;
-import React from "react";
+import React from 'react';

package/dist/components/Wrappers/index.js

@@ -20,7 +20,7 @@ var index_styled_1 = require("./index.styled");
 var Wrapper = function (_a) {
     var style = _a.style, children = _a.children, className = _a.className, maxWidth = _a.maxWidth, left = _a.left, align = _a.align;
     align = align || (left ? 'left' : 'center');
-    return (react_1.default.createElement(index_styled_1.StyledWrapper, __assign({}, { maxWidth: maxWidth, align: align }, { className: className || "", style: style }), children));
+    return (react_1.default.createElement(index_styled_1.StyledWrapper, { maxWidth: maxWidth, align: align, className: className || "", style: style }, children));
 };
 var Wrapper1500 = function (props) { return react_1.default.createElement(Wrapper, __assign({}, props, { maxWidth: 1500 })); };
 exports.Wrapper1500 = Wrapper1500;

package/dist/components/cards/ListProfile/styled.d.ts

@@ -0,0 +1,7 @@
+export const StyledListProfileWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledProfile: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledContentModule1: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledListTitle: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../../Typo").TypoCompProps>, any, {}, never>;
+export const StyledLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledMeta: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledContentModule2: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/cards/ListProfile/styled.js

@@ -0,0 +1,23 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledContentModule2 = exports.StyledMeta = exports.StyledLabel = exports.StyledListTitle = exports.StyledContentModule1 = exports.StyledProfile = exports.StyledListProfileWrapper = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+var styled_1 = require("../styled");
+var themes_1 = require("../../../themes");
+var Typo_1 = require("../../Typo");
+var greyColor15 = themes_1.colors.greyColor15;
+exports.StyledListProfileWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    width: 100%;\n    padding-bottom: 2rem;\n    :hover {\n        ", ";\n    }\n"], ["\n    width: 100%;\n    padding-bottom: 2rem;\n    :hover {\n        ", ";\n    }\n"])), styled_1.CSSTitleAnimationOnHover);
+exports.StyledProfile = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: flex;\n    justify-content: space-between;\n    cursor: pointer;\n    align-items: center;\n    border-top: 1px solid ", ";\n    padding-top: 2rem;\n"], ["\n    display: flex;\n    justify-content: space-between;\n    cursor: pointer;\n    align-items: center;\n    border-top: 1px solid ", ";\n    padding-top: 2rem;\n"])), greyColor15);
+exports.StyledContentModule1 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    width: 75%;\n    height: 100%;     \n"], ["\n    width: 75%;\n    height: 100%;     \n"])));
+exports.StyledListTitle = (0, styled_components_1.default)(Typo_1.SERIF_5_6)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n\n"], ["\n\n"])));
+exports.StyledLabel = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    margin-top: .5rem;\n"], ["\n    margin-top: .5rem;\n"])));
+exports.StyledMeta = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    /* margin-top: .5rem; */\n"], ["\n    /* margin-top: .5rem; */\n"])));
+exports.StyledContentModule2 = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 1rem;\n"], ["\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 1rem;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/dist/components/cards/utils/parseCardConfig.js

@@ -26,7 +26,7 @@ var parseCardConfig = function (_a) {
         video: video,
         image: image,
         imageAspectRatio: imageAspectRatio,
-        metaBlock: (_d = config.metaBlock) === null || _d === void 0 ? void 0 : _d.slice(0, 2),
+        metaBlock: (_d = config.metaBlock) === null || _d === void 0 ? void 0 : _d.slice(0, 2), //metablock in cards doesnt accept more than 2 configs
         tagDisplay: tagDisplay,
     };
 };

package/dist/d3Modules/index.d.ts

@@ -16,6 +16,7 @@ declare namespace _default {
     export { max };
     export { bisector };
     export { mouse };
+    export const event: any;
     export { axisBottom };
     export { axisLeft };
     export { axisRight };

package/dist/d3Modules/index.js

@@ -32,7 +32,7 @@ exports.default = {
     max: d3_array_1.max,
     bisector: d3_array_1.bisector,
     mouse: d3_selection_1.mouse,
-    get event() { return d3_selection_1.event; },
+    get event() { return d3_selection_1.event; }, //read here for explanation of this wierdness: https://stackoverflow.com/questions/40012016/importing-d3-event-into-a-custom-build-using-rollup/40048292#40048292
     axisBottom: d3_axis_1.axisBottom,
     axisLeft: d3_axis_1.axisLeft,
     axisRight: d3_axis_1.axisRight,

package/dist/icons/custom/index.d.ts

@@ -62,3 +62,4 @@ export declare const IndonesiaFlag: (props: any) => React.JSX.Element;
 export declare const ChileFlag: (props: any) => React.JSX.Element;
 export declare const PakistanFlag: (props: any) => React.JSX.Element;
 export declare const SpainFlag: (props: any) => React.JSX.Element;
+export declare const Stars: (props: any) => React.JSX.Element;

package/dist/icons/custom/index.js

@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.USAFlag = exports.UKFlag = exports.MalaysiaFlag = exports.ColombiaFlag = exports.BrazilFlag = exports.AudioEmbedIcon = exports.VideoEmbedIcon = exports.Attachment2 = exports.PDFIcon = exports.RichFormatToolOrderedList = exports.RichFormatToolUnorderedList = exports.RichFormatToolH2 = exports.RichFormatToolBlockquote = exports.LinkIcon = exports.UnderlineBtn = exports.ItalicBtn = exports.BoldBtn = exports.SettingsSM = exports.Close_S = exports.UploadImage = exports.KebabMenu = exports.Website_solid_SM = exports.Phone_solid_SM = exports.Mail_solid_SM = exports.Youtube_solid_SM = exports.Instagram_solid_SM = exports.Twitter_solid_SM = exports.Linkedin_solid_SM = exports.Facebook_solid_SM = exports.EditSM = exports.AddXS = exports.UploadSM = exports.Download = exports.Download__nofill = exports.Index = exports.Person14 = exports.Location14 = exports.ModalBulbIcon = exports.KenyaFlag = exports.NigeriaFlag = exports.IndiaFlag = exports.BadgeVetted = exports.BadgeMod = exports.BadgeSuperAdmin = exports.BadgeAdmin = exports.OkeGoogleIcon = exports.LetterH = exports.LanguageIcon = exports.MultipleImages = exports.IndexIcon = void 0;
-exports.SpainFlag = exports.PakistanFlag = exports.ChileFlag = exports.IndonesiaFlag = void 0;
+exports.Stars = exports.SpainFlag = exports.PakistanFlag = exports.ChileFlag = exports.IndonesiaFlag = void 0;
 var react_1 = __importDefault(require("react"));
 var themes_1 = require("../../themes");
 var DisplayIcon_1 = require("../../utils/comps/DisplayIcon");
@@ -424,3 +424,8 @@ var SpainFlag = function (props) {
         react_1.default.createElement("path", { fill: "#66757F", d: "M6 22h3v1H6zm9 0h3v1h-3zm-8-7h1v1H7zm9 0h1v1h-1z" })));
 };
 exports.SpainFlag = SpainFlag;
+var Stars = function (props) {
+    return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 22 22", width: props.size || 30, height: props.size || 30, fill: "none" },
+        react_1.default.createElement("path", { fill: "#000", d: "M17.027 11.35 12.19 9.562l-1.78-4.84a1.493 1.493 0 0 0-2.802 0l-1.793 4.84-4.84 1.78a1.492 1.492 0 0 0 0 2.802l4.84 1.793 1.782 4.839a1.493 1.493 0 0 0 2.8 0l1.793-4.84 4.84-1.78a1.492 1.492 0 0 0 0-2.802l-.004-.006Zm-5.68 3.296a.75.75 0 0 0-.444.444l-1.9 5.146-1.895-5.142a.75.75 0 0 0-.448-.448L1.518 12.75l5.142-1.896a.75.75 0 0 0 .448-.448l1.896-5.142 1.895 5.142a.75.75 0 0 0 .445.445l5.146 1.899-5.142 1.896ZM12.005 3a.75.75 0 0 1 .75-.75h1.5V.75a.75.75 0 1 1 1.5 0v1.5h1.5a.75.75 0 1 1 0 1.5h-1.5v1.5a.75.75 0 1 1-1.5 0v-1.5h-1.5a.75.75 0 0 1-.75-.75Zm9.75 4.5a.75.75 0 0 1-.75.75h-.75V9a.75.75 0 1 1-1.5 0v-.75h-.75a.75.75 0 1 1 0-1.5h.75V6a.75.75 0 1 1 1.5 0v.75h.75a.75.75 0 0 1 .75.75Z" })));
+};
+exports.Stars = Stars;