oolib 2.68.4 → 2.69.0

package/dist/UIContent/index.d.ts

@@ -10,7 +10,12 @@ export namespace UIContent {
         export const duplicate: string;
         export const insertRowAfter: string;
         export const insertRowBefore: string;
+        export const clearContent: string;
         export const insertColAfter: string;
         export const insertColBefore: string;
+        export const addHeaderCol: string;
+        export const addHeaderRow: string;
+        export const removeHeaderRow: string;
+        export const stretchToFullWidth: string;
     }
 }

package/dist/UIContent/index.js

@@ -12,7 +12,12 @@ exports.UIContent = {
         duplicate: 'Duplicate',
         insertRowAfter: 'Insert Below',
         insertRowBefore: 'Insert Above',
+        clearContent: 'Clear Content',
         insertColAfter: 'Insert Right',
-        insertColBefore: 'Insert Left'
+        insertColBefore: 'Insert Left',
+        addHeaderCol: 'Header Column',
+        addHeaderRow: 'Add Header Row',
+        removeHeaderRow: 'Remove Header Row',
+        stretchToFullWidth: 'Stretch to Full Width'
     }
 };

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

@@ -0,0 +1,2 @@
+export function DateTimePicker(props: any): React.JSX.Element;
+import React from "react";

package/dist/components/DateTimePicker/index.js

@@ -0,0 +1,82 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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.DateTimePicker = void 0;
+var react_1 = __importStar(require("react"));
+var BlockLabel_1 = require("../BlockLabel");
+var TimePicker_1 = require("../TimePicker");
+var getBlockLabelProps_1 = require("../../utils/getBlockLabelProps");
+var DatePicker_1 = __importDefault(require("../DatePicker"));
+var convertTo12Hour_1 = require("../TimePicker/utils/convertTo12Hour");
+var DateTimePicker = function (props) {
+    var parentOnChange = props.onChange, value = props.value, id = props.id, readOnly = props.readOnly, futureDateOnly = props.futureDateOnly, previousDateOnly = props.previousDateOnly, passChangeHandlerOps = props.passChangeHandlerOps, invert = props.invert, disabled = props.disabled;
+    var _a = (0, react_1.useState)({ date: value === null || value === void 0 ? void 0 : value.date, time: (value === null || value === void 0 ? void 0 : value.time) && (0, convertTo12Hour_1.convertTo12Hour)(value === null || value === void 0 ? void 0 : value.time) }), _value = _a[0], _setValue = _a[1];
+    var handleOnChange = function (k, v) {
+        var _a;
+        var newVal = __assign(__assign({}, _value), (_a = {}, _a[k] = v, _a));
+        if (newVal.date && newVal.time) {
+            // date returned by datepicker is ISO (meaning GMT time)
+            // we need to get IST. Date class will convert it to IST.
+            var date = new Date(newVal.date);
+            var timeSplit = newVal.time.split(':');
+            //set the time within the date string using the timeValue numbers
+            date.setHours(timeSplit[0]);
+            date.setMinutes(timeSplit[1]);
+            date.setSeconds(timeSplit[2] || '00');
+            newVal = __assign(__assign({}, newVal), { date: date.toISOString() });
+        }
+        _setValue(newVal);
+        newVal.date &&
+            parentOnChange &&
+            parentOnChange(id, { date: newVal === null || newVal === void 0 ? void 0 : newVal.date, time: newVal === null || newVal === void 0 ? void 0 : newVal.time }, passChangeHandlerOps && props);
+    };
+    (0, react_1.useEffect)(function () {
+        if (value && (value.date !== _value.date || value.time !== _value.time)) {
+            // if there is a change basically
+            _setValue({ date: value === null || value === void 0 ? void 0 : value.date, time: (value === null || value === void 0 ? void 0 : value.time) && (0, convertTo12Hour_1.convertTo12Hour)(value === null || value === void 0 ? void 0 : value.time) });
+        }
+    }, [value]);
+    return (react_1.default.createElement("div", { id: id },
+        react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, getBlockLabelProps_1.getBlockLabelProps)(props))),
+        react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: '2rem' } },
+            react_1.default.createElement(DatePicker_1.default, { value: _value.date, onChange: function (k, v) { return handleOnChange('date', v); }, readOnly: readOnly, futureDateOnly: futureDateOnly, previousDateOnly: previousDateOnly, invert: invert, disabled: disabled }),
+            react_1.default.createElement(TimePicker_1.TimePicker, { value: _value.time, onChange: function (k, v) { return handleOnChange('time', v); }, readOnly: readOnly, invert: invert, disabled: disabled }))));
+};
+exports.DateTimePicker = DateTimePicker;
+// export default React.memo(DateTimePickerV2);

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

