oolib 2.227.6 → 2.227.8

package/dist/UIContent/index.d.ts

@@ -11,19 +11,4 @@ export namespace UIContent {
         let uploadError_1: string;
         export { uploadError_1 as uploadError };
     }
-    namespace SimpleTable {
-        let _delete: string;
-        export { _delete as delete };
-        export let duplicate: string;
-        export let insertRowAfter: string;
-        export let insertRowBefore: string;
-        export let clearContent: string;
-        export let insertColAfter: string;
-        export let insertColBefore: string;
-        export let addHeaderCol: string;
-        export let removeHeaderCol: string;
-        export let addHeaderRow: string;
-        export let removeHeaderRow: string;
-        export let stretchToFullWidth: string;
-    }
 }

package/dist/UIContent/index.js

@@ -12,19 +12,5 @@ exports.UIContent = {
     },
     Pdf: {
         uploadError: "Unable to upload file"
-    },
-    SimpleTable: {
-        delete: 'Delete',
-        duplicate: 'Duplicate',
-        insertRowAfter: 'Insert Below',
-        insertRowBefore: 'Insert Above',
-        clearContent: 'Clear Content',
-        insertColAfter: 'Insert Right',
-        insertColBefore: 'Insert Left',
-        addHeaderCol: 'Add Header Column',
-        removeHeaderCol: 'Remove Header Column',
-        addHeaderRow: 'Add Header Row',
-        removeHeaderRow: 'Remove Header Row',
-        stretchToFullWidth: 'Stretch to Full Width'
     }
 };

package/dist/index.d.ts

@@ -53,7 +53,6 @@ export { default as IFrameInput } from "./components/IFrameInput";
 export { ResourceInput } from "./components/ResourceInput";
 export { default as GroupQuestionsInputSingle } from "./components/GroupQuestionsInputSingle";
 export { ModalConfirmAction } from "./components/Modals/derivedComps/ModalConfirmAction";
-export { SimpleTable } from "./components/SimpleTable";
 export { styledOKELinkCSS } from "./components/OKELink/styled";
 export { default as TableCellResizerPlugin } from "./components/Lexical/Plugins/TableCellResizer";
 export { CardContent } from "./v2/components/cards/CardContent";

package/dist/index.js

