oolib 2.233.0 → 2.234.0

package/dist/index.d.ts

@@ -47,7 +47,7 @@ export { default as MetaBlock } from "./components/MetaBlock";
 export { ImageInput } from "./components/ImageInput";
 export { ProfileImageInput } from "./components/ImageInput/derivedComps/ProfileImageInput";
 export { default as VideoInput } from "./components/VideoInput";
-export { default as AudioInput } from "./components/AudioInput";
+export { FileUploadWrapper } from "./components/FileUploadWrapper";
 export { default as PDFInput } from "./components/PDFInput";
 export { default as IFrameInput } from "./components/IFrameInput";
 export { ResourceInput } from "./components/ResourceInput";

package/dist/index.js

@@ -39,7 +39,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBannerContext = 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.ProgressBar = exports.applyBlackOverlayOnHover = exports.icons = exports.colors = exports.GlobalStyles = void 0;
+exports.useBannerContext = exports.BannerContext = exports.BannerInfo = exports.BannerAlert = exports.GroupQuestionsInputSingle = exports.ResourceInput = exports.IFrameInput = exports.PDFInput = exports.FileUploadWrapper = 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.ProgressBar = exports.applyBlackOverlayOnHover = exports.icons = exports.colors = exports.GlobalStyles = void 0;
 exports.TooltipV2 = exports.ListItem = exports.List = exports.LoaderCircleV2 = exports.SwitchDouble = exports.SwitchSingle = exports.RadioButton = exports.RadioInput = exports.RadioList = exports.CheckboxButton = exports.CheckboxInput = exports.CheckboxList = exports.AccordionV2 = 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.ModalConfirmAction = exports.BannerProvider = void 0;
 exports.FloatingPortal = exports.FloatingFocusManager = exports.useFloatingPosition = exports.baseStyling = void 0;
 //css and styling related ( styled-components )