@@ -0,0 +1,2 @@
+export function DateTimeRangePicker(props: any): React.JSX.Element;
+import React from "react";

package/dist/components/DateTimeRangePicker/index.js

@@ -0,0 +1,91 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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.DateTimeRangePicker = void 0;
+var react_1 = __importStar(require("react"));
+var InlineAlert_1 = require("../InlineAlert");
+var DatePicker_1 = __importDefault(require("../DatePicker"));
+var TimeRangePicker_1 = require("../TimeRangePicker");
+var BlockLabel_1 = require("../BlockLabel");
+var getBlockLabelProps_1 = require("../../utils/getBlockLabelProps");
+var DateTimeRangePicker = function (props) {
+    var onChange = props.onChange, value = props.value, id = props.id, readOnly = props.readOnly, futureDateOnly = props.futureDateOnly, previousDateOnly = props.previousDateOnly, passChangeHandlerOps = props.passChangeHandlerOps, invert = props.invert, isPassedText = props.isPassedText, disabled = props.disabled;
+    var _a = (0, react_1.useState)(value), _value = _a[0], _setValue = _a[1];
+    var checkIfDatePassed = function (date) {
+        if (!date)
+            return false;
+        var givenDate = new Date(date);
+        var today = new Date();
+        return givenDate > today ? false : true;
+    };
+    var _b = (0, react_1.useState)(checkIfDatePassed(value === null || value === void 0 ? void 0 : value.date)), isPassed = _b[0], setIsPassed = _b[1];
+    var handleOnChange = function (k, v) {
+        var _a;
+        var newVal = __assign(__assign({}, _value), (_a = {}, _a[k] = v, _a));
+        if (newVal.date && newVal.timeRange && newVal.timeRange[0]) {
+            // date returned by datepicker is ISO (meaning GMT time) 
+            // we need to get IST. Date class will convert it to IST.
+            var date = new Date(newVal.date);
+            var timeSplit = newVal.timeRange[0].split(':');
+            //set the time within the date string using the timeValue numbers
+            date.setHours(timeSplit[0]);
+            date.setMinutes(timeSplit[1]);
+            date.setSeconds(timeSplit[2] || "00");
+            newVal = (__assign(__assign({}, newVal), { date: date.toISOString() }));
+        }
+        _setValue(newVal);
+        setIsPassed(checkIfDatePassed(newVal.date));
+        if (newVal.date && newVal.timeRange && newVal.timeRange[0] && newVal.timeRange[1]) {
+            onChange && onChange(id, newVal, passChangeHandlerOps && props);
+        }
+    };
+    (0, react_1.useEffect)(function () {
+        if (value && (value.date !== _value.date ||
+            (value.timeRange && _value.timeRange && value.timeRange.some(function (v, i) { return v !== _value.timeRange[i]; })))) { // if there is a change basically
+            _setValue(value);
+        }
+    }, [value]);
+    return (react_1.default.createElement("div", { id: id },
+        react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, getBlockLabelProps_1.getBlockLabelProps)(props))),
+        react_1.default.createElement("div", { style: { display: 'flex', flexWrap: 'wrap', columnGap: '4rem', rowGap: '2rem' } },
+            react_1.default.createElement(DatePicker_1.default, { value: _value === null || _value === void 0 ? void 0 : _value.date, onChange: function (k, v) { return handleOnChange('date', v); }, readOnly: readOnly, futureDateOnly: futureDateOnly, previousDateOnly: previousDateOnly, invert: invert, disabled: disabled }),
+            react_1.default.createElement(TimeRangePicker_1.TimeRangePicker, { value: _value === null || _value === void 0 ? void 0 : _value.timeRange, onChange: function (k, v) { return handleOnChange('timeRange', v); }, readOnly: readOnly, invert: invert, disabled: disabled })),
+        isPassed && react_1.default.createElement(InlineAlert_1.InlineAlert, { type: 'danger', text: isPassedText || 'This Date Is Passed' })));
+};
+exports.DateTimeRangePicker = DateTimeRangePicker;

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

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

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

