oolib 2.208.2 → 2.208.3

package/dist/components/Banners/index.js

@@ -48,9 +48,9 @@ exports.BannerInfo = exports.BannerAlert = void 0;
 var react_1 = __importStar(require("react"));
 var styled_1 = require("./styled");
 var react_router_dom_1 = require("react-router-dom");
-var Buttons_1 = require("../Buttons");
 var icons_1 = require("../../icons");
-var Typo_1 = require("../Typo");
+var Buttons_1 = require("../../v2/components/Buttons");
+var Typo2_1 = require("../../v2/components/Typo2");
 var ICONS = {
     red: "XCircle",
     green: "CheckCircle",
@@ -79,8 +79,8 @@ var DisplayIcon = function (_a) {
  * @return {ReactElement} The rendered banner component.
  */
 var Banner = function (_a) {
-    var color = _a.color, cta = _a.cta, msg = _a.msg, handleRemove = _a.handleRemove, id = _a.id, timeOut = _a.timeOut, showIcon = _a.showIcon, _b = _a.bottomStroke, bottomStroke = _b === void 0 ? true : _b, _c = _a.hideCloseButton, hideCloseButton = _c === void 0 ? false : _c;
-    var _d = (0, react_1.useState)(0), height = _d[0], setHeight = _d[1];
+    var color = _a.color, cta = _a.cta, msg = _a.msg, handleRemove = _a.handleRemove, id = _a.id, timeOut = _a.timeOut, _b = _a.showIcon, showIcon = _b === void 0 ? true : _b, _c = _a.bottomStroke, bottomStroke = _c === void 0 ? true : _c, _d = _a.hideCloseButton, hideCloseButton = _d === void 0 ? false : _d;
+    var _e = (0, react_1.useState)(0), height = _e[0], setHeight = _e[1];
     var ContainerRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(function () {
         var timer;
@@ -107,15 +107,15 @@ var Banner = function (_a) {
     var genCTA = function (cta) {
         var LinkWrapper = cta.to ? react_router_dom_1.Link : react_1.Fragment;
         return (react_1.default.createElement(LinkWrapper, __assign({}, (cta.to ? { to: cta.to } : {})),
-            react_1.default.createElement(Buttons_1.ButtonSecondary, { style: { marginTop: "0.5rem", marginBottom: "0.5rem" }, S: true, onClick: !cta.to && cta.action, invert: color === "dark" }, cta === null || cta === void 0 ? void 0 : cta.text)));
+            react_1.default.createElement(Buttons_1.ButtonSecondaryCompact, { style: { marginTop: "0.5rem", marginBottom: "0.5rem" }, S: true, onClick: !cta.to && cta.action }, cta === null || cta === void 0 ? void 0 : cta.text)));
     };
     return (react_1.default.createElement(styled_1.BannerAnimateStyled, { key: id, ref: ContainerRef, height: height },
         react_1.default.createElement(styled_1.BannerWrapperStyled, { bottomStroke: bottomStroke, color: color },
             react_1.default.createElement(styled_1.BannerStyled, null,
                 showIcon && react_1.default.createElement(DisplayIcon, { color: color }),
-                react_1.default.createElement(Typo_1.SANS_2, null, msg),
+                react_1.default.createElement(Typo2_1.UI_BODY_SEMIBOLD_SM_DF, null, msg),
                 cta && genCTA(cta)),
-            hideCloseButton !== true && react_1.default.createElement(Buttons_1.ButtonGhost, { S: true, icon: "X", invert: color === "dark", onClick: function (e) { return remove(e, id); } }))));
+            hideCloseButton !== true && react_1.default.createElement(Buttons_1.ButtonGhost, { S: true, icon: "X", onClick: function (e) { return remove(e, id); } }))));
 };
 /**
  * @component Renders a list of alert banners with customizable text, color and styling.
@@ -149,7 +149,7 @@ var BannerAlert = function (_a) {
             clearTimeout(timerId);
         };
     }, []);
-    return (react_1.default.createElement(styled_1.BannerAlertStyled, { top: top }, (_b = BANNER_STATE === null || BANNER_STATE === void 0 ? void 0 : BANNER_STATE.alertState) === null || _b === void 0 ? void 0 : _b.map(function (e) { return (react_1.default.createElement(Banner, { key: e.id, id: e.id, color: e.color, msg: e.msg, cta: e.cta, handleRemove: REMOVE_ALERT_BANNER, timeOut: e.timeOut, showIcon: e.showIcon, hideCloseButton: e.hideCloseButton })); })));
+    return (react_1.default.createElement(styled_1.BannerAlertStyled, { top: top }, (_b = BANNER_STATE === null || BANNER_STATE === void 0 ? void 0 : BANNER_STATE.alertState) === null || _b === void 0 ? void 0 : _b.map(function (e) { return (react_1.default.createElement(Banner, { key: e.id, id: e.id, color: e.color, msg: e.msg, cta: e.cta, handleRemove: REMOVE_ALERT_BANNER, timeOut: e.timeOut, hideCloseButton: e.hideCloseButton })); })));
 };
 exports.BannerAlert = BannerAlert;
 /**
@@ -172,6 +172,6 @@ exports.BannerAlert = BannerAlert;
 var BannerInfo = function (_a) {
     var _b;
     var BANNER_STATE = _a.BANNER_STATE, REMOVE_INFO_BANNER = _a.REMOVE_INFO_BANNER;
-    return (react_1.default.createElement(styled_1.BannerInfoStyled, { id: "bannerInfo" }, (_b = BANNER_STATE === null || BANNER_STATE === void 0 ? void 0 : BANNER_STATE.infoState) === null || _b === void 0 ? void 0 : _b.map(function (e) { return (react_1.default.createElement(Banner, { key: e.id, id: e.id, color: e.color, msg: e.msg, cta: e.cta, handleRemove: REMOVE_INFO_BANNER, timeOut: e.timeOut, showIcon: e.showIcon, bottomStroke: false, hideCloseButton: e.hideCloseButton })); })));
+    return (react_1.default.createElement(styled_1.BannerInfoStyled, { id: "bannerInfo" }, (_b = BANNER_STATE === null || BANNER_STATE === void 0 ? void 0 : BANNER_STATE.infoState) === null || _b === void 0 ? void 0 : _b.map(function (e) { return (react_1.default.createElement(Banner, { key: e.id, id: e.id, color: e.color, msg: e.msg, cta: e.cta, handleRemove: REMOVE_INFO_BANNER, timeOut: e.timeOut, bottomStroke: false, hideCloseButton: e.hideCloseButton })); })));
 };
 exports.BannerInfo = BannerInfo;

package/dist/index.d.ts

@@ -88,7 +88,7 @@ export { BannerAlert, BannerInfo } from "./components/Banners";
 export { BannerContext, useBannerContext, BannerProvider } from "./components/Banners/bannerContext";
 export { TextInput, EmailInput, NumberInput, PhoneInput, PasswordInput, URLInput } from "./v2/components/TextInputs";
 export { TagDisplay as TagDisplayV2, TagLink as TagLinkV2, TagClear as TagClearV2 } from "./v2/components/Tags";
-export { ButtonPrimary as ButtonPrimaryV2, ButtonSecondary as ButtonSecondaryV2, ButtonTertiary as ButtonTertiaryV2, ButtonGhost as ButtonGhostV2, ButtonPrimaryCompact, ButtonSecondaryCompact, ButtonTertiaryCompact, ButtonGhostCompact } from "./v2/components/Buttons";
+export { ButtonPrimary as ButtonPrimaryV2, ButtonSecondary as ButtonSecondaryV2, ButtonTertiary as ButtonTertiaryV2, ButtonGhost as ButtonGhostV2, ButtonPrimaryCompact, ButtonSecondaryCompact, ButtonTertiaryCompact, ButtonGhostCompact, ButtonUpload } from "./v2/components/Buttons";
 export { colors as colors2, typo as typoV2_CSS } from "./v2/themes";
 export { RadioInput, RadioButton } from "./v2/components/RadioAndCheckbox/comps/RadioList/comps/RadioInput/index";
 export { SwitchSingle, SwitchDouble } from "./v2/components/Switches";

package/dist/index.js

@@ -40,8 +40,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BannerContext = exports.BannerInfo = exports.BannerAlert = exports.GroupQuestionsInputSingle = exports.ResourceInput = exports.IFrameInput = exports.PDFInput = exports.AudioInput = exports.VideoInput = exports.ProfileImageInput = exports.ImageInput = exports.MetaBlock = exports.parseCardConfig = exports.ListProfile = exports.CardProfile = exports.CardEmbed = exports.DateTimeRangePicker = exports.DateTimePicker = exports.TimeRangePicker = exports.TimePicker = exports.DateRangePicker = exports.DatePicker = exports.TextLoader = exports.PageScrollIndicator = exports.HomeCover = exports.EmptyStates = exports.ModalSmall = exports.Modal = exports.ModalForms = exports.ModalConfirm = exports.SkeletonLoader = exports.Divider = exports.PercentCompletedPie = exports.Accordion = exports.ActionMenu = exports.Tooltip = exports.OKELink = exports.UserRoleBadge = exports.Section = exports.TagDisplay = exports.TagSelect = exports.TagLink = exports.TagClear = exports.LoaderOverlay = exports.Loader = exports.ProgressBar = exports.LoaderCircle = exports.icons = exports.colors = exports.GlobalStyles = void 0;
-exports.RadioButton = exports.RadioInput = exports.RadioList = exports.CheckboxButton = exports.CheckboxInput = exports.CheckboxList = exports.AccordionV2 = exports.DataVizAccordion = exports.BarGraphCollection = exports.HeatMapGrid = exports.PieChart = exports.BarChart = exports.HomeCoverV2 = exports.DateRangePickerV2 = exports.MetaBlockV2 = exports.typoV2_CSS = exports.colors2 = exports.TabBarV2 = exports.ButtonGhostCompact = exports.ButtonTertiaryCompact = exports.ButtonSecondaryCompact = exports.ButtonPrimaryCompact = exports.ButtonGhostV2 = exports.ButtonTertiaryV2 = exports.ButtonSecondaryV2 = exports.ButtonPrimaryV2 = exports.TagClearV2 = exports.TagLinkV2 = exports.TagDisplayV2 = exports.generateOptions = exports.genTagComp = exports.OptionsSingle = exports.DropdownMulti = exports.DropdownSingle = exports.HintsProvider = exports.BlockLabel = exports.ListContent = exports.CardContent = exports.URLInput = exports.PasswordInput = exports.PhoneInput = exports.NumberInput = exports.EmailInput = exports.TextInput = exports.TableCellResizerPlugin = exports.styledOKELinkCSS = exports.SimpleTable = exports.ModalConfirmAction = exports.BannerProvider = exports.useBannerContext = void 0;
-exports.baseStyling = exports.CustomTooltip = exports.ListItem = exports.List = exports.SwitchDouble = exports.SwitchSingle = void 0;
+exports.RadioInput = exports.RadioList = exports.CheckboxButton = exports.CheckboxInput = exports.CheckboxList = exports.AccordionV2 = exports.DataVizAccordion = exports.BarGraphCollection = exports.HeatMapGrid = exports.PieChart = exports.BarChart = exports.HomeCoverV2 = exports.DateRangePickerV2 = exports.MetaBlockV2 = exports.typoV2_CSS = exports.colors2 = exports.TabBarV2 = exports.ButtonUpload = exports.ButtonGhostCompact = exports.ButtonTertiaryCompact = exports.ButtonSecondaryCompact = exports.ButtonPrimaryCompact = exports.ButtonGhostV2 = exports.ButtonTertiaryV2 = exports.ButtonSecondaryV2 = exports.ButtonPrimaryV2 = exports.TagClearV2 = exports.TagLinkV2 = exports.TagDisplayV2 = exports.generateOptions = exports.genTagComp = exports.OptionsSingle = exports.DropdownMulti = exports.DropdownSingle = exports.HintsProvider = exports.BlockLabel = exports.ListContent = exports.CardContent = exports.URLInput = exports.PasswordInput = exports.PhoneInput = exports.NumberInput = exports.EmailInput = exports.TextInput = exports.TableCellResizerPlugin = exports.styledOKELinkCSS = exports.SimpleTable = exports.ModalConfirmAction = exports.BannerProvider = exports.useBannerContext = void 0;
+exports.baseStyling = exports.CustomTooltip = exports.ListItem = exports.List = exports.SwitchDouble = exports.SwitchSingle = exports.RadioButton = void 0;
 //css and styling related ( styled-components )
 var globalStyles_1 = require("./globalStyles");
 Object.defineProperty(exports, "GlobalStyles", { enumerable: true, get: function () { return globalStyles_1.GlobalStyles; } });
@@ -213,6 +213,7 @@ Object.defineProperty(exports, "ButtonPrimaryCompact", { enumerable: true, get:
 Object.defineProperty(exports, "ButtonSecondaryCompact", { enumerable: true, get: function () { return Buttons_1.ButtonSecondaryCompact; } });
 Object.defineProperty(exports, "ButtonTertiaryCompact", { enumerable: true, get: function () { return Buttons_1.ButtonTertiaryCompact; } });
 Object.defineProperty(exports, "ButtonGhostCompact", { enumerable: true, get: function () { return Buttons_1.ButtonGhostCompact; } });
+Object.defineProperty(exports, "ButtonUpload", { enumerable: true, get: function () { return Buttons_1.ButtonUpload; } });
 var TabBar_1 = require("./v2/components/TabBar");
 Object.defineProperty(exports, "TabBarV2", { enumerable: true, get: function () { return TabBar_1.TabBarStyle1; } });
 var themes_2 = require("./v2/themes");

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

@@ -47,6 +47,21 @@ export declare const ButtonPrimary: React.FunctionComponent<ButtonProps>;
 export declare const ButtonSecondary: React.FunctionComponent<ButtonProps>;
 export declare const ButtonTertiary: React.FunctionComponent<ButtonProps>;
 export declare const ButtonGhost: React.FunctionComponent<ButtonProps>;
+interface ButtonUploadProps {
+    multiple?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    variant?: string;
+    id?: string;
+    accept?: string;
+    [key: string]: any;
+}
+/**
+ * Renders an upload button component.
+ *
+ * @param {ButtonUploadProps} props - The props for the upload button component.
+ * @return {React.ReactNode} The rendered upload button component.
+ */
+export declare const ButtonUpload: React.FunctionComponent<ButtonUploadProps>;
 export { ButtonSecondaryCompact } from "./derivedComps/ButtonSecondaryCompact";
 export { ButtonPrimaryCompact } from "./derivedComps/ButtonPrimaryCompact";
 export { ButtonTertiaryCompact } from "./derivedComps/ButtonTertiaryCompact";

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