@@ -40,8 +40,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 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.applyBlackOverlayOnHover = exports.icons = exports.colors = exports.GlobalStyles = void 0;
-exports.List = 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.SimpleTable = exports.ModalConfirmAction = exports.BannerProvider = exports.useBannerContext = exports.BannerContext = void 0;
-exports.FloatingPortal = exports.FloatingFocusManager = exports.useFloatingPosition = exports.baseStyling = exports.TooltipV2 = exports.ListItem = void 0;
+exports.ListItem = exports.List = 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 = exports.useBannerContext = exports.BannerContext = void 0;
+exports.FloatingPortal = exports.FloatingFocusManager = exports.useFloatingPosition = exports.baseStyling = exports.TooltipV2 = 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; } });
@@ -165,8 +165,6 @@ Object.defineProperty(exports, "useBannerContext", { enumerable: true, get: func
 Object.defineProperty(exports, "BannerProvider", { enumerable: true, get: function () { return bannerContext_1.BannerProvider; } });
 var ModalConfirmAction_1 = require("./components/Modals/derivedComps/ModalConfirmAction");
 Object.defineProperty(exports, "ModalConfirmAction", { enumerable: true, get: function () { return ModalConfirmAction_1.ModalConfirmAction; } });
-var SimpleTable_1 = require("./components/SimpleTable");
-Object.defineProperty(exports, "SimpleTable", { enumerable: true, get: function () { return SimpleTable_1.SimpleTable; } });
 //styled-components css for use in lexical, since lexical uses classes primarily
 var styled_1 = require("./components/OKELink/styled");
 Object.defineProperty(exports, "styledOKELinkCSS", { enumerable: true, get: function () { return styled_1.styledOKELinkCSS; } });

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

@@ -1,4 +1,4 @@
-export function TextInput({ S, id, disabled, icon, type, placeholder, value, onChange, onFocus, onBlur, readOnly, iconOnClick, iconAfter, handleValidation, validateOnMount, actionBtn, clearBtn, className, maxLength, maxNumLimiter: DEPRECATED_maxNumLimiter, forceFocus, validateOnlyOnBlur, validationStatus: _validationStatus, displayValidationMsg, content, passValidationErrorToFormValidation, plugin, }: {
+export function TextInput({ S, id, disabled, icon, type, placeholder, value, onChange, onFocus, onBlur, readOnly, iconOnClick, iconAfter, handleValidation, validateOnMount, actionBtn, clearBtn, className, style, maxLength, maxNumLimiter: DEPRECATED_maxNumLimiter, forceFocus, validateOnlyOnBlur, validationStatus: _validationStatus, displayValidationMsg, content, passValidationErrorToFormValidation, plugin, }: {
     S: any;
     id: any;
     disabled: any;
@@ -16,7 +16,8 @@ export function TextInput({ S, id, disabled, icon, type, placeholder, value, onC
     validateOnMount?: boolean;
     actionBtn: any;
     clearBtn: any;
-    className: any;
+    className?: string;
+    style?: {};
     maxLength: any;
     maxNumLimiter: any;
     forceFocus: any;

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

@@ -110,13 +110,13 @@ var BadgeVetted = icons_1.icons.BadgeVetted;
 function TextInput(_a) {
     var _this = this;
     var S = _a.S, id = _a.id, disabled = _a.disabled, icon = _a.icon, type = _a.type, _b = _a.placeholder, placeholder = _b === void 0 ? "Enter Text..." : _b, _c = _a.value, value = _c === void 0 ? "" : _c, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, readOnly = _a.readOnly, iconOnClick = _a.iconOnClick, iconAfter = _a.iconAfter, handleValidation = _a.handleValidation, _d = _a.validateOnMount, validateOnMount = _d === void 0 ? true : _d, // i think it makes sense to always run validation the minute the comp mounts, but we will see if this has sideeffects
-    actionBtn = _a.actionBtn, clearBtn = _a.clearBtn, className = _a.className, maxLength = _a.maxLength, DEPRECATED_maxNumLimiter = _a.maxNumLimiter, forceFocus = _a.forceFocus, //sometimes, when some other elem is clicked, we wanna trigger focus on the textinput. eg. when on mobile, the search icon is clicked on the listingpage
-    _e = _a.validateOnlyOnBlur, //sometimes, when some other elem is clicked, we wanna trigger focus on the textinput. eg. when on mobile, the search icon is clicked on the listingpage
-    validateOnlyOnBlur = _e === void 0 ? false : _e, //for example, in the login form we want validation to only run, once the text input is blurred. else it can be irritating
-    _validationStatus = _a.validationStatus, _f = _a.displayValidationMsg, displayValidationMsg = _f === void 0 ? true : _f, content = _a.content, passValidationErrorToFormValidation = _a.passValidationErrorToFormValidation, plugin = _a.plugin;
+    actionBtn = _a.actionBtn, clearBtn = _a.clearBtn, _e = _a.className, className = _e === void 0 ? '' : _e, _f = _a.style, style = _f === void 0 ? {} : _f, maxLength = _a.maxLength, DEPRECATED_maxNumLimiter = _a.maxNumLimiter, forceFocus = _a.forceFocus, //sometimes, when some other elem is clicked, we wanna trigger focus on the textinput. eg. when on mobile, the search icon is clicked on the listingpage
+    _g = _a.validateOnlyOnBlur, //sometimes, when some other elem is clicked, we wanna trigger focus on the textinput. eg. when on mobile, the search icon is clicked on the listingpage
+    validateOnlyOnBlur = _g === void 0 ? false : _g, //for example, in the login form we want validation to only run, once the text input is blurred. else it can be irritating
+    _validationStatus = _a.validationStatus, _h = _a.displayValidationMsg, displayValidationMsg = _h === void 0 ? true : _h, content = _a.content, passValidationErrorToFormValidation = _a.passValidationErrorToFormValidation, plugin = _a.plugin;
     var props = arguments[0];
     var theme = (0, styled_components_1.useTheme)();
-    var _g = (0, react_1.useState)(_validationStatus), validationStatus = _g[0], setValidationStatus = _g[1];
+    var _j = (0, react_1.useState)(_validationStatus), validationStatus = _j[0], setValidationStatus = _j[1];
     (0, react_1.useEffect)(function () {
         setValidationStatus(_validationStatus);
     }, [_validationStatus]);
@@ -193,7 +193,7 @@ function TextInput(_a) {
         forceFocus && inputRef.current && inputRef.current.focus();
     }, [forceFocus]);
     var localize = (0, utilsOolib_1.useLocale)();
-    return (react_1.default.createElement("div", { className: className },
+    return (react_1.default.createElement("div", { style: style, className: className },
         react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, _EXPORTS_1.getBlockLabelProps)(props))),
         readOnly ? (type === "url"
             ? react_1.default.createElement(OKELink_1.OKELink, { text: value, to: value })

package/package.json

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

package/dist/components/SimpleTable/comps/AddRowColButtons/index.d.ts

@@ -1,9 +0,0 @@
-export function AddRowButton({ onClick }: {
-    onClick: any;
-}): React.JSX.Element;
-export function AddColButton({ onClick, addColButtonWidth, enableRowActions }: {
-    onClick: any;
-    addColButtonWidth: any;
-    enableRowActions: any;
-}): React.JSX.Element;
-import React from "react";

package/dist/components/SimpleTable/comps/AddRowColButtons/index.js

@@ -1,77 +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 __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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AddColButton = exports.AddRowButton = void 0;
-var react_1 = __importDefault(require("react"));
-var icons_1 = require("../../../../icons");
-var themes_1 = require("../../../../themes");
-var styled_components_1 = __importStar(require("styled-components"));
-var mixins_1 = require("../../../../themes/mixins");
-var Plus = icons_1.icons.Plus;
-var commonStyles = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  border: none;\n  ", "\n  &:hover {\n    background-color: ", ";\n  }\n  cursor: pointer;\n"], ["\n  background-color: ", ";\n  border: none;\n  ", "\n  &:hover {\n    background-color: ", ";\n  }\n  cursor: pointer;\n"])), themes_1.colors.greyColor5, (0, mixins_1.transition)("background-color"), themes_1.colors.greyColor10);
-var StyledRowButton = styled_components_1.default.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 2rem;\n  text-align: center;\n  width: 100%;\n  ", "\n"], ["\n  height: 2rem;\n  text-align: center;\n  width: 100%;\n  ", "\n"])), commonStyles);
-var StyledColButton = styled_components_1.default.button(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  ", "\n"])), commonStyles);
-var AddRowButton = function (_a) {
-    var onClick = _a.onClick;
-    return (react_1.default.createElement(StyledRowButton, { onClick: onClick },
-        react_1.default.createElement(Plus, { size: 12, weight: "bold" })));
-};
-exports.AddRowButton = AddRowButton;
-var AddColButton = function (_a) {
-    var onClick = _a.onClick, addColButtonWidth = _a.addColButtonWidth, enableRowActions = _a.enableRowActions;
-    return (react_1.default.createElement(StyledColButton, { style: __assign({ width: addColButtonWidth + 'px' }, (enableRowActions ? { marginBottom: '2rem' } : {}) //should be same as height of StyledRowButton
-        ), onClick: onClick },
-        react_1.default.createElement(Plus, { size: 12, weight: "bold" })));
-};
-exports.AddColButton = AddColButton;
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/SimpleTable/comps/rowColActionMenus/ColActionsMenu/index.d.ts

@@ -1,11 +0,0 @@
-export function ColActionsMenu({ value, colIdx, onChange, id, defaultColWidth, setActionsActiveOnCol, colActionsButtonHeight, conditionsToRender }: {
-    value: any;
-    colIdx: any;
-    onChange: any;
-    id: any;
-    defaultColWidth: any;
-    setActionsActiveOnCol: any;
-    colActionsButtonHeight: any;
-    conditionsToRender?: boolean;
-}): React.JSX.Element;
-import React from "react";

package/dist/components/SimpleTable/comps/rowColActionMenus/ColActionsMenu/index.js

@@ -1,95 +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 __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.ColActionsMenu = void 0;
-var react_1 = __importStar(require("react"));
-var ActionMenu_1 = require("../../../../ActionMenu");
-var handleColActions_1 = require("../../../handlers/handleColActions");
-var UIContent_1 = require("../../../../../UIContent");
-var styled_1 = require("../styled");
-var DisplayIcon_1 = require("../../../../../utils/comps/DisplayIcon");
-var styled_components_1 = __importDefault(require("styled-components"));
-var StyledCustomSelectCompWrapper = styled_components_1.default.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  width: 2.5rem;\n"], ["\n  ", "\n  width: 2.5rem;\n"])), styled_1.commonRowColActionMenuStyles);
-var ColActionsMenu = function (_a) {
-    var value = _a.value, colIdx = _a.colIdx, onChange = _a.onChange, id = _a.id, defaultColWidth = _a.defaultColWidth, setActionsActiveOnCol = _a.setActionsActiveOnCol, colActionsButtonHeight = _a.colActionsButtonHeight, _b = _a.conditionsToRender, conditionsToRender = _b === void 0 ? true : _b;
-    var _c = (0, react_1.useState)(false), actionMenuIsOpen = _c[0], setActionMenuIsOpen = _c[1];
-    var isFirstMount = (0, react_1.useRef)(true);
-    (0, react_1.useEffect)(function () {
-        if (!isFirstMount.current) {
-            setActionsActiveOnCol(actionMenuIsOpen ? colIdx : undefined);
-        }
-        else {
-            isFirstMount.current = false;
-        }
-    }, [actionMenuIsOpen]);
-    // cuz if an actionmenu is open we want it to continue showing
-    // on screen irrespective of other factors such as hover and such
-    return (conditionsToRender || actionMenuIsOpen) && (react_1.default.createElement("div", { style: { zIndex: 2, position: 'absolute', top: 0, left: '50%', transform: 'translate(-50%, -50%)' } },
-        react_1.default.createElement(ActionMenu_1.ActionMenu, { popOutOfOverflowHiddenParent: true, setShowActions: function (bool) { return setActionMenuIsOpen(bool); }, align: "left", CustomSelectComp: function (_a) {
-                var active = _a.active, onClick = _a.onClick;
-                return (react_1.default.createElement(StyledCustomSelectCompWrapper, { style: { height: colActionsButtonHeight + 'px' }, onClick: onClick, active: active },
-                    react_1.default.createElement(DisplayIcon_1.DisplayIcon, { icon: "DotsThree", size: 16 })));
-            }, actions: [
-                {
-                    display: UIContent_1.UIContent.SimpleTable.delete,
-                    onClick: function () { return (0, handleColActions_1.handleDeleteCol)({ value: value, colIdx: colIdx, onChange: onChange, id: id }); },
-                },
-                {
-                    display: UIContent_1.UIContent.SimpleTable.duplicate,
-                    onClick: function () { return (0, handleColActions_1.handleDuplicateCol)({ value: value, colIdx: colIdx, onChange: onChange, id: id }); },
-                },
-                {
-                    display: UIContent_1.UIContent.SimpleTable.insertColAfter,
-                    onClick: function () { return (0, handleColActions_1.handleInsertColAfter)({ value: value, colIdx: colIdx, onChange: onChange, id: id, defaultColWidth: defaultColWidth }); },
-                },
-                {
-                    display: UIContent_1.UIContent.SimpleTable.insertColBefore,
-                    onClick: function () { return (0, handleColActions_1.handleInsertColBefore)({ value: value, colIdx: colIdx, onChange: onChange, id: id, defaultColWidth: defaultColWidth }); },
-                },
-                {
-                    display: UIContent_1.UIContent.SimpleTable.clearContent,
-                    onClick: function () { return (0, handleColActions_1.handleClearColContent)({ value: value, colIdx: colIdx, onChange: onChange, id: id, defaultColWidth: defaultColWidth }); },
-                }
-            ] })));
-};
-exports.ColActionsMenu = ColActionsMenu;
-var templateObject_1;

package/dist/components/SimpleTable/comps/rowColActionMenus/RowActionsMenu/index.d.ts

@@ -1,12 +0,0 @@
-export function RowActionsMenu({ value, rowIdx, onChange, id, disableAddRow, setActionsActiveOnRow, rowActionsButtonWidth, conditionsToRender, blockConfig }: {
-    value: any;
-    rowIdx: any;
-    onChange: any;
-    id: any;
-    disableAddRow: any;
-    setActionsActiveOnRow: any;
-    rowActionsButtonWidth: any;
-    conditionsToRender?: boolean;
-    blockConfig: any;
-}): React.JSX.Element;
-import React from "react";

package/dist/components/SimpleTable/comps/rowColActionMenus/RowActionsMenu/index.js

@@ -1,120 +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 __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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RowActionsMenu = void 0;
-var react_1 = __importStar(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var UIContent_1 = require("../../../../../UIContent");
-var DisplayIcon_1 = require("../../../../../utils/comps/DisplayIcon");
-var ActionMenu_1 = require("../../../../ActionMenu");
-var handleRowActions_1 = require("../../../handlers/handleRowActions");
-var styled_1 = require("../styled");
-var StyledCustomSelectCompWrapper = styled_components_1.default.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  /* width: 1.5rem; */\n  height: 2.5rem;\n"], ["\n  ", "\n  /* width: 1.5rem; */\n  height: 2.5rem;\n"])), styled_1.commonRowColActionMenuStyles);
-// const CustomSelectComp =
-var RowActionsMenu = function (_a) {
-    var value = _a.value, rowIdx = _a.rowIdx, onChange = _a.onChange, id = _a.id, disableAddRow = _a.disableAddRow, setActionsActiveOnRow = _a.setActionsActiveOnRow, rowActionsButtonWidth = _a.rowActionsButtonWidth, _b = _a.conditionsToRender, conditionsToRender = _b === void 0 ? true : _b, blockConfig = _a.blockConfig;
-    var _c = (0, react_1.useState)(false), actionMenuIsOpen = _c[0], setActionMenuIsOpen = _c[1];
-    var isFirstMount = (0, react_1.useRef)(true);
-    (0, react_1.useEffect)(function () {
-        if (!isFirstMount.current) {
-            setActionsActiveOnRow(actionMenuIsOpen ? rowIdx : undefined);
-        }
-        else {
-            isFirstMount.current = false;
-        }
-    }, [actionMenuIsOpen]);
-    // cuz if an actionmenu is open we want it to continue showing
-    // on screen irrespective of other factors such as hover and such
-    return (conditionsToRender || actionMenuIsOpen) && (react_1.default.createElement("div", { style: {
-            zIndex: 2,
-            position: "absolute",
-            top: "50%",
-            left: 0,
-            transform: "translate(-50%, -50%)",
-        } },
-        react_1.default.createElement(ActionMenu_1.ActionMenu, { popOutOfOverflowHiddenParent: true, align: "left", setShowActions: function (showActions) {
-                setActionMenuIsOpen(showActions);
-            }, CustomSelectComp: function (_a) {
-                var active = _a.active, onClick = _a.onClick;
-                return (react_1.default.createElement(StyledCustomSelectCompWrapper, { style: { width: rowActionsButtonWidth + "px" }, onClick: onClick, active: active },
-                    react_1.default.createElement(DisplayIcon_1.DisplayIcon, { icon: "DotsThreeVertical", size: 16 })));
-            }, actions: __spreadArray(__spreadArray([], (!disableAddRow ? [
-                {
-                    display: UIContent_1.UIContent.SimpleTable.delete,
-                    onClick: function () { return (0, handleRowActions_1.handleDeleteRow)({ value: value, rowIdx: rowIdx, onChange: onChange, id: id }); },
-                },
-                {
-                    display: UIContent_1.UIContent.SimpleTable.duplicate,
-                    onClick: function () { return (0, handleRowActions_1.handleDuplicateRow)({ value: value, rowIdx: rowIdx, onChange: onChange, id: id }); },
-                },
-                {
-                    display: UIContent_1.UIContent.SimpleTable.insertRowBefore,
-                    onClick: function () {
-                        return (0, handleRowActions_1.handleInsertRowBefore)({ value: value, rowIdx: rowIdx, onChange: onChange, id: id, blockConfig: blockConfig });
-                    },
-                },
-                {
-                    display: UIContent_1.UIContent.SimpleTable.insertRowAfter,
-                    onClick: function () {
-                        return (0, handleRowActions_1.handleInsertRowAfter)({ value: value, rowIdx: rowIdx, onChange: onChange, id: id, blockConfig: blockConfig });
-                    },
-                },
-            ] : []), true), [
-                {
-                    display: UIContent_1.UIContent.SimpleTable.clearContent,
-                    onClick: function () {
-                        return (0, handleRowActions_1.handleClearRowContent)({ value: value, rowIdx: rowIdx, onChange: onChange, id: id, blockConfig: blockConfig });
-                    },
-                },
-            ], false) })));
-};
-exports.RowActionsMenu = RowActionsMenu;
-var templateObject_1;

package/dist/components/SimpleTable/comps/rowColActionMenus/styled.d.ts

@@ -1 +0,0 @@
-export const commonRowColActionMenuStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;

package/dist/components/SimpleTable/comps/rowColActionMenus/styled.js

@@ -1,18 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.commonRowColActionMenuStyles = void 0;
-var styled_components_1 = require("styled-components");
-var utilsOolib_1 = require("../../../../utilsOolib");
-var globalVariables_1 = require("../../../../globalStyles/globalVariables");
-var mixins_1 = require("../../../../themes/mixins");
-var themes_1 = require("../../../../themes");
-exports.commonRowColActionMenuStyles = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  ", ";\n  border-radius: 4px;\n  ", "\n  cursor: pointer;\n  ", "\n"], ["\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  ", ";\n  border-radius: 4px;\n  ", "\n  cursor: pointer;\n  ", "\n"])), (0, mixins_1.transition)("background-color", "border-color"), function (_a) {
-    var active = _a.active, theme = _a.theme;
-    return active
-        ? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          background-color: ", ";\n          border: 1px solid;\n          border-color: ", ";\n        "], ["\n          background-color: ", ";\n          border: 1px solid;\n          border-color: ", ";\n        "])), (0, utilsOolib_1.getPrimaryColor40)(theme === null || theme === void 0 ? void 0 : theme.colors), (0, utilsOolib_1.getPrimaryColor100)(theme === null || theme === void 0 ? void 0 : theme.colors)) : (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          background-color: ", ";\n          border: 1px solid;\n          border-color: ", ";\n          ", ";\n        "], ["\n          background-color: ", ";\n          border: 1px solid;\n          border-color: ", ";\n          ", ";\n        "])), themes_1.colors.white, themes_1.colors.greyColor15, globalVariables_1.globalHoverOnWhiteBG);
-}, mixins_1.boxShadow1);
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/SimpleTable/handlers/handleColActions.d.ts

@@ -1,38 +0,0 @@
-export function handleAddCol({ value, onChange, id, defaultColWidth }: {
-    value: any;
-    onChange: any;
-    id: any;
-    defaultColWidth: any;
-}): void;
-export function handleDeleteCol({ value, colIdx, onChange, id }: {
-    value: any;
-    colIdx: any;
-    onChange: any;
-    id: any;
-}): void;
-export function handleDuplicateCol({ value, colIdx, onChange, id }: {
-    value: any;
-    colIdx: any;
-    onChange: any;
-    id: any;
-}): void;
-export function handleInsertColAfter({ value, colIdx, onChange, id, defaultColWidth }: {
-    value: any;
-    colIdx: any;
-    onChange: any;
-    id: any;
-    defaultColWidth: any;
-}): void;
-export function handleInsertColBefore({ value, colIdx, onChange, id, defaultColWidth }: {
-    value: any;
-    colIdx: any;
-    onChange: any;
-    id: any;
-    defaultColWidth: any;
-}): void;
-export function handleClearColContent({ value, colIdx, onChange, id }: {
-    value: any;
-    colIdx: any;
-    onChange: any;
-    id: any;
-}): void;