oolib 2.227.6 → 2.227.8

package/dist/components/SimpleTable/index.js

@@ -1,366 +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 __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));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SimpleTable = SimpleTable;
-var react_1 = __importStar(require("react"));
-var themes_1 = require("../../themes");
-var getBlockLabelProps_1 = require("../../utils/getBlockLabelProps");
-var BlockLabel_1 = require("../../v2/components/BlockLabel");
-//local utils
-var styled_components_1 = require("styled-components");
-var utilsOolib_1 = require("../../utilsOolib");
-var AddRowColButtons_1 = require("./comps/AddRowColButtons");
-var UIContent_1 = require("../../UIContent");
-var ActionMenu_1 = require("../ActionMenu");
-var ColActionsMenu_1 = require("./comps/rowColActionMenus/ColActionsMenu");
-var RowActionsMenu_1 = require("./comps/rowColActionMenus/RowActionsMenu");
-var handleColActions_1 = require("./handlers/handleColActions");
-var handleRowActions_1 = require("./handlers/handleRowActions");
-var handleStretchToFullWidth_1 = require("./handlers/handleStretchToFullWidth");
-var handleToggleRowHeader_1 = require("./handlers/handleToggleRowHeader");
-var handleToggleColHeader_1 = require("./handlers/handleToggleColHeader");
-var styled_1 = require("./styled");
-var useResizeTableColumns_1 = require("./useResizeTableColumns");
-var convertColHeaderConfigToRowData_1 = require("./utils/convertColHeaderConfigToRowData");
-var convertRowHeaderConfigToCellData_1 = require("./utils/convertRowHeaderConfigToCellData");
-var prepInitValueFromConfigIfNoValue_1 = require("./utils/prepInitValueFromConfigIfNoValue");
-var icons_1 = require("../../icons");
-var Typo2_1 = require("../../v2/components/Typo2");
-var DropdownSingle_1 = require("../../v2/components/Dropdowns/DropdownSingle");
-var TextInputs_1 = require("../../v2/components/TextInputs");
-var ArrowDown = icons_1.icons.ArrowDown;
-var greyColor100 = themes_1.colors.greyColor100;
-/**
- * PENDINGS
- * - Ideally should migrate RichTextEditor to Lexical
- * - Should run a function that converts rich text to plain text and sends that out in onChange. (like how we do for TitleInput)
- * - for backwards compatibility, in the initValueSetting function, we should convert all plain text values to lexical shape & all draftjs shaped values also to lexical shape
- * - memoization of cell comps maybe? there is some commented code for the same below..
- * - KNOWN ISSUE: when the number input block is used, the component is lagging like mad. might have something to
- *   do with the memoization issue
- */
-function SimpleTable(_a) {
-    var id = _a.id, readOnly = _a.readOnly, _b = _a.config, config = _b === void 0 ? {
-        noOfCols: 3,
-        noOfRows: 3,
-        headerForRowHeadersColumn: undefined,
-        colHeaderData: undefined,
-        rowHeaderData: undefined,
-        disableAddRow: false,
-        disableRowActionsMenu: false,
-        disablePrimaryActionsMenu: false,
-        blockConfig: [undefined, { comp: 'DropdownSingle', props: {} }, { comp: 'DropdownSingle', props: {} }]
-    } : _b, _value = _a.value, onChange = _a.onChange, _c = _a.defaultColWidth, defaultColWidth = _c === void 0 ? 200 : _c;
-    var props = arguments[0];
-    var localize = (0, utilsOolib_1.useLocale)();
-    var theme = (0, styled_components_1.useTheme)();
-    var _d = theme || {}, RichTextEditor = _d.RichTextEditor /*: _RichTextEditor*/, convertToRichText = _d.convertToRichText;
-    //memoizing cuz we dont want all cell rtes to render everytime one cell changes
-    // const RichTextEditor = useMemo(() => {
-    //   const checkMemoFn = (prevProps, currentProps) => {
-    //     const {
-    //       value: prevVal,
-    //     } = prevProps
-    //     const {
-    //       value: currentVal
-    //     } = currentProps
-    //     return isEqual(prevVal, currentVal)
-    //   }
-    //   return _RichTextEditor && React.memo(_RichTextEditor, checkMemoFn)
-    // },[])
-    var _e = (0, react_1.useMemo)(function () {
-        return (0, prepInitValueFromConfigIfNoValue_1.prepInitValueFromConfigIfNoValue)({
-            //memo v.imp cuz otherwise cell and row id keep changing on rerender if value doesnt exist, and this messes with their react keys, this leads to bugs
-            _value: _value,
-            config: config,
-            defaultColWidth: defaultColWidth,
-        });
-    }, [_value]), value = _e.value, enableColActions = _e.enableColActions, //returns all possible actions config if no config.colHeaderData is defined. else undefined\
-    enableRowActions = _e.enableRowActions;
-    var _f = (0, useResizeTableColumns_1.useResizeTableColumns)({
-        setColWidthConfig: function (setterFn) {
-            var newColWidthConfig = setterFn(value.colWidthConfig);
-            onChange(id, __assign(__assign({}, value), { colWidthConfig: newColWidthConfig }));
-        }, // here we are replicating the setState(prev => do something) behaviour
-        colWidthConfig: value.colWidthConfig,
-        theme: theme,
-    }), resetColResizeState = _f.resetColResizeState, hideShowDragZoneIndicator = _f.hideShowDragZoneIndicator, initColResizeState = _f.initColResizeState, resetDragZoneIndicator = _f.resetDragZoneIndicator, handleResizeColumn = _f.handleResizeColumn, colResizeState = _f.colResizeState, dragZoneWidth = _f.dragZoneWidth;
-    (0, react_1.useEffect)(function () {
-        window.addEventListener("mouseup", resetColResizeState);
-        window.addEventListener("mousemove", handleResizeColumn);
-        return function () {
-            window.removeEventListener("mousemove", handleResizeColumn);
-            window.removeEventListener("mouseup", resetColResizeState);
-        };
-    }, [colResizeState]);
-    var CellContentBlocks = {
-        RichTextEditor: RichTextEditor,
-        DropdownSingle: DropdownSingle_1.DropdownSingle,
-        NumberInput: TextInputs_1.NumberInput,
-        TextInput: TextInputs_1.TextInput,
-    };
-    var CellContentBlockDefaultProps = {
-        RichTextEditor: {
-            variant: "simple",
-            typo: "SANS_3",
-            placeholder: " ",
-            style: {
-                padding: "0.9rem 1rem",
-            },
-        },
-        DropdownSingle: {
-            selectStyleOverride: {
-                backgroundColor: themes_1.colors.none,
-            },
-            popOutOfOverflowHiddenParent: true,
-        },
-        NumberInput: {
-            selectStyleOverride: {
-                backgroundColor: themes_1.colors.none,
-            },
-        },
-        TextInput: {
-            selectStyleOverride: {
-                backgroundColor: themes_1.colors.none,
-            },
-        },
-    };
-    var CellValueGetters = {
-        RichTextEditor: function (v) { return (convertToRichText ? convertToRichText(v) : v); },
-    }; //prob dont need this..
-    var _g = (0, react_1.useState)(undefined), actionsActiveOnRow = _g[0], setActionsActiveOnRow = _g[1];
-    var _h = (0, react_1.useState)(undefined), actionsActiveOnCol = _h[0], setActionsActiveOnCol = _h[1];
-    var _j = (0, react_1.useState)({
-        rowIdx: undefined,
-        colIdx: undefined,
-    }), hoveredRowAndCol = _j[0], setHoveredRowAndCol = _j[1];
-    var handleCellInputChange = function (_a) {
-        var cellIdx = _a.cellIdx, rowIdx = _a.rowIdx, v = _a.v;
-        var valData = value.data;
-        var colWidthConfig = value.colWidthConfig;
-        var newData = __spreadArray([], valData, true);
-        newData[rowIdx].cellData[cellIdx].value = v;
-        onChange && onChange(id, { data: newData, colWidthConfig: colWidthConfig });
-    };
-    /**
-     * we are explicitly defining this here and passing it on to AddColButton comp
-     * since we need this width to calculate stretch to full width
-     */
-    var addColButtonWidth = 20;
-    // these are explicitly defined here cuz we need to calc offset padding and margin using these, so that overflowX doesnt hide them
-    var rowActionsButtonWidth = 15;
-    var colActionsButtonHeight = 15;
-    var primaryTableActionsMenuHeight = 30;
-    var primaryTableActionsMenuGap = 5;
-    var genCell = function (_a) {
-        var cell = _a.cell, cellIdx = _a.cellIdx, rowIdx = _a.rowIdx, _b = _a.enableColResizeActions // cuz in the case of pre fixed column (via config.rowHeaderData), enableResize will be set to false
-        , enableColResizeActions = _b === void 0 ? true : _b // cuz in the case of pre fixed column (via config.rowHeaderData), enableResize will be set to false
-        ;
-        var cellCompName = cell.comp || 'RichTextEditor';
-        var NoCompPlaceholder = function () { return react_1.default.createElement("div", null, "No comp exists"); };
-        console.log({ cellCompName: cellCompName, CellContentBlocks: CellContentBlocks });
-        var CellComp = CellContentBlocks[cellCompName] || NoCompPlaceholder;
-        console.log({ CellComp: CellComp });
-        var cellProps = CellContentBlockDefaultProps[cellCompName] ? __assign(__assign({}, CellContentBlockDefaultProps[cellCompName]), (cell.props || {})) : {};
-        var cellValue = CellValueGetters[cellCompName] ? CellValueGetters[cellCompName](cell.value) : cell.value;
-        var cellWidth = value.colWidthConfig["col_".concat(cellIdx)] || defaultColWidth + 'px'; //cuz when pre-fixed column is applied via config.rowHeaderData, no colWidthConfig will be there for it in value.colWidthConfig
-        //(100% - totalExplicitWidths)/(totalColumns - noOfColsWithExplicitWidths)
-        // let cellProps = {
-        // 	...CellContentBlockDefaultProps[cell.comp],
-        // 	...(cell.props ? cell.props : {}),
-        // }
-        if (cell.isRowHeader)
-            console.log({ cell: cell });
-        var StyledCellWrapper = cell.isRowHeader
-            ? styled_1.StyledSimpleTableHeaderCell
-            : styled_1.StyledSimpleTableCell;
-        return (react_1.default.createElement(StyledCellWrapper, __assign({ key: cell.id, id: "kp_table__cell__".concat(cell.id), readOnly: readOnly || cell.readOnly, style: {
-                color: greyColor100,
-                width: "".concat(cellWidth),
-                borderRight: (colResizeState === null || colResizeState === void 0 ? void 0 : colResizeState.colId) === "col_".concat(cellIdx) &&
-                    "2px solid ".concat((0, utilsOolib_1.getPrimaryColor100)(theme === null || theme === void 0 ? void 0 : theme.colors)),
-            }, actionsActiveOnRow: actionsActiveOnRow, colIdx: cellIdx, rowIdx: rowIdx, totRows: value.data.length, actionsActiveOnCol: actionsActiveOnCol }, (enableColResizeActions
-            ? {
-                onMouseEnter: function (e) {
-                    setHoveredRowAndCol({
-                        rowIdx: rowIdx,
-                        colIdx: cellIdx,
-                    });
-                },
-                onMouseDown: function (e) {
-                    initColResizeState(e, { colId: "col_".concat(cellIdx) });
-                },
-                onMouseOut: function (e) { return resetDragZoneIndicator(__assign({ e: e }, (cell.isRowHeader ? { borderStyleInactive: "2px solid ".concat(themes_1.colors.greyColor10) } : {}))); },
-                onMouseMove: function (e) { return hideShowDragZoneIndicator(__assign({ e: e }, (cell.isRowHeader ? {
-                    borderStyleInactive: "2px solid ".concat(themes_1.colors.greyColor10),
-                    borderStyleActive: "2px solid ".concat((0, utilsOolib_1.getPrimaryColor100)(theme === null || theme === void 0 ? void 0 : theme.colors))
-                } : {}))); }
-            } : {}), { tabIndex: 0 }),
-            react_1.default.createElement(ColActionsMenu_1.ColActionsMenu, { value: value, colIdx: cellIdx, onChange: onChange, id: id, defaultColWidth: defaultColWidth, setActionsActiveOnCol: setActionsActiveOnCol, colActionsButtonHeight: colActionsButtonHeight, conditionsToRender: !readOnly &&
-                    enableColActions &&
-                    rowIdx === 0 &&
-                    hoveredRowAndCol.colIdx === cellIdx }),
-            !config.disableRowActionsMenu && react_1.default.createElement(RowActionsMenu_1.RowActionsMenu, { value: value, rowIdx: rowIdx, onChange: onChange, id: id, setActionsActiveOnRow: setActionsActiveOnRow, rowActionsButtonWidth: rowActionsButtonWidth, disableAddRow: config === null || config === void 0 ? void 0 : config.disableAddRow,
-                blockConfig: config === null || config === void 0 ? void 0 : config.blockConfig,
-                conditionsToRender: !readOnly &&
-                    enableRowActions &&
-                    cellIdx === 0 &&
-                    rowIdx !== undefined && //cuz for fixed col headers, rowIdx is undefined
-                    hoveredRowAndCol.rowIdx === rowIdx }),
-            react_1.default.createElement("div", { style: { marginRight: dragZoneWidth + "px" } },
-                react_1.default.createElement(CellComp, __assign({}, cellProps, { id: "kp_table_cell__".concat(cell.id, "__rich_input") /*dont mess with this id nomenclature. it needs to stay this way. check out the handleCellInputChange fn to understand */, value: cellValue, readOnly: readOnly || cell.readOnly, onChange: function (k, v) {
-                        return handleCellInputChange({ v: v, rowIdx: rowIdx, cellIdx: cellIdx });
-                    } })))));
-    };
-    var genRow = function (_a) {
-        var row = _a.row, rowIdx = _a.rowIdx;
-        var StyledWrapper = row.isColHeader
-            ? styled_1.StyledSimpleTableHeader
-            : styled_1.StyledSimpleTableRow;
-        // const NoCompPlaceholder = () => <div>No comp exists</div>;
-        // let CellCompNameForHeaderForRowHeadersColumn = CellContentBlocks["RichTextEditor"] || NoCompPlaceholder
-        return (react_1.default.createElement(StyledWrapper, { actionsActiveOnRow: actionsActiveOnRow, 
-            // onClick={() => row.link && history.push(row.link)}
-            style: { display: "flex" }, readOnly: readOnly, rowIdx: rowIdx, key: row.id },
-            config.rowHeaderData && (row.isColHeader && config.headerForRowHeadersColumn !== undefined ? (react_1.default.createElement(styled_1.StyledSimpleTableHeaderCell, { key: "cornerHeaderCell", id: "kp_table__cell__cornerHeaderCell", readOnly: true, style: {
-                    color: greyColor100,
-                    width: value.colWidthConfig["col_corner"] || defaultColWidth + 'px',
-                } },
-                react_1.default.createElement("div", { style: { display: "flex", gap: "0.5rem", alignItems: "center", padding: "0.9rem 1rem" } },
-                    react_1.default.createElement(Typo2_1.UI_BODY_BOLD_SM, null, config.headerForRowHeadersColumn),
-                    react_1.default.createElement(ArrowDown, { size: 14, weight: "bold" })))) : (genCell({
-                cell: (0, convertRowHeaderConfigToCellData_1.convertRowHeaderConfigToCellData)({
-                    rowHeaderData: config.rowHeaderData.map(function (d) { return localize(d); }),
-                    convertToRichText: convertToRichText,
-                    rowIdx: rowIdx
-                }),
-                enableColResizeActions: false
-            }))),
-            row.cellData.map(function (cell, cellIdx) { return genCell({ cell: cell, cellIdx: cellIdx, rowIdx: rowIdx }); })));
-    };
-    var fullWidthCompWrapper = (0, react_1.useRef)(null);
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, getBlockLabelProps_1.getBlockLabelProps)(props))),
-        react_1.default.createElement("div", { style: {
-                overflowX: "auto",
-                paddingLeft: rowActionsButtonWidth / 2 + "px",
-                marginLeft: "-" + rowActionsButtonWidth / 2 + "px",
-                paddingTop: primaryTableActionsMenuGap + primaryTableActionsMenuHeight + "px",
-            } },
-            react_1.default.createElement("div", { ref: fullWidthCompWrapper, style: {
-                    display: "flex",
-                    alignItems: "stretch" /**without stretch AddColButton will be wonky */,
-                } },
-                react_1.default.createElement("div", { style: { position: "relative" } },
-                    !readOnly && !config.disablePrimaryActionsMenu && (react_1.default.createElement("div", { style: {
-                            position: "absolute",
-                            right: 0,
-                            top: "-" + primaryTableActionsMenuGap + "px",
-                            transform: "translateY(-100%)",
-                            zIndex: 10,
-                        } },
-                        react_1.default.createElement(ActionMenu_1.ActionMenu, { ButtonComp: "ButtonPrimary", actions: __spreadArray(__spreadArray([
-                                {
-                                    display: UIContent_1.UIContent.SimpleTable.stretchToFullWidth,
-                                    onClick: function () {
-                                        return (0, handleStretchToFullWidth_1.handleStretchToFullWidth)({
-                                            value: value,
-                                            onChange: onChange,
-                                            id: id,
-                                            enableColActions: enableColActions,
-                                            addColButtonWidth: addColButtonWidth,
-                                            fullWidthCompWrapper: fullWidthCompWrapper,
-                                        });
-                                    },
-                                }
-                            ], (enableRowActions
-                                ? [
-                                    {
-                                        icon: "SquareHalf",
-                                        display: value.data[0].cellData[0].isRowHeader
-                                            ? UIContent_1.UIContent.SimpleTable.removeHeaderCol
-                                            : UIContent_1.UIContent.SimpleTable.addHeaderCol,
-                                        onClick: function () { return (0, handleToggleColHeader_1.handleToggleColHeader)({ value: value, onChange: onChange, id: id }); },
-                                    },
-                                ]
-                                : []), true), (enableColActions
-                                ? [
-                                    {
-                                        icon: "SquareHalfBottom",
-                                        display: value.data[0].isColHeader
-                                            ? UIContent_1.UIContent.SimpleTable.removeHeaderRow
-                                            : UIContent_1.UIContent.SimpleTable.addHeaderRow,
-                                        onClick: function () {
-                                            return (0, handleToggleRowHeader_1.handleToggleRowHeader)({ value: value, onChange: onChange, id: id });
-                                        },
-                                    },
-                                ]
-                                : []), true) }))),
-                    react_1.default.createElement(styled_1.StyledSimpleTable, { onMouseLeave: function () {
-                            return setHoveredRowAndCol({ rowIdx: undefined, colIdx: undefined });
-                        } },
-                        config.colHeaderData &&
-                            genRow({
-                                row: (0, convertColHeaderConfigToRowData_1.convertColHeaderConfigToRowData)({
-                                    colHeaderData: config.colHeaderData.map(function (d) { return localize(d); }),
-                                    convertToRichText: convertToRichText,
-                                }),
-                            }),
-                        value.data.map(function (row, rowIdx) { return genRow({ row: row, rowIdx: rowIdx }); })),
-                    !readOnly && enableRowActions && !config.disableAddRow && (react_1.default.createElement(AddRowColButtons_1.AddRowButton, { onClick: function () { return (0, handleRowActions_1.handleAddRow)(value, props); } }))),
-                !readOnly && enableColActions && (react_1.default.createElement(AddRowColButtons_1.AddColButton, { enableRowActions: enableRowActions, addColButtonWidth: addColButtonWidth, onClick: function () {
-                        return (0, handleColActions_1.handleAddCol)({ value: value, onChange: onChange, id: id, defaultColWidth: defaultColWidth });
-                    } }))))));
-}

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