@@ -10,12 +10,42 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+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;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonGhostCompact = exports.ButtonTertiaryCompact = exports.ButtonPrimaryCompact = exports.ButtonSecondaryCompact = exports.ButtonGhost = exports.ButtonTertiary = exports.ButtonSecondary = exports.ButtonPrimary = void 0;
-var react_1 = __importDefault(require("react"));
+exports.ButtonGhostCompact = exports.ButtonTertiaryCompact = exports.ButtonPrimaryCompact = exports.ButtonSecondaryCompact = exports.ButtonUpload = exports.ButtonGhost = exports.ButtonTertiary = exports.ButtonSecondary = exports.ButtonPrimary = void 0;
+var react_1 = __importStar(require("react"));
 var styled_1 = require("./styled");
 var react_router_dom_1 = require("react-router-dom");
 var lodash_1 = require("lodash");
@@ -88,6 +118,24 @@ var ButtonTertiary = function (props) { return (react_1.default.createElement(Bu
 exports.ButtonTertiary = ButtonTertiary;
 var ButtonGhost = function (props) { return (react_1.default.createElement(Button, { props: props, variant: "ghost" })); };
 exports.ButtonGhost = ButtonGhost;
+/**
+ * Renders an upload button component.
+ *
+ * @param {ButtonUploadProps} props - The props for the upload button component.
+ * @return {React.ReactNode} The rendered upload button component.
+ */
+var ButtonUpload = function (props) {
+    var inputRef = (0, react_1.useRef)(null);
+    var multiple = props.multiple, 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: multiple, onChange: onChange, style: { display: "none" } }),
+        react_1.default.createElement(ButtonStyledWrapper, { props: __assign(__assign({}, props), { onClick: handleFileUpload }), variant: variant || "secondary" })));
+};
+exports.ButtonUpload = ButtonUpload;
 var ButtonSecondaryCompact_1 = require("./derivedComps/ButtonSecondaryCompact");
 Object.defineProperty(exports, "ButtonSecondaryCompact", { enumerable: true, get: function () { return ButtonSecondaryCompact_1.ButtonSecondaryCompact; } });
 var ButtonPrimaryCompact_1 = require("./derivedComps/ButtonPrimaryCompact");

package/package.json

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