oolib 2.212.0 → 2.213.1

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

@@ -46,21 +46,6 @@ export declare const ButtonPrimary: React.FunctionComponent<ButtonProps>;
 export declare const ButtonSecondary: React.FunctionComponent<ButtonProps>;
 export declare const ButtonCustom: React.FunctionComponent<ButtonProps>;
 export declare const ButtonGhost: React.FunctionComponent<ButtonProps>;
-interface UploadButtonProps {
-    mutilple?: boolean;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    variant?: string;
-    id?: string;
-    accept?: string;
-    [key: string]: any;
-}
-/**
- * Renders an upload button component.
- *
- * @param {UploadButtonProps} props - The props for the upload button component.
- * @return {React.ReactNode} The rendered upload button component.
- */
-export declare const UploadButton: React.FunctionComponent<UploadButtonProps>;
 export interface GoogleLoginProps {
     theme?: string;
     S?: boolean;
@@ -88,4 +73,3 @@ export interface GoogleLoginProps {
  * @return {React.ReactNode} The rendered Google login button component.
  */
 export declare const GoogleLogin: React.FunctionComponent<GoogleLoginProps>;
-export {};

package/dist/components/Buttons/index.js

@@ -10,42 +10,12 @@ var __assign = (this && this.__assign) || function () {
     };
     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);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.GoogleLogin = exports.UploadButton = exports.ButtonGhost = exports.ButtonCustom = exports.ButtonSecondary = exports.ButtonPrimary = void 0;
-var react_1 = __importStar(require("react"));
+exports.GoogleLogin = exports.ButtonGhost = exports.ButtonCustom = exports.ButtonSecondary = exports.ButtonPrimary = void 0;
+var react_1 = __importDefault(require("react"));
 var styled_1 = require("./styled");
 var react_router_dom_1 = require("react-router-dom");
 var lodash_1 = require("lodash");
@@ -111,24 +81,6 @@ var ButtonCustom = function (props) { return (react_1.default.createElement(Butt
 exports.ButtonCustom = ButtonCustom;
 var ButtonGhost = function (props) { return (react_1.default.createElement(Button, { props: props, variant: "ghost" })); };
 exports.ButtonGhost = ButtonGhost;
-/**
- * Renders an upload button component.
- *
- * @param {UploadButtonProps} props - The props for the upload button component.
- * @return {React.ReactNode} The rendered upload button component.
- */
-var UploadButton = function (props) {
-    var inputRef = (0, react_1.useRef)(null);
-    var mutilple = props.mutilple, onChange = props.onChange, variant = props.variant, id = props.id, accept = props.accept;
-    var handleFileUpload = function () {
-        var _a;
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
-    };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("input", { id: id, ref: inputRef, type: "file", accept: accept, multiple: mutilple, onChange: onChange, style: { display: "none" } }),
-        react_1.default.createElement(ButtonStyledWrapper, { props: __assign(__assign({}, props), { onClick: handleFileUpload }), variant: variant || "secondary" })));
-};
-exports.UploadButton = UploadButton;
 /**
  * Renders a Google login button component.
  *

package/dist/icons/custom/index.js

@@ -34,18 +34,18 @@ var yellow = themes_1.colors.yellow, greyColor100 = themes_1.colors.greyColor100
 var IndexIcon = function (_a) {
     var _b = _a.color, color = _b === void 0 ? greyColor100 : _b, _c = _a.size, size = _c === void 0 ? 24 : _c;
     return (react_1.default.createElement("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-        react_1.default.createElement("path", { d: "M2.34375 7.5H12.6562", stroke: "#383838", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }),
-        react_1.default.createElement("path", { d: "M2.34375 3.75H12.6562", stroke: "#383838", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }),
-        react_1.default.createElement("path", { d: "M2.34375 11.25H8.90625", stroke: "#383838", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+        react_1.default.createElement("path", { d: "M2.34375 7.5H12.6562", stroke: "#000000CC", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+        react_1.default.createElement("path", { d: "M2.34375 3.75H12.6562", stroke: "#000000CC", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+        react_1.default.createElement("path", { d: "M2.34375 11.25H8.90625", stroke: "#000000CC", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
 };
 exports.IndexIcon = IndexIcon;
 var MultipleImages = function (props) { return (react_1.default.createElement("svg", { width: "21", height: "20", viewBox: "0 0 21 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    react_1.default.createElement("path", { d: "M8.33325 16.8333H15.3124C15.6001 16.8333 15.8333 16.5807 15.8333 16.2691V6.56423C15.8333 6.25262 15.6001 6 15.3124 6H3.85409C3.56644 6 3.33325 6.25262 3.33325 6.56423V11.8333", stroke: "#383838", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
-    react_1.default.createElement("path", { d: "M16.3801 15.1667H17.8124C18.1001 15.1667 18.3333 14.8946 18.3333 14.559V4.10764C18.3333 3.77205 18.1001 3.5 17.8124 3.5H6.35409C6.06644 3.5 5.83325 3.77205 5.83325 4.10764V5.58333", stroke: "#383838", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
-    react_1.default.createElement("path", { d: "M3.33325 11.8333L6.20167 9.7499C6.25924 9.69488 6.32786 9.65118 6.40353 9.62136C6.47921 9.59153 6.56043 9.57617 6.64248 9.57617C6.72452 9.57617 6.80574 9.59153 6.88142 9.62136C6.9571 9.65118 7.02571 9.69488 7.08328 9.7499L10.4423 12.7536C10.4999 12.8086 10.5685 12.8523 10.6442 12.8821C10.7199 12.912 10.8011 12.9273 10.8831 12.9273C10.9652 12.9273 11.0464 12.912 11.1221 12.8821C11.1977 12.8523 11.2664 12.8086 11.3239 12.7536L12.917 11.254C12.9746 11.199 13.0432 11.1553 13.1189 11.1255C13.1946 11.0956 13.2758 11.0803 13.3578 11.0803C13.4399 11.0803 13.5211 11.0956 13.5968 11.1255C13.6724 11.1553 13.7411 11.199 13.7986 11.254L15.6279 13.0833", stroke: "#383838", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
-    react_1.default.createElement("path", { d: "M11.8547 9.33341C12.3101 9.33341 12.6793 8.96032 12.6793 8.50008C12.6793 8.03984 12.3101 7.66675 11.8547 7.66675C11.3992 7.66675 11.03 8.03984 11.03 8.50008C11.03 8.96032 11.3992 9.33341 11.8547 9.33341Z", fill: "#383838" }),
-    react_1.default.createElement("path", { d: "M4 14L4 19", stroke: "#383838", "stroke-width": "1.34998", "stroke-linecap": "round" }),
-    react_1.default.createElement("path", { d: "M1.5 16.5H6.5", stroke: "#383838", "stroke-width": "1.34998", "stroke-linecap": "round" }))); };
+    react_1.default.createElement("path", { d: "M8.33325 16.8333H15.3124C15.6001 16.8333 15.8333 16.5807 15.8333 16.2691V6.56423C15.8333 6.25262 15.6001 6 15.3124 6H3.85409C3.56644 6 3.33325 6.25262 3.33325 6.56423V11.8333", stroke: "#000000CC", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+    react_1.default.createElement("path", { d: "M16.3801 15.1667H17.8124C18.1001 15.1667 18.3333 14.8946 18.3333 14.559V4.10764C18.3333 3.77205 18.1001 3.5 17.8124 3.5H6.35409C6.06644 3.5 5.83325 3.77205 5.83325 4.10764V5.58333", stroke: "#000000CC", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+    react_1.default.createElement("path", { d: "M3.33325 11.8333L6.20167 9.7499C6.25924 9.69488 6.32786 9.65118 6.40353 9.62136C6.47921 9.59153 6.56043 9.57617 6.64248 9.57617C6.72452 9.57617 6.80574 9.59153 6.88142 9.62136C6.9571 9.65118 7.02571 9.69488 7.08328 9.7499L10.4423 12.7536C10.4999 12.8086 10.5685 12.8523 10.6442 12.8821C10.7199 12.912 10.8011 12.9273 10.8831 12.9273C10.9652 12.9273 11.0464 12.912 11.1221 12.8821C11.1977 12.8523 11.2664 12.8086 11.3239 12.7536L12.917 11.254C12.9746 11.199 13.0432 11.1553 13.1189 11.1255C13.1946 11.0956 13.2758 11.0803 13.3578 11.0803C13.4399 11.0803 13.5211 11.0956 13.5968 11.1255C13.6724 11.1553 13.7411 11.199 13.7986 11.254L15.6279 13.0833", stroke: "#000000CC", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+    react_1.default.createElement("path", { d: "M11.8547 9.33341C12.3101 9.33341 12.6793 8.96032 12.6793 8.50008C12.6793 8.03984 12.3101 7.66675 11.8547 7.66675C11.3992 7.66675 11.03 8.03984 11.03 8.50008C11.03 8.96032 11.3992 9.33341 11.8547 9.33341Z", fill: "#000000CC" }),
+    react_1.default.createElement("path", { d: "M4 14L4 19", stroke: "#000000CC", "stroke-width": "1.34998", "stroke-linecap": "round" }),
+    react_1.default.createElement("path", { d: "M1.5 16.5H6.5", stroke: "#000000CC", "stroke-width": "1.34998", "stroke-linecap": "round" }))); };
 exports.MultipleImages = MultipleImages;
 var LanguageIcon = function (_a) {
     var _b = _a.color, color = _b === void 0 ? greyColor100 : _b, _c = _a.size, size = _c === void 0 ? 20 : _c;

package/dist/stories/Oolib/components/Button.stories.d.ts

@@ -191,17 +191,6 @@ export namespace Google_Login {
     }
     export { parameters_5 as parameters };
 }
-export function Upload_Button(args: any): React.JSX.Element;
-export namespace Upload_Button {
-    export namespace parameters_6 {
-        export namespace controls_5 {
-            let exclude_5: string[];
-            export { exclude_5 as exclude };
-        }
-        export { controls_5 as controls };
-    }
-    export { parameters_6 as parameters };
-}
 declare const availableIcons: string[];
 declare const availableColors: string[];
 import ButtonDocs from "./Buttons.mdx";

package/dist/stories/Oolib/components/Button.stories.js

@@ -23,7 +23,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Upload_Button = exports.Google_Login = exports.Button_Custom = exports.Button_Ghost = exports.Button_Secondary = exports.Button_Primary = void 0;
+exports.Google_Login = exports.Button_Custom = exports.Button_Ghost = exports.Button_Secondary = exports.Button_Primary = void 0;
 var react_1 = __importDefault(require("react"));
 var Buttons_1 = require("../../../components/Buttons");
 var Buttons_mdx_1 = __importDefault(require("./Buttons.mdx"));
@@ -159,6 +159,3 @@ exports.Google_Login = Google_Login;
 exports.Google_Login.parameters = {
     controls: { exclude: ["variant", "color", "iconOnly", "icon + text"] },
 };
-var Upload_Button = function (args) { return (react_1.default.createElement(GenButtonStory, { args: __assign(__assign({}, args), { children: "Upload" }), Comp: Buttons_1.UploadButton })); };
-exports.Upload_Button = Upload_Button;
-exports.Upload_Button.parameters = { controls: { exclude: ["color"] } };

package/dist/stories/Oolib/components/TagsInput.stories.js

@@ -144,35 +144,3 @@ var TagsInput = function (args) {
                 react_1.default.createElement(DropdownMulti_1.DropdownMulti, __assign({ isTagsStyle: true }, args, { S: args.size == "S", options: dropdownOptions.map(function (op) { return (__assign(__assign({}, op), { desc: args.optionDescription, icon: !args.optionImage && args.optionIcon, image: args.optionImage })); }), value: val, onChange: function (k, v) { return setVal(v); }, tagColor: args.tagColor }))))));
 };
 exports.TagsInput = TagsInput;
-// export const Button_Primary = (args) => (
-//   <GenButtonStory args={args} Comp={ButtonPrimary} />
-// )
-// Button_Primary.parameters = { controls: { exclude: ['variant', 'color'] } }
-// export const Button_Secondary = (args) => (
-//   <GenButtonStory args={args} Comp={ButtonSecondary} />
-// )
-// Button_Secondary.parameters = { controls: { exclude: ['variant', 'color'] } }
-// Button_Secondary.args = {
-//   active: false,
-// }
-// export const Button_Ghost = (args) => (
-//   <GenButtonStory args={args} Comp={ButtonGhost} />
-// )
-// Button_Ghost.args = {
-//   active: false,
-// }
-// Button_Ghost.parameters = { controls: { exclude: ['variant'] } }
-// export const Button_Custom = (args) => (
-//   <GenButtonStory args={args} Comp={ButtonCustom} />
-// )
-// Button_Custom.parameters = { controls: { exclude: ['variant', 'color'] } }
-// export const Google_Login = (args) => (
-//   <GenButtonStory args={args} Comp={GoogleLogin} />
-// )
-// Google_Login.parameters = {
-//   controls: { exclude: ['variant', 'color', 'iconOnly', 'icon + text'] },
-// }
-// export const Upload_Button = (args) => (
-//   <GenButtonStory args={{ ...args, children: 'Upload' }} Comp={UploadButton} />
-// )
-// Upload_Button.parameters = { controls: { exclude: ['color'] } }

package/dist/v2/components/Buttons/styled.js

@@ -90,7 +90,7 @@ var variants = {
         var forceHover = _a.forceHover;
         return forceHover && (0, baseStyling_1.applyBlackOverlayOnHover)();
     }, (0, baseStyling_1.applyBlackOverlayOnHover)()),
-    tertiary: (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    background-color: transparent;\n    color: ", ";\n    /* border: 1px solid ", "; */\n    box-sizing: border-box;\n    outline: 1px solid ", ";\n    ", "\n\n    ", "\n\n    @media (hover: hover) {\n      &:hover {\n        ", "\n      }\n    }\n  "], ["\n    background-color: transparent;\n    color: ", ";\n    /* border: 1px solid ", "; */\n    box-sizing: border-box;\n    outline: 1px solid ", ";\n    ", "\n\n    ", "\n\n    @media (hover: hover) {\n      &:hover {\n        ", "\n      }\n    }\n  "])), grey80, colors_1.colors.grey10, grey10, function (_a) {
+    tertiary: (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    background-color: transparent;\n    color: ", ";\n    /* border: 1px solid ", "; */\n    box-sizing: border-box;\n    box-shadow: inset 0 0 0 1px ", ";\n    ", "\n\n    ", "\n\n    @media (hover: hover) {\n      &:hover {\n        ", "\n      }\n    }\n  "], ["\n    background-color: transparent;\n    color: ", ";\n    /* border: 1px solid ", "; */\n    box-sizing: border-box;\n    box-shadow: inset 0 0 0 1px ", ";\n    ", "\n\n    ", "\n\n    @media (hover: hover) {\n      &:hover {\n        ", "\n      }\n    }\n  "])), grey80, colors_1.colors.grey10, grey10, function (_a) {
         var disabled = _a.disabled;
         return disabled && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      color: ", ";\n      pointer-events: none;\n    "], ["\n      color: ", ";\n      pointer-events: none;\n    "])), grey40);
     }, function (_a) {

package/dist/v2/components/cards/ListContent/index.js

@@ -45,8 +45,8 @@ var ListContent = function (_a) {
         config: config,
         data: data,
         parseSpecialSyntax: parseSpecialSyntax,
-    }), cardLabel = _c.cardLabel, title = _c.title, description = _c.desc, video = _c.video, image = _c.image, metaBlock = _c.metaBlock;
-    var bothTagsDisplayTogether = cardLabel && statusTag;
+    }), cardLabel = _c.cardLabel, title = _c.title, description = _c.desc, video = _c.video, image = _c.image, metaBlock = _c.metaBlock, tagDisplay = _c.tagDisplay;
+    var bothTagsDisplayTogether = cardLabel && (statusTag || tagDisplay);
     var dontRenderRes = (0, dontRenderIfBothOnClickAndTo_1.dontRenderIfBothOnClickAndTo)({ onClick: onClick, to: to });
     if (dontRenderRes)
         return dontRenderRes;