@@ -1,5 +0,0 @@
-export const StyledSimpleTable: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledSimpleTableRow: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledSimpleTableCell: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledSimpleTableHeaderCell: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledSimpleTableHeader: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/SimpleTable/styled.js

@@ -1,80 +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;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledSimpleTableHeader = exports.StyledSimpleTableHeaderCell = exports.StyledSimpleTableCell = exports.StyledSimpleTableRow = exports.StyledSimpleTable = void 0;
-var themes_1 = require("../../themes");
-var transitions_1 = require("../../themes/mixins/transitions");
-var styled_components_1 = __importStar(require("styled-components"));
-var utilsOolib_1 = require("../../utilsOolib");
-var globalVariables_1 = require("../../globalStyles/globalVariables");
-exports.StyledSimpleTable = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-top: 1px solid ", ";\n\n  border-left: 1px solid ", ";\n"], ["\n  border-top: 1px solid ", ";\n\n  border-left: 1px solid ", ";\n"])), themes_1.colors.greyColor10, themes_1.colors.greyColor10);
-exports.StyledSimpleTableRow = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  min-height: 4rem;\n  position: relative;\n  display: flex;\n  ", ";\n  /* background-color: ", "; */\n  ", "\n"], ["\n  min-height: 4rem;\n  position: relative;\n  display: flex;\n  ", ";\n  /* background-color: ", "; */\n  ", "\n"])), (0, transitions_1.transition)("background-color"), function (_a) {
-    var rowIdx = _a.rowIdx;
-    return rowIdx % 2 === 1 ? themes_1.colors.white : themes_1.colors.greyColor3;
-}, function (_a) {
-    var actionsActiveOnRow = _a.actionsActiveOnRow, rowIdx = _a.rowIdx, theme = _a.theme;
-    return actionsActiveOnRow === rowIdx && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      &::before {\n        content: \"\";\n        position: absolute;\n        width: calc(100% - 1px);\n        height: calc(100% - 1px);\n        outline: 1px solid ", ";\n        border: 1px solid ", ";\n        z-index: 1;\n      }\n    "], ["\n      &::before {\n        content: \"\";\n        position: absolute;\n        width: calc(100% - 1px);\n        height: calc(100% - 1px);\n        outline: 1px solid ", ";\n        border: 1px solid ", ";\n        z-index: 1;\n      }\n    "])), (0, utilsOolib_1.getPrimaryColor100)(theme === null || theme === void 0 ? void 0 : theme.colors), (0, utilsOolib_1.getPrimaryColor100)(theme === null || theme === void 0 ? void 0 : theme.colors));
-});
-var genActiveColBorder = function (_a) {
-    var actionsActiveOnCol = _a.actionsActiveOnCol, colIdx = _a.colIdx, rowIdx = _a.rowIdx, totRows = _a.totRows, theme = _a.theme;
-    var isActiveCol = actionsActiveOnCol === colIdx;
-    var isFirstRow = rowIdx === 0;
-    var isLastRow = rowIdx === totRows - 1;
-    return (isActiveCol && (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      &::before {\n        content: \"\";\n        position: absolute;\n        left: -1px;\n        top: -1px;\n        width: calc(100% + 2px);\n        height: calc(100% + 2px);\n        border: 2px solid ", ";\n        z-index: 1;\n        ", "\n      }\n    "], ["\n      &::before {\n        content: \"\";\n        position: absolute;\n        left: -1px;\n        top: -1px;\n        width: calc(100% + 2px);\n        height: calc(100% + 2px);\n        border: 2px solid ", ";\n        z-index: 1;\n        ", "\n      }\n    "])), (0, utilsOolib_1.getPrimaryColor100)(theme === null || theme === void 0 ? void 0 : theme.colors), isFirstRow
-        ? (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n              border-bottom: none;\n            "], ["\n              border-bottom: none;\n            "]))) : !isFirstRow && !isLastRow
-        ? (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n              border-bottom: none;\n              border-top: none;\n            "], ["\n              border-bottom: none;\n              border-top: none;\n            "]))) : isLastRow && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n              border-top: none;\n            "], ["\n              border-top: none;\n            "])))));
-};
-var tableCellStyling = (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  min-height: 4rem;\n  position: relative;\n  border-right: 1px solid ", ";\n  border-bottom: 1px solid ", ";\n  ", ";\n\n  ", ";\n\n  ", "\n"], ["\n  min-height: 4rem;\n  position: relative;\n  border-right: 1px solid ", ";\n  border-bottom: 1px solid ", ";\n  ", ";\n\n  ", ";\n\n  ", "\n"])), themes_1.colors.greyColor10, themes_1.colors.greyColor10, (0, transitions_1.transition)("background-color"), function (_a) {
-    var readOnly = _a.readOnly;
-    return readOnly && (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      cursor: default !important;\n    "], ["\n      cursor: default !important;\n    "])));
-}, function (_a) {
-    var readOnly = _a.readOnly, theme = _a.theme, actionsActiveOnRow = _a.actionsActiveOnRow, actionsActiveOnCol = _a.actionsActiveOnCol, rowIdx = _a.rowIdx, totRows = _a.totRows, colIdx = _a.colIdx;
-    return !readOnly && (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      ", ";\n\n      ", "\n\n      ", "\n    "], ["\n      ", ";\n\n      ", "\n\n      ", "\n    "])), globalVariables_1.globalHoverOnWhiteBG, !actionsActiveOnRow &&
-        !actionsActiveOnCol && (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n        :focus-within {\n          &::before {\n            content: \"\";\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            outline: 1px solid ", ";\n            border: 1px solid ", ";\n          }\n          background-color: ", ";\n        }\n      "], ["\n        :focus-within {\n          &::before {\n            content: \"\";\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            outline: 1px solid ", ";\n            border: 1px solid ", ";\n          }\n          background-color: ", ";\n        }\n      "])), (0, utilsOolib_1.getPrimaryColor100)(theme === null || theme === void 0 ? void 0 : theme.colors), (0, utilsOolib_1.getPrimaryColor100)(theme === null || theme === void 0 ? void 0 : theme.colors), themes_1.colors.none), genActiveColBorder({
-        theme: theme,
-        actionsActiveOnCol: actionsActiveOnCol,
-        rowIdx: rowIdx,
-        totRows: totRows,
-        colIdx: colIdx,
-    }));
-});
-exports.StyledSimpleTableCell = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), tableCellStyling);
-exports.StyledSimpleTableHeaderCell = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  ", "\n  .public-DraftEditor-content {\n    font-weight: 600;\n  }\n  background-color: ", ";\n  border-right: 2px solid ", ";\n"], ["\n  ", "\n  .public-DraftEditor-content {\n    font-weight: 600;\n  }\n  background-color: ", ";\n  border-right: 2px solid ", ";\n"])), tableCellStyling, themes_1.colors.greyColor3, themes_1.colors.greyColor10);
-exports.StyledSimpleTableHeader = styled_components_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  .public-DraftEditor-content {\n    font-weight: 600;\n  }\n  background-color: ", ";\n  border-bottom: 2px solid ", ";\n"], ["\n  .public-DraftEditor-content {\n    font-weight: 600;\n  }\n  background-color: ", ";\n  border-bottom: 2px solid ", ";\n"])), themes_1.colors.greyColor3, themes_1.colors.greyColor10);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;