@@ -39,7 +39,7 @@ 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  width: 2rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 2rem; //should be same as height of StyledRowButton\n  flex-shrink: 0;\n  ", "\n"], ["\n  width: 2rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 2rem; //should be same as height of StyledRowButton\n  flex-shrink: 0;\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  margin-bottom: 2rem; //should be same as height of StyledRowButton\n  flex-shrink: 0;\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 2rem; //should be same as height of StyledRowButton\n  flex-shrink: 0;\n  ", "\n"])), commonStyles);
 var AddRowButton = function (_a) {
     var onClick = _a.onClick;
     return (react_1.default.createElement(StyledRowButton, { onClick: onClick },
@@ -47,8 +47,8 @@ var AddRowButton = function (_a) {
 };
 exports.AddRowButton = AddRowButton;
 var AddColButton = function (_a) {
-    var onClick = _a.onClick;
-    return (react_1.default.createElement(StyledColButton, { onClick: onClick },
+    var onClick = _a.onClick, addColButtonWidth = _a.addColButtonWidth;
+    return (react_1.default.createElement(StyledColButton, { style: { width: addColButtonWidth + 'px' }, onClick: onClick },
         react_1.default.createElement(Plus, { size: 12, weight: "bold" })));
 };
 exports.AddColButton = AddColButton;

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

@@ -1,8 +1,9 @@
-export function ColActionsMenu({ value, colIdx, onChange, id, defaultColWidth }: {
+export function ColActionsMenu({ value, colIdx, onChange, id, defaultColWidth, colActionsButtonHeight }: {
     value: any;
     colIdx: any;
     onChange: any;
     id: any;
     defaultColWidth: any;
+    colActionsButtonHeight: any;
 }): React.JSX.Element;
 import React from "react";

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

@@ -15,13 +15,13 @@ 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  height: 1.5rem;\n  width: 2.5rem;\n"], ["\n  ", "\n  height: 1.5rem;\n  width: 2.5rem;\n"])), styled_1.commonRowColActionMenuStyles);
+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;
+    var value = _a.value, colIdx = _a.colIdx, onChange = _a.onChange, id = _a.id, defaultColWidth = _a.defaultColWidth, colActionsButtonHeight = _a.colActionsButtonHeight;
     return (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, { align: "left", CustomSelectComp: function (_a) {
                 var active = _a.active, onClick = _a.onClick;
-                return (react_1.default.createElement(StyledCustomSelectCompWrapper, { onClick: onClick, active: active },
+                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: [
                 {
@@ -39,6 +39,10 @@ var ColActionsMenu = function (_a) {
                 {
                     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 }); },
                 }
             ] })));
 };

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

@@ -1,8 +1,9 @@
-export function RowActionsMenu({ value, rowIdx, onChange, id, setActionsActiveOnRow }: {
+export function RowActionsMenu({ value, rowIdx, onChange, id, setActionsActiveOnRow, rowActionsButtonWidth }: {
     value: any;
     rowIdx: any;
     onChange: any;
     id: any;
     setActionsActiveOnRow: any;
+    rowActionsButtonWidth: any;
 }): React.JSX.Element;
 import React from "react";

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

@@ -15,14 +15,10 @@ 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);
-var CustomSelectComp = function (_a) {
-    var active = _a.active, onClick = _a.onClick;
-    return (react_1.default.createElement(StyledCustomSelectCompWrapper, { onClick: onClick, active: active },
-        react_1.default.createElement(DisplayIcon_1.DisplayIcon, { icon: "DotsThreeVertical", size: 16 })));
-};
+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, setActionsActiveOnRow = _a.setActionsActiveOnRow;
+    var value = _a.value, rowIdx = _a.rowIdx, onChange = _a.onChange, id = _a.id, setActionsActiveOnRow = _a.setActionsActiveOnRow, rowActionsButtonWidth = _a.rowActionsButtonWidth;
     return (react_1.default.createElement("div", { style: {
             zIndex: 1,
             position: "absolute",
@@ -30,7 +26,11 @@ var RowActionsMenu = function (_a) {
             left: 0,
             transform: "translate(-50%, -50%)",
         } },
-        react_1.default.createElement(ActionMenu_1.ActionMenu, { align: "left", setShowActions: function (showActions) { return setActionsActiveOnRow(showActions ? rowIdx : undefined); }, CustomSelectComp: CustomSelectComp, actions: [
+        react_1.default.createElement(ActionMenu_1.ActionMenu, { align: "left", setShowActions: function (showActions) { return setActionsActiveOnRow(showActions ? rowIdx : undefined); }, 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: [
                 {
                     display: UIContent_1.UIContent.SimpleTable.delete,
                     onClick: function () { return (0, handleRowActions_1.handleDeleteRow)({ value: value, rowIdx: rowIdx, onChange: onChange, id: id }); },
@@ -51,6 +51,12 @@ var RowActionsMenu = function (_a) {
                         return (0, handleRowActions_1.handleInsertRowAfter)({ value: value, rowIdx: rowIdx, onChange: onChange, id: id });
                     },
                 },
+                {
+                    display: UIContent_1.UIContent.SimpleTable.clearContent,
+                    onClick: function () {
+                        return (0, handleRowActions_1.handleClearRowContent)({ value: value, rowIdx: rowIdx, onChange: onChange, id: id });
+                    },
+                },
             ] })));
 };
 exports.RowActionsMenu = RowActionsMenu;

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

@@ -30,3 +30,9 @@ export function handleInsertColBefore({ value, colIdx, onChange, id, defaultColW
     id: any;
     defaultColWidth: any;
 }): void;
+export function handleClearColContent({ value, colIdx, onChange, id }: {
+    value: any;
+    colIdx: any;
+    onChange: any;
+    id: any;
+}): void;

package/dist/components/SimpleTable/handlers/handleColActions.js

@@ -20,7 +20,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.handleInsertColBefore = exports.handleInsertColAfter = exports.handleDuplicateCol = exports.handleDeleteCol = exports.handleAddCol = void 0;
+exports.handleClearColContent = exports.handleInsertColBefore = exports.handleInsertColAfter = exports.handleDuplicateCol = exports.handleDeleteCol = exports.handleAddCol = void 0;
 var genHash_1 = require("../utils/genHash");
 var handleAddColAtIdx = function (_a) {
     var value = _a.value, onChange = _a.onChange, id = _a.id, defaultColWidth = _a.defaultColWidth, colIdx = _a.colIdx;
@@ -127,3 +127,17 @@ var handleInsertColBefore = function (_a) {
     });
 };
 exports.handleInsertColBefore = handleInsertColBefore;
+var handleClearColContent = function (_a) {
+    var value = _a.value, colIdx = _a.colIdx, onChange = _a.onChange, id = _a.id;
+    var data = value.data, colWidthConfig = value.colWidthConfig;
+    var newData = data.map(function (row) {
+        var newCellData = __spreadArray([], row.cellData, true);
+        var cellToClear = newCellData[colIdx];
+        delete cellToClear.value;
+        newCellData.splice(colIdx, 1, cellToClear);
+        return __assign(__assign({}, row), { cellData: newCellData });
+    });
+    onChange &&
+        onChange(id, { data: newData, colWidthConfig: colWidthConfig });
+};
+exports.handleClearColContent = handleClearColContent;

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

@@ -23,3 +23,9 @@ export function handleInsertRowBefore({ value, rowIdx, onChange, id }: {
     onChange: any;
     id: any;
 }): void;
+export function handleClearRowContent({ value, rowIdx, onChange, id }: {
+    value: any;
+    rowIdx: any;
+    onChange: any;
+    id: any;
+}): void;

package/dist/components/SimpleTable/handlers/handleRowActions.js

@@ -20,7 +20,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.handleInsertRowBefore = exports.handleInsertRowAfter = exports.handleDuplicateRow = exports.handleDeleteRow = exports.handleAddRow = void 0;
+exports.handleClearRowContent = exports.handleInsertRowBefore = exports.handleInsertRowAfter = exports.handleDuplicateRow = exports.handleDeleteRow = exports.handleAddRow = void 0;
 var makeArrayFromLength_1 = require("../../../utils/makeArrayFromLength");
 var genHash_1 = require("../utils/genHash");
 var genNewRow = function (_a) {
@@ -78,3 +78,12 @@ var handleInsertRowBefore = function (_a) {
     onChange && onChange(id, { data: newData, colWidthConfig: colWidthConfig });
 };
 exports.handleInsertRowBefore = handleInsertRowBefore;
+var handleClearRowContent = function (_a) {
+    var value = _a.value, rowIdx = _a.rowIdx, onChange = _a.onChange, id = _a.id;
+    var data = value.data, colWidthConfig = value.colWidthConfig;
+    var newData = __spreadArray([], data, true);
+    var newRow = genNewRow({ data: newData, rowIdx: rowIdx });
+    newData.splice(rowIdx, 1, newRow);
+    onChange && onChange(id, { data: newData, colWidthConfig: colWidthConfig });
+};
+exports.handleClearRowContent = handleClearRowContent;

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

@@ -0,0 +1,8 @@
+export function handleStretchToFullWidth({ value, onChange, id, enableColActions, addColButtonWidth, fullWidthCompWrapper, }: {
+    value: any;
+    onChange: any;
+    id: any;
+    enableColActions: any;
+    addColButtonWidth: any;
+    fullWidthCompWrapper: any;
+}): void;

package/dist/components/SimpleTable/handlers/handleStretchToFullWidth.js

@@ -0,0 +1,34 @@
+"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.handleStretchToFullWidth = void 0;
+var handleStretchToFullWidth = function (_a) {
+    var _b;
+    var value = _a.value, onChange = _a.onChange, id = _a.id, enableColActions = _a.enableColActions, addColButtonWidth = _a.addColButtonWidth, fullWidthCompWrapper = _a.fullWidthCompWrapper;
+    var data = value.data, colWidthConfig = value.colWidthConfig;
+    var totalAvailableWidth = ((_b = fullWidthCompWrapper.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().width) -
+        (enableColActions ? addColButtonWidth : 0);
+    var noOfCols = data[0].cellData.length;
+    var widthPerCol = totalAvailableWidth / noOfCols + "px";
+    var newColWidthConfig = Object.keys(colWidthConfig)
+        .map(function (k) { return ({
+        colId: k,
+        width: widthPerCol,
+    }); })
+        .reduce(function (a, b) {
+        var _a;
+        return (__assign(__assign({}, a), (_a = {}, _a[b.colId] = b.width, _a)));
+    }, {});
+    onChange && onChange(id, { data: data, colWidthConfig: newColWidthConfig });
+};
+exports.handleStretchToFullWidth = handleStretchToFullWidth;

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

@@ -0,0 +1,5 @@
+export function handleToggleRowHeader({ value, onChange, id }: {
+    value: any;
+    onChange: any;
+    id: any;
+}): void;

package/dist/components/SimpleTable/handlers/handleToggleRowHeader.js

@@ -0,0 +1,31 @@
+"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.handleToggleRowHeader = void 0;
+var handleToggleRowHeader = function (_a) {
+    var value = _a.value, onChange = _a.onChange, id = _a.id;
+    var data = value.data, colWidthConfig = value.colWidthConfig;
+    var newData = data.map(function (row, rowIdx) {
+        if (row.isColHeader) { //then remove
+            var newRow = __assign({}, row);
+            delete newRow.isColHeader;
+            return newRow;
+        }
+        else { //else add
+            return __assign(__assign({}, row), (rowIdx === 0 ? { isColHeader: true } : {}));
+        }
+    });
+    onChange &&
+        onChange(id, { data: newData, colWidthConfig: colWidthConfig });
+};
+exports.handleToggleRowHeader = handleToggleRowHeader;