@@ -143,8 +143,8 @@ var ProfileImageInput_1 = require("./components/ImageInput/derivedComps/ProfileI
 Object.defineProperty(exports, "ProfileImageInput", { enumerable: true, get: function () { return ProfileImageInput_1.ProfileImageInput; } });
 var VideoInput_1 = require("./components/VideoInput");
 Object.defineProperty(exports, "VideoInput", { enumerable: true, get: function () { return __importDefault(VideoInput_1).default; } });
-var AudioInput_1 = require("./components/AudioInput");
-Object.defineProperty(exports, "AudioInput", { enumerable: true, get: function () { return __importDefault(AudioInput_1).default; } });
+var FileUploadWrapper_1 = require("./components/FileUploadWrapper");
+Object.defineProperty(exports, "FileUploadWrapper", { enumerable: true, get: function () { return FileUploadWrapper_1.FileUploadWrapper; } });
 var PDFInput_1 = require("./components/PDFInput");
 Object.defineProperty(exports, "PDFInput", { enumerable: true, get: function () { return __importDefault(PDFInput_1).default; } });
 var IFrameInput_1 = require("./components/IFrameInput");

package/dist/v2/components/Dropdowns/DropdownSingle/index.d.ts

@@ -1,4 +1,4 @@
-export function DropdownSingle({ optionsAnchor, lightboxHeight, lightboxStyle, selectClassName, optionsClassName, disableSelectTextUpdate, selectStyleOverride, value: valueProp, id, onChange: parentOnChange, className, style, readOnly, optionsFn, options: optionsProp, saveValueAsString, isTagsStyle, selectConfig, label, optionsModalLabel, broadcastShowOptions, isSearchable, searchFieldsConfig, setFilteredOptions: setFilteredOptionsInParent, setSearchString: setSearchStringInParent, searchString: searchStringInParent, genCustomSelectComp, placeholder, genCreateTagButton, popOutOfOverflowHiddenParent, S, disabled, tagColor, observerRef, searchbarPlaceholder, alignDropdown, variant, matchSelectInputWidth, content, }: {
+export function DropdownSingle({ optionsAnchor, lightboxHeight, lightboxStyle, selectClassName, optionsClassName, disableSelectTextUpdate, selectStyleOverride, value: valueProp, id, onChange: parentOnChange, className, style, readOnly, optionsFn, options: optionsProp, saveValueAsString, isTagsStyle, selectConfig, label, optionsModalLabel, broadcastShowOptions, isSearchable, searchFieldsConfig, setFilteredOptions: setFilteredOptionsInParent, setSearchString: setSearchStringInParent, searchString: searchStringInParent, genCustomSelectComp, placeholder, genCreateTagButton, popOutOfOverflowHiddenParent, S, disabled, tagColor, observerRef, searchbarPlaceholder, alignDropdown, variant, matchSelectInputWidth, content, plugin, }: {
     optionsAnchor: any;
     lightboxHeight: any;
     lightboxStyle: any;
@@ -38,5 +38,6 @@ export function DropdownSingle({ optionsAnchor, lightboxHeight, lightboxStyle, s
     variant?: string;
     matchSelectInputWidth: any;
     content: any;
+    plugin: any;
 }, ...args: any[]): React.JSX.Element;
 import React from "react";

package/dist/v2/components/Dropdowns/DropdownSingle/index.js

@@ -68,6 +68,7 @@ var styled_1 = require("../styled");
 // single_multi
 // static_dynamic
 function DropdownSingle(_a) {
+    var _b, _c;
     var optionsAnchor = _a.optionsAnchor, lightboxHeight = _a.lightboxHeight, lightboxStyle = _a.lightboxStyle, 
     //to restructure: rename to TYPO = 'SANS_3' or something. which can be overridden
     selectClassName = _a.selectClassName, //used to override font size in priimary header
@@ -81,16 +82,23 @@ function DropdownSingle(_a) {
     searchFieldsConfig = _a.searchFieldsConfig, setFilteredOptionsInParent = _a.setFilteredOptions, setSearchStringInParent = _a.setSearchString, searchStringInParent = _a.searchString, genCustomSelectComp = _a.genCustomSelectComp, placeholder = _a.placeholder, //
     genCreateTagButton = _a.genCreateTagButton, popOutOfOverflowHiddenParent = _a.popOutOfOverflowHiddenParent, S = _a.S, //
     disabled = _a.disabled, //
-    tagColor = _a.tagColor, observerRef = _a.observerRef, searchbarPlaceholder = _a.searchbarPlaceholder, _b = _a.alignDropdown, alignDropdown = _b === void 0 ? "left" : _b, _c = _a.variant, variant = _c === void 0 ? "default" : _c, matchSelectInputWidth = _a.matchSelectInputWidth, content = _a.content;
+    tagColor = _a.tagColor, observerRef = _a.observerRef, searchbarPlaceholder = _a.searchbarPlaceholder, _d = _a.alignDropdown, alignDropdown = _d === void 0 ? "left" : _d, _e = _a.variant, variant = _e === void 0 ? "default" : _e, matchSelectInputWidth = _a.matchSelectInputWidth, content = _a.content, // parent document; content.meta.kp_content_type is used to set ?activeTab= on collection tag links
+    plugin = _a.plugin;
     var theme = (0, styled_components_1.useTheme)();
     var props = arguments[0];
-    var value = (0, getValue_1.getValue_SINGLE)({ valueProp: valueProp, optionsFn: optionsFn, options: optionsProp, theme: theme, saveValueAsString: saveValueAsString });
+    // Plugin: optionsFetcherFn — looks up a named hook from tplBlockPlugins to fetch options
+    var _noopOptionsFetcher = function () { return ({ options: undefined, status: "idle" }); };
+    var _useOptionsFetcherPlugin = ((plugin === null || plugin === void 0 ? void 0 : plugin.optionsFetcherFn) && ((_c = (_b = theme.pluginConfigs) === null || _b === void 0 ? void 0 : _b.tplBlockPlugins) === null || _c === void 0 ? void 0 : _c[plugin.optionsFetcherFn]))
+        || _noopOptionsFetcher;
+    var pluginOptions = _useOptionsFetcherPlugin({ content: content, readOnly: readOnly }).options;
+    var effectiveOptionsProp = pluginOptions !== undefined ? pluginOptions : optionsProp;
+    var value = (0, getValue_1.getValue_SINGLE)({ valueProp: valueProp, optionsFn: optionsFn, options: effectiveOptionsProp, theme: theme, saveValueAsString: saveValueAsString });
     //1 INIT REFS
-    var _d = (0, useCreateDropdownRefs_1.useCreateDropdownRefs)(), selectRef = _d.selectRef, dropdownRef = _d.dropdownRef;
+    var _f = (0, useCreateDropdownRefs_1.useCreateDropdownRefs)(), selectRef = _f.selectRef, dropdownRef = _f.dropdownRef;
     //2 INIT SHOW OPTIONS STATE
-    var _e = (0, useHideShowOptions_1.useHideShowOptions)({
+    var _g = (0, useHideShowOptions_1.useHideShowOptions)({
         broadcastShowOptions: broadcastShowOptions
-    }), showOptions = _e.showOptions, handleHideOptions = _e.handleHideOptions, handleShowOptions = _e.handleShowOptions;
+    }), showOptions = _g.showOptions, handleHideOptions = _g.handleHideOptions, handleShowOptions = _g.handleShowOptions;
     var screenWidth = (0, useScreenWidth_1.useScreenWidth)();
     //3 INIT DD FOCUS CUSTOM HOOK
     (0, useHandleClickOutside_1.useHandleClickOutside)(dropdownRef, handleHideOptions, { enabled: screenWidth >= (0, mixins_1.getBreakPoint)('sm') });
@@ -108,13 +116,13 @@ function DropdownSingle(_a) {
         });
     };
     //-- TAG INPUT SPECIFIC
-    var _f = (0, useSearchString_1.useSearchString)({
+    var _h = (0, useSearchString_1.useSearchString)({
         searchStringInParent: searchStringInParent,
         setSearchStringInParent: setSearchStringInParent
-    }), searchString = _f[0], setSearchString = _f[1];
+    }), searchString = _h[0], setSearchString = _h[1];
     var options = (0, react_1.useMemo)(function () {
         var ops = (0, generateOptions_1.generateOptions)({
-            options: optionsProp,
+            options: effectiveOptionsProp,
             optionsFn: optionsFn,
             theme: theme
         });
@@ -129,7 +137,7 @@ function DropdownSingle(_a) {
                     setFilteredOptionsInParent: setFilteredOptionsInParent,
                 });
     }, [
-        optionsProp,
+        effectiveOptionsProp,
         optionsFn === null || optionsFn === void 0 ? void 0 : optionsFn.fn,
         optionsFn === null || optionsFn === void 0 ? void 0 : optionsFn.args,
         searchString

package/package.json

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

package/dist/components/AudioInput/comps/AudioAction.d.ts

@@ -1,7 +0,0 @@
-export function AudioAction({ id, inputRef, parentOnChange, isInRTE }: {
-    id: any;
-    inputRef: any;
-    parentOnChange: any;
-    isInRTE: any;
-}): React.JSX.Element;
-import React from 'react';

package/dist/components/AudioInput/comps/AudioAction.js

@@ -1,37 +0,0 @@
-"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.AudioAction = void 0;
-var react_1 = __importDefault(require("react"));
-var ActionMenu_1 = require("../../ActionMenu");
-var AudioAction = function (_a) {
-    var id = _a.id, inputRef = _a.inputRef, parentOnChange = _a.parentOnChange, isInRTE = _a.isInRTE;
-    return (react_1.default.createElement("div", { style: __assign({}, (isInRTE ? { display: "none" } : {})) },
-        react_1.default.createElement(ActionMenu_1.ActionMenu, { popOutOfOverflowHiddenParent: true, ButtonComp: "ButtonGhost", M: true, actions: [
-                {
-                    id: "".concat(id, "_reuploadAudio"),
-                    display: "Replace Audio",
-                    onClick: function () {
-                        inputRef.current.click();
-                    },
-                },
-                {
-                    display: "Delete",
-                    onClick: function () { return parentOnChange(undefined); },
-                },
-            ] })));
-};
-exports.AudioAction = AudioAction;

package/dist/components/AudioInput/comps/AudioPlayer.d.ts

@@ -1,4 +0,0 @@
-export function AudioPlayer({ audioData }: {
-    audioData: any;
-}): React.JSX.Element;
-import React from 'react';

package/dist/components/AudioInput/comps/AudioPlayer.js

@@ -1,44 +0,0 @@
-"use strict";
-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.AudioPlayer = void 0;
-var react_1 = __importStar(require("react"));
-var styled_1 = require("../styled");
-var AudioPlayer = function (_a) {
-    var audioData = _a.audioData;
-    return (react_1.default.createElement(react_1.Fragment, null, audioData.map(function (d, i) { return (react_1.default.createElement(styled_1.StyledAudioElement, { key: "".concat(i - d), controls: true, src: d.publicUrl, controlsList: "nodownload noplaybackrate" // to hide controls
-     })); })));
-};
-exports.AudioPlayer = AudioPlayer;

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

@@ -1,13 +0,0 @@
-export default AudioInput;
-declare function AudioInput({ id, value, onChange: parentOnChange, readOnly, invert, isInRTE, files, onUploadStatusChange, ...props }: {
-    [x: string]: any;
-    id: any;
-    value: any;
-    onChange: any;
-    readOnly: any;
-    invert: any;
-    isInRTE: any;
-    files: any;
-    onUploadStatusChange: any;
-}): React.JSX.Element;
-import React from "react";

package/dist/components/AudioInput/index.js

@@ -1,121 +0,0 @@
-"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);
-    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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var Buttons_1 = require("../Buttons");
-var BlockLabel_1 = require("../../v2/components/BlockLabel");
-var getBlockLabelProps_1 = require("../../utils/getBlockLabelProps");
-var bannerContext_1 = require("../Banners/bannerContext");
-var styled_components_1 = require("styled-components");
-var useFakeUploadImpression_1 = require("../../utilsOolib/useFakeUploadImpression");
-var AudioAction_1 = require("./comps/AudioAction");
-var AudioPlayer_1 = require("./comps/AudioPlayer");
-var styled_js_1 = require("./styled.js");
-var FileUploadWrapper_1 = require("../FileUploadWrapper");
-function AudioInput(_a) {
-    var id = _a.id, value = _a.value, parentOnChange = _a.onChange, readOnly = _a.readOnly, invert = _a.invert, isInRTE = _a.isInRTE, files = _a.files, onUploadStatusChange = _a.onUploadStatusChange, props = __rest(_a, ["id", "value", "onChange", "readOnly", "invert", "isInRTE", "files", "onUploadStatusChange"]);
-    var audioData = value || [];
-    var theme = (0, styled_components_1.useTheme)();
-    var _b = (0, react_1.useState)(null), uploadProgress = _b[0], setUploadProgress = _b[1];
-    var SET_ALERT_BANNER = (0, bannerContext_1.useBannerContext)().SET_ALERT_BANNER;
-    var handleUploadProgess = function (progress) { return setUploadProgress(progress); };
-    var inputRef = (0, react_1.useRef)();
-    var _c = (theme === null || theme === void 0 ? void 0 : theme.useUploadMedia({
-        mediaConfigs: {
-            type: "files",
-            folderName: "audios",
-            mediaType: "audio",
-        },
-        handleUploadProgess: handleUploadProgess,
-    })) || (0, useFakeUploadImpression_1.useFakeUploadImpression)({ handleUploadProgess: handleUploadProgess, fileType: "audio" }), upload = _c.mutate, isLoading = _c.isLoading;
-    (0, react_1.useEffect)(function () {
-        onUploadStatusChange === null || onUploadStatusChange === void 0 ? void 0 : onUploadStatusChange(isLoading);
-    }, [isLoading]);
-    var handleUpload = function (_a) {
-        var files = _a.files;
-        if (!files)
-            return;
-        if (!upload)
-            return;
-        upload(files, {
-            onSuccess: function (data) {
-                parentOnChange(id, [data[0].fileData]);
-            },
-            onError: function (err) {
-                var _a;
-                SET_ALERT_BANNER(((_a = err.response) === null || _a === void 0 ? void 0 : _a.data.errors[0].msg) || err.message, "red", 3500);
-            },
-        });
-    };
-    (0, react_1.useEffect)(function () {
-        if (files) {
-            handleUpload({ files: files });
-        }
-    }, []);
-    return (react_1.default.createElement(react_1.Fragment, null,
-        react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, getBlockLabelProps_1.getBlockLabelProps)(props))),
-        readOnly ? (react_1.default.createElement(AudioPlayer_1.AudioPlayer, { audioData: audioData })) : (audioData === null || audioData === void 0 ? void 0 : audioData.length) === 0 ? (react_1.default.createElement(FileUploadWrapper_1.FileUploadWrapper, { height: '18rem', isLoading: isLoading, uploadProgress: uploadProgress, mediaType: 'audio', enableClickUpload: false, handleUpload: handleUpload },
-            react_1.default.createElement(Buttons_1.ButtonSecondary, { onClick: function () { return inputRef.current.click(); }, icon: "UploadSimple", value: "Upload Audio", accept: "audio/*", invert: invert }))) : (audioData && (react_1.default.createElement(styled_js_1.StyledAudioPlayerWrapper, { isInRTE: isInRTE },
-            react_1.default.createElement(AudioPlayer_1.AudioPlayer, { audioData: audioData }),
-            react_1.default.createElement(AudioAction_1.AudioAction, { id: id, isInRTE: isInRTE, inputRef: inputRef, parentOnChange: parentOnChange })))),
-        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: "audio/*", ref: inputRef, style: { display: "none" }, id: "AudioField", onChange: function (v) {
-                handleUpload({ files: v.target.files });
-            } })));
-}
-;
-exports.default = AudioInput;

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

@@ -1,4 +0,0 @@
-export const StyledAudioEmbedPreview: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledAudioEmbedPlayed: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledAudioElement: import("styled-components").StyledComponent<"audio", any, {}, never>;
-export const StyledAudioPlayerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/AudioInput/styled.js

@@ -1,20 +0,0 @@
-"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.StyledAudioPlayerWrapper = exports.StyledAudioElement = exports.StyledAudioEmbedPlayed = exports.StyledAudioEmbedPreview = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-var themes_1 = require("../../themes");
-exports.StyledAudioEmbedPreview = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    padding-top: 2rem;\n"], ["\n    padding-top: 2rem;\n"])));
-exports.StyledAudioEmbedPlayed = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    padding-top: 56.25%;\n    position: relative;\n"], ["\n    padding-top: 56.25%;\n    position: relative;\n"])));
-exports.StyledAudioElement = styled_components_1.default.audio(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    width: 300px;\n    height: 40px;\n    background-color: ", ";\n    &::-webkit-media-controls-enclosure {\n        border-radius: 0;\n    }\n\n    &::-webkit-media-controls-panel {\n        background-color: ", ";\n    }\n    /* -webkit-appearance: none; */\n    \n    /* Reset webkit border-radius to 0 */\n    /* -webkit-border-radius: 0; */\n"], ["\n    width: 300px;\n    height: 40px;\n    background-color: ", ";\n    &::-webkit-media-controls-enclosure {\n        border-radius: 0;\n    }\n\n    &::-webkit-media-controls-panel {\n        background-color: ", ";\n    }\n    /* -webkit-appearance: none; */\n    \n    /* Reset webkit border-radius to 0 */\n    /* -webkit-border-radius: 0; */\n"])), themes_1.colors.greyColor10, themes_1.colors.greyColor10);
-exports.StyledAudioPlayerWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    width: inherit;\n    margin: ", ";\n"], ["\n    display: flex;\n    align-items: center;\n    width: inherit;\n    margin: ", ";\n"])), function (_a) {
-    var isInRTE = _a.isInRTE;
-    return !isInRTE ? '1rem 0rem 2rem' : '0rem';
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

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

@@ -1,20 +0,0 @@
-declare namespace _default {
-    let title: string;
-    namespace args {
-        let readOnly: boolean;
-        let invert: boolean;
-    }
-    namespace argTypes {
-        export namespace readOnly_1 {
-            let name: string;
-        }
-        export { readOnly_1 as readOnly };
-        export namespace invert_1 {
-            let name_1: string;
-            export { name_1 as name };
-        }
-        export { invert_1 as invert };
-    }
-}
-export default _default;
-export function AudioInput_(args: any): import("react").JSX.Element;

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

@@ -1,67 +0,0 @@
-"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.AudioInput_ = void 0;
-var react_1 = require("react");
-var Wrappers_1 = require("../../../components/Wrappers");
-var themes_1 = require("../../../themes");
-var AudioInput_1 = __importDefault(require("../../../components/AudioInput"));
-exports.default = {
-    title: "Components/Audio Input",
-    args: {
-        readOnly: false,
-        invert: false,
-    },
-    argTypes: {
-        readOnly: {
-            name: "Read Only"
-        },
-        invert: {
-            name: "Invert"
-        }
-    }
-};
-var data = {
-    kind: "storage#object",
-    id: "cata_dev__media/audio/b4ae0f8c-3d22-41a4-aa7b-08cd030bbf4f.wav/1694068553965043",
-    selfLink: "https://www.googleapis.com/storage/v1/b/cata_dev__media/o/audio%2Fb4ae0f8c-3d22-41a4-aa7b-08cd030bbf4f.wav",
-    mediaLink: "https://storage.googleapis.com/download/storage/v1/b/cata_dev__media/o/audio%2Fb4ae0f8c-3d22-41a4-aa7b-08cd030bbf4f.wav?generation=1694068553965043&alt=media",
-    name: "audio/b4ae0f8c-3d22-41a4-aa7b-08cd030bbf4f.wav",
-    bucket: "cata_dev__media",
-    generation: "1694068553965043",
-    metageneration: "1",
-    contentType: "audio/wav",
-    storageClass: "STANDARD",
-    size: 10544134,
-    md5Hash: "G4cmpod1v6ysmkrndou8kQ==",
-    crc32c: "SAkgWg==",
-    etag: "CPO7iZPxl4EDEAE=",
-    timeCreated: "2023-09-07T06:35:53.967Z",
-    updated: "2023-09-07T06:35:53.967Z",
-    timeStorageClassUpdated: "2023-09-07T06:35:53.967Z",
-    mediaHost: "gcs",
-    originalFilename: "sampleaudio3.wav",
-    format: "wav",
-    publicUrl: "https://storage.googleapis.com/cata_dev__media/audio/b4ae0f8c-3d22-41a4-aa7b-08cd030bbf4f.wav",
-};
-var AudioInput_ = function (args) {
-    var _a = (0, react_1.useState)(undefined), url = _a[0], setUrl = _a[1];
-    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(AudioInput_1.default, __assign({ value: url, onChange: function (k, v) { return setUrl(v); }, isRequired: true, label: "Audio Embed", sublabel: "Upload your audio file. allowed formats - 'mp3', 'wav', 'm4a', 'aac', 'amr','ogg'" }, args)))));
-};
-exports.AudioInput_ = AudioInput_;