package/dist/components/SimpleTable/useResizeTableColumns.d.ts

@@ -1,21 +0,0 @@
-export function useResizeTableColumns({ setColWidthConfig, colWidthConfig, theme, builderProps }: {
-    setColWidthConfig: any;
-    colWidthConfig: any;
-    theme: any;
-    builderProps: any;
-}): {
-    resetColResizeState: (e: any) => void;
-    hideShowDragZoneIndicator: ({ e, borderStyleActive, borderStyleInactive }: {
-        e: any;
-        borderStyleActive?: string;
-        borderStyleInactive?: string;
-    }) => void;
-    initColResizeState: (e: any, d: any) => void;
-    resetDragZoneIndicator: ({ e, borderStyleInactive }: {
-        e: any;
-        borderStyleInactive?: string;
-    }) => void;
-    handleResizeColumn: (e: any) => void;
-    colResizeState: any;
-    dragZoneWidth: number;
-};

package/dist/components/SimpleTable/useResizeTableColumns.js

@@ -1,88 +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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useResizeTableColumns = void 0;
-var react_1 = require("react");
-var themes_1 = require("../../themes");
-var utilsOolib_1 = require("../../utilsOolib");
-var useResizeTableColumns = function (_a) {
-    var setColWidthConfig = _a.setColWidthConfig, colWidthConfig = _a.colWidthConfig, theme = _a.theme, builderProps = _a.builderProps;
-    var _b = (0, react_1.useState)(undefined), colResizeState = _b[0], setColResizeState = _b[1];
-    var dragZoneWidth = 5;
-    var handleResizeColumn = function (e) {
-        e.preventDefault();
-        e.stopPropagation();
-        if (colResizeState) {
-            setColWidthConfig(function (prev) {
-                var _a;
-                return (__assign(__assign({}, prev), (_a = {}, _a[colResizeState.colId] = (colResizeState.initWidth + (e.clientX - colResizeState.mousePos)) + 'px', _a)));
-            });
-        }
-    };
-    var resetDragZoneIndicator = function (_a) {
-        var e = _a.e, _b = _a.borderStyleInactive, borderStyleInactive = _b === void 0 ? "1px solid ".concat(themes_1.colors.greyColor10) : _b;
-        if (colResizeState || e.currentTarget.id !== e.target.id)
-            return;
-        e.currentTarget.style.borderRight = borderStyleInactive;
-        e.currentTarget.style.cursor = 'pointer';
-    };
-    var isInDragZone = function (e) {
-        var mouseX = e.clientX;
-        var colRightEdge = e.currentTarget.getBoundingClientRect().right;
-        return mouseX > colRightEdge - dragZoneWidth;
-    };
-    var initColResizeState = function (e, d) {
-        if (isInDragZone(e)) {
-            e.preventDefault(); // these have to be inside isInDragZone, else clicking on cell wont allow rte to get focussed in SimpleTable
-            e.stopPropagation();
-            setColResizeState({
-                mousePos: e.clientX,
-                initWidth: parseInt(colWidthConfig[d.colId].replace('px', '')),
-                colId: d.colId
-            });
-        }
-    };
-    var hideShowDragZoneIndicator = function (_a) {
-        var e = _a.e, _b = _a.borderStyleActive, borderStyleActive = _b === void 0 ? "1px solid ".concat((0, utilsOolib_1.getPrimaryColor100)(theme === null || theme === void 0 ? void 0 : theme.colors)) : _b, _c = _a.borderStyleInactive, borderStyleInactive = _c === void 0 ? "1px solid ".concat(themes_1.colors.greyColor10) : _c;
-        e.preventDefault();
-        /** currentTarget is the element that this event is bound to */
-        if (e.currentTarget.id !== e.target.id)
-            return; //very important, else the indicator shows in some cases, when its not supposed to. we don't completely understand why...
-        if (!colResizeState) {
-            if (isInDragZone(e)) {
-                e.currentTarget.style.borderRight = borderStyleActive;
-                e.currentTarget.style.setProperty('cursor', 'col-resize', 'important'); // using the setProperty approach only so that we can apply !important
-            }
-            else {
-                e.currentTarget.style.borderRight = borderStyleInactive;
-                e.currentTarget.style.cursor = 'pointer';
-            }
-        }
-    };
-    var resetColResizeState = function (e) {
-        setColResizeState(undefined);
-        if (builderProps === null || builderProps === void 0 ? void 0 : builderProps.updateColWidthsInTableConfig) {
-            builderProps.updateColWidthsInTableConfig(colWidthConfig);
-        }
-    };
-    return ({
-        resetColResizeState: resetColResizeState,
-        hideShowDragZoneIndicator: hideShowDragZoneIndicator,
-        initColResizeState: initColResizeState,
-        resetDragZoneIndicator: resetDragZoneIndicator,
-        handleResizeColumn: handleResizeColumn,
-        colResizeState: colResizeState,
-        dragZoneWidth: dragZoneWidth
-    });
-};
-exports.useResizeTableColumns = useResizeTableColumns;