@@ -61,9 +61,9 @@ var ListContent = function (_a) {
             react_1.default.createElement(styled_js_1.StyledListWrapper, null,
                 react_1.default.createElement(styled_js_1.StyledMainSection, null,
                     react_1.default.createElement("div", null,
-                        (cardLabel || statusTag) && (react_1.default.createElement(styled_js_1.StyledLabelAndStatusTagWrapper, { highlight: highlight, mediaConfigExists: mediaConfigExists },
+                        (cardLabel || (statusTag || tagDisplay)) && (react_1.default.createElement(styled_js_1.StyledLabelAndStatusTagWrapper, { highlight: highlight, mediaConfigExists: mediaConfigExists },
                             react_1.default.createElement(CustomTag, { displayText: cardLabel, tagPreset: labelTagColorPreset, bothTagsDisplayTogether: bothTagsDisplayTogether }),
-                            react_1.default.createElement(CustomTag, { displayText: statusTag, tagPreset: statusTagColorPreset ? statusTagColorPreset : highlight == "primary" ? "positive" : "warning", bothTagsDisplayTogether: bothTagsDisplayTogether }))),
+                            react_1.default.createElement(CustomTag, { displayText: statusTag || tagDisplay, tagPreset: statusTagColorPreset ? statusTagColorPreset : highlight == "primary" ? "positive" : "warning", bothTagsDisplayTogether: bothTagsDisplayTogether }))),
                         title ? (react_1.default.createElement(LineClampWrapper_1.LineClampWrapper, { noOfLines_M: 4, noOfLines_D: 3, title: title },
                             react_1.default.createElement(styled_1.StyledTitle, { capitalize: true, className: "StyledTitle" },
                                 react_1.default.createElement(styled_1.StyledTitleSpan, { className: "StyledTitleSpan" }, localize(title))))) : null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.212.0",
+  "version": "2.213.1",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",