package/dist/components/SimpleTable/utils/convertColHeaderConfigToRowData.d.ts

@@ -1,8 +0,0 @@
-export function convertColHeaderConfigToRowData({ colHeaderData, convertToRichText }: {
-    colHeaderData: any;
-    convertToRichText: any;
-}): {
-    id: string;
-    isColHeader: boolean;
-    cellData: any;
-};

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

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.convertColHeaderConfigToRowData = void 0;
-var convertColHeaderConfigToRowData = function (_a) {
-    var colHeaderData = _a.colHeaderData, convertToRichText = _a.convertToRichText;
-    return {
-        id: "colHeader",
-        isColHeader: true,
-        cellData: colHeaderData.map(function (d, i) { return ({
-            value: convertToRichText ? convertToRichText(d) : d, //draftjs data shape
-            readOnly: true,
-            id: "colHeaderCell_".concat(i),
-        }); }),
-    };
-};
-exports.convertColHeaderConfigToRowData = convertColHeaderConfigToRowData;

package/dist/components/SimpleTable/utils/convertRowHeaderConfigToCellData.d.ts

@@ -1,10 +0,0 @@
-export function convertRowHeaderConfigToCellData({ rowHeaderData, rowIdx, convertToRichText }: {
-    rowHeaderData: any;
-    rowIdx: any;
-    convertToRichText: any;
-}): {
-    value: any;
-    readOnly: boolean;
-    id: string;
-    isRowHeader: boolean;
-};

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

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.convertRowHeaderConfigToCellData = void 0;
-var convertRowHeaderConfigToCellData = function (_a) {
-    var rowHeaderData = _a.rowHeaderData, rowIdx = _a.rowIdx, convertToRichText = _a.convertToRichText;
-    return ({
-        value: convertToRichText ? convertToRichText(rowHeaderData[rowIdx]) : rowHeaderData[rowIdx], //draftjs data shape
-        readOnly: true,
-        id: "rowHeaderCell_".concat(rowIdx),
-        isRowHeader: true
-    });
-};
-exports.convertRowHeaderConfigToCellData = convertRowHeaderConfigToCellData;

package/dist/components/SimpleTable/utils/genHash.d.ts

@@ -1 +0,0 @@
-export function genHash(len: any): string;

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

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.genHash = void 0;
-var makeArrayFromLength_1 = require("../../../utils/makeArrayFromLength");
-var genHash = function (len) {
-    var arr = "1234567890abcdefghijklmnopqrstuvwxyz";
-    var ans = "";
-    for (var i = len; i > 0; i--) {
-        ans += arr[Math.floor(Math.random() * arr.length)];
-    }
-    return ans;
-};
-exports.genHash = genHash;