@carbon/ibm-products 2.89.0 → 2.90.0

package/lib/components/CreateTearsheet/CreateTearsheetStep.js

@@ -5,19 +5,18 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../_virtual/_rolldown/runtime.js');
-const require_index = require('../../node_modules/classnames/index.js');
-const require_pconsole = require('../../global/js/utils/pconsole.js');
-const require_settings = require('../../settings.js');
-const require_usePreviousValue = require('../../global/js/hooks/usePreviousValue.js');
-const require_useRetrieveStepData = require('../../global/js/hooks/useRetrieveStepData.js');
-const require_CreateTearsheet = require('./CreateTearsheet.js');
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_index = require("../../node_modules/classnames/index.js");
+const require_pconsole = require("../../global/js/utils/pconsole.js");
+const require_settings = require("../../settings.js");
+const require_usePreviousValue = require("../../global/js/hooks/usePreviousValue.js");
+const require_useRetrieveStepData = require("../../global/js/hooks/useRetrieveStepData.js");
+const require_CreateTearsheet = require("./CreateTearsheet.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let _carbon_react = require("@carbon/react");
-
 //#region src/components/CreateTearsheet/CreateTearsheetStep.tsx
 /**
 * Copyright IBM Corp. 2021, 2025
@@ -115,30 +114,100 @@ const CreateTearsheetStep = (0, react.forwardRef)(({ children, className, descri
 	}, children) : children))) : require_pconsole.default.warn(`You have tried using a ${componentName} component outside of a CreateTearsheet. This is not allowed. ${componentName}s should always be children of the CreateTearsheet`);
 });
 CreateTearsheetStep.propTypes = {
+	/**
+	* Content that shows in the tearsheet step
+	*/
 	children: prop_types.default.node,
+	/**
+	* Sets an optional className to be added to the tearsheet step
+	*/
 	className: prop_types.default.string,
+	/**
+	* Sets an optional description on the step component
+	*/
 	description: prop_types.default.node,
+	/**
+	* This will conditionally disable the submit button in the multi step Tearsheet
+	*/
 	disableSubmit: prop_types.default.bool,
+	/**
+	* Configuration options for customizing the behavior of the experimentalSecondary submit button.
+	*
+	* @property {string} [labelText] - Optional text to replace the default button text.
+	* @property {boolean} [disabled] - If true, the button will be disabled and not clickable.
+	* @property {boolean} [hideSecondarySubmit] - If true, the button will be hidden from view.
+	* @property {() => void} [onClick] - Optional click handler function to be executed when the button is clicked.
+	*/
+	/**@ts-ignore*/
 	experimentalSecondarySubmit: prop_types.default.shape({
 		labelText: prop_types.default.string,
 		disabled: prop_types.default.bool,
 		hideSecondarySubmit: prop_types.default.bool,
 		onClick: prop_types.default.func
 	}),
+	/**
+	* This is the required legend id that appears as the aria-labelledby of fieldset for accessibility purposes.
+	*/
+	/**@ts-ignore*/
 	fieldsetLegendId: prop_types.default.node,
+	/**
+	* This is the required legend text that appears above a fieldset html element for accessibility purposes.
+	* You can set the `hasFieldset` prop to false if you have multiple fieldset elements or want to control the children of your Full Page's step content.
+	* Otherwise, use CSS to hide/remove this label text.
+	*/
+	/**@ts-ignore*/
 	fieldsetLegendText: prop_types.default.string,
+	/**
+	* This optional prop will render your form content inside of a fieldset html element
+	* and is defaulted to true.
+	* You can set this prop to `false` if you have multiple fieldset elements or want to control the children of your Full Page's step content.
+	*/
+	/**@ts-ignore*/
 	hasFieldset: prop_types.default.bool,
+	/**
+	* This prop is used to help track dynamic steps. If this value is `false` then the step is not included in the visible steps or the ProgressIndicator
+	* steps. If this value is `true` then the step will be included in the list of visible steps, as well as being included in the ProgressIndicator step list
+	*/
 	includeStep: prop_types.default.bool,
+	/**
+	* This prop can be used on the first step to mark it as an intro step, which will not render the progress indicator steps
+	*/
 	introStep: prop_types.default.bool,
+	/**
+	* This optional prop will indicate an error icon on the progress indicator step item
+	*/
 	invalid: prop_types.default.bool,
+	/**
+	* Optional function to be called on initial mount of a step.
+	* For example, this can be used to fetch data that is required on a particular step.
+	*/
 	onMount: prop_types.default.func,
+	/**
+	* Optional function to be called when you move to the next step.
+	* For example, this can be used to validate input fields before proceeding to the next step.
+	* This function can _optionally_ return a promise that is either resolved or rejected and the CreateTearsheet will handle the submitting state of the next button.
+	*/
 	onNext: prop_types.default.func,
+	/**
+	* Optional function to be called when you move to the previous step.
+	*/
 	onPrevious: prop_types.default.func,
+	/**
+	* This will conditionally disable the secondary (Back) button in the multi step Tearsheet
+	*/
 	secondaryButtonDisabled: prop_types.default.bool,
+	/**
+	* Sets the optional secondary label on the progress step component
+	*/
 	secondaryLabel: prop_types.default.string,
+	/**
+	* Sets an optional subtitle on the step component
+	*/
 	subtitle: prop_types.default.string,
+	/**
+	* Sets the title text for a tearsheet step
+	*/
 	title: prop_types.default.node.isRequired
 };
-
 //#endregion
-exports.CreateTearsheetStep = CreateTearsheetStep;
+exports.CreateTearsheetStep = CreateTearsheetStep;

package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js

@@ -5,18 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../_virtual/_rolldown/runtime.js');
-const require_index = require('../../node_modules/classnames/index.js');
-const require_settings = require('../../settings.js');
-const require_devtools = require('../../global/js/utils/devtools.js');
-const require_uuidv4 = require('../../global/js/utils/uuidv4.js');
-const require_TearsheetNarrow = require('../Tearsheet/TearsheetNarrow.js');
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_index = require("../../node_modules/classnames/index.js");
+const require_settings = require("../../settings.js");
+const require_devtools = require("../../global/js/utils/devtools.js");
+const require_uuidv4 = require("../../global/js/utils/uuidv4.js");
+const require_TearsheetNarrow = require("../Tearsheet/TearsheetNarrow.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let _carbon_react = require("@carbon/react");
-
 //#region src/components/CreateTearsheetNarrow/CreateTearsheetNarrow.tsx
 /**
 * Copyright IBM Corp. 2021, 2021
@@ -72,22 +71,76 @@ const CreateTearsheetNarrow = react.default.forwardRef(({ children, className, d
 });
 CreateTearsheetNarrow.displayName = componentName;
 CreateTearsheetNarrow.propTypes = {
+	/**
+	* Provide the contents of the CreateTearsheetNarrow.
+	*/
 	children: prop_types.default.node.isRequired,
+	/**
+	* Provide an optional class to be applied to the containing node.
+	*/
 	className: prop_types.default.string,
+	/**
+	* A description of the flow, displayed in the header area of the tearsheet.
+	*/
 	description: prop_types.default.node,
+	/**
+	* Specifies a boolean for disabling or enabling the primary button. This is important for form validation
+	* Returning `true` prevents the primary button from being clicked until required fields are completed.
+	*/
 	disableSubmit: prop_types.default.bool,
+	/**
+	* Specifies an optional field that provides a additional context for a form
+	*/
 	formDescription: prop_types.default.node,
+	/**
+	* Specifies a field that provides a title for a form
+	*/
 	formTitle: prop_types.default.node,
+	/**
+	* A label for the tearsheet, displayed in the header area of the tearsheet
+	* to maintain context for the tearsheet (e.g. as the title changes from page
+	* to page of a multi-page task).
+	*/
 	label: prop_types.default.node,
+	/**
+	* An optional handler that is called when the user closes the tearsheet (by
+	* clicking the close button, if enabled, or clicking outside, if enabled).
+	* Returning `false` here prevents the modal from closing.
+	*/
 	onRequestClose: prop_types.default.func,
+	/**
+	* Specifies an optional handler which is called when the CreateTearsheetNarrow
+	* primary button is pressed.
+	*/
 	onRequestSubmit: prop_types.default.func,
+	/**
+	* Specifies whether the tearsheet is currently open.
+	*/
 	open: prop_types.default.bool,
+	/**
+	* Specifies the primary button's text in the CreateTearsheetNarrow.
+	*/
 	primaryButtonText: prop_types.default.string.isRequired,
+	/**
+	* Specifies the secondary button's text in the CreateTearsheetNarrow.
+	*/
 	secondaryButtonText: prop_types.default.string.isRequired,
+	/**
+	* Specifies which DOM element in the form should be focused.
+	*/
 	selectorPrimaryFocus: prop_types.default.node,
+	/**
+	* The main title of the tearsheet, displayed in the header area.
+	*/
 	title: prop_types.default.node,
+	/**
+	* The position of the top of tearsheet in the viewport. The 'normal'
+	* position (the default) is a short distance down from the top of the
+	* viewport, leaving room at the top for a global header bar to show through
+	* from below. The 'lower' position provides a little extra room at the top
+	* to allow an action bar navigation or breadcrumbs to also show through.
+	*/
 	verticalPosition: prop_types.default.oneOf(["normal", "lower"])
 };
-
 //#endregion
-exports.CreateTearsheetNarrow = CreateTearsheetNarrow;
+exports.CreateTearsheetNarrow = CreateTearsheetNarrow;

package/lib/components/DataSpreadsheet/DataSpreadsheet.js

@@ -5,36 +5,35 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../_virtual/_rolldown/runtime.js');
-const require_index = require('../../node_modules/classnames/index.js');
-const require_settings = require('../../settings.js');
-const require_useActiveElement = require('../../global/js/hooks/useActiveElement.js');
-const require_usePreviousValue = require('../../global/js/hooks/usePreviousValue.js');
-const require_devtools = require('../../global/js/utils/devtools.js');
-const require_uuidv4 = require('../../global/js/utils/uuidv4.js');
-const require_getNodeTextContent = require('../../global/js/utils/getNodeTextContent.js');
-const require_useMoveActiveCell = require('./hooks/useMoveActiveCell.js');
-const require_deepCloneObject = require('../../global/js/utils/deepCloneObject.js');
-const require_removeCellSelections = require('./utils/removeCellSelections.js');
-const require_selectAllCells = require('./utils/selectAllCells.js');
-const require_useMultipleKeyTracking = require('./hooks/useMultipleKeyTracking.js');
-const require_useResetSpreadsheetFocus = require('./hooks/useResetSpreadsheetFocus.js');
-const require_useSpreadsheetOutsideClick = require('./hooks/useSpreadsheetOutsideClick.js');
-const require_useSpreadsheetEdit = require('./hooks/useSpreadsheetEdit.js');
-const require_handleHeaderCellSelection = require('./utils/handleHeaderCellSelection.js');
-const require_commonEventHandlers = require('./utils/commonEventHandlers.js');
-const require_DataSpreadsheetBody = require('./DataSpreadsheetBody.js');
-const require_DataSpreadsheetHeader = require('./DataSpreadsheetHeader.js');
-const require_createActiveCellFn = require('./utils/createActiveCellFn.js');
-const require_getCellSize = require('./utils/getCellSize.js');
-const require_getScrollbarWidth = require('../../global/js/utils/getScrollbarWidth.js');
-const require_handleEditSubmit = require('./utils/handleEditSubmit.js');
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_index = require("../../node_modules/classnames/index.js");
+const require_settings = require("../../settings.js");
+const require_useActiveElement = require("../../global/js/hooks/useActiveElement.js");
+const require_usePreviousValue = require("../../global/js/hooks/usePreviousValue.js");
+const require_devtools = require("../../global/js/utils/devtools.js");
+const require_uuidv4 = require("../../global/js/utils/uuidv4.js");
+const require_getNodeTextContent = require("../../global/js/utils/getNodeTextContent.js");
+const require_useMoveActiveCell = require("./hooks/useMoveActiveCell.js");
+const require_deepCloneObject = require("../../global/js/utils/deepCloneObject.js");
+const require_removeCellSelections = require("./utils/removeCellSelections.js");
+const require_selectAllCells = require("./utils/selectAllCells.js");
+const require_useMultipleKeyTracking = require("./hooks/useMultipleKeyTracking.js");
+const require_useResetSpreadsheetFocus = require("./hooks/useResetSpreadsheetFocus.js");
+const require_useSpreadsheetOutsideClick = require("./hooks/useSpreadsheetOutsideClick.js");
+const require_useSpreadsheetEdit = require("./hooks/useSpreadsheetEdit.js");
+const require_handleHeaderCellSelection = require("./utils/handleHeaderCellSelection.js");
+const require_commonEventHandlers = require("./utils/commonEventHandlers.js");
+const require_DataSpreadsheetBody = require("./DataSpreadsheetBody.js");
+const require_DataSpreadsheetHeader = require("./DataSpreadsheetHeader.js");
+const require_createActiveCellFn = require("./utils/createActiveCellFn.js");
+const require_getCellSize = require("./utils/getCellSize.js");
+const require_getScrollbarWidth = require("../../global/js/utils/getScrollbarWidth.js");
+const require_handleEditSubmit = require("./utils/handleEditSubmit.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_table = require("react-table");
-
 //#region src/components/DataSpreadsheet/DataSpreadsheet.tsx
 var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.default);
 const blockClass = `${require_settings.pkg.prefix}--data-spreadsheet`;
@@ -570,35 +569,94 @@ const DataSpreadsheet = react.default.forwardRef(({ cellSize = "sm", className,
 });
 DataSpreadsheet.displayName = componentName;
 DataSpreadsheet.propTypes = {
+	/**
+	* Specifies the cell height
+	*/
 	cellSize: prop_types.default.oneOf([
 		"xs",
 		"sm",
 		"md",
 		"lg"
 	]),
+	/**
+	* Provide an optional class to be applied to the containing node.
+	*/
 	className: prop_types.default.string,
+	/**
+	* The data that will build the column headers
+	*/
+	/**@ts-ignore */
 	columns: prop_types.default.arrayOf(prop_types.default.shape({
 		Header: prop_types.default.string,
 		accessor: prop_types.default.oneOfType([prop_types.default.string, prop_types.default.func]),
 		Cell: prop_types.default.func
 	})),
+	/**
+	* The spreadsheet data that will be rendered in the body of the spreadsheet component
+	*/
+	/**@ts-ignore */
 	data: prop_types.default.arrayOf(prop_types.default.shape),
+	/**
+	* Sets the number of empty rows to be created when there is no data provided
+	*/
 	defaultEmptyRowCount: prop_types.default.number,
+	/**
+	* Disable column swapping, default false
+	*/
 	disableColumnSwapping: prop_types.default.bool,
+	/**
+	* Check if spreadsheet is using custom row header component attached
+	*/
 	hasCustomRowHeader: prop_types.default.bool,
+	/**
+	* The spreadsheet id
+	*/
 	id: prop_types.default.oneOfType([prop_types.default.number, prop_types.default.string]),
+	/**
+	* The event handler that is called when the active cell changes
+	*/
 	onActiveCellChange: prop_types.default.func,
+	/**
+	* Callback for when columns are dropped after dragged
+	*/
 	onColDrag: prop_types.default.func,
+	/**
+	* The setter fn for the data prop
+	*/
 	onDataUpdate: prop_types.default.func,
+	/**
+	* The event handler that is called when the selection area values change
+	*/
 	onSelectionAreaChange: prop_types.default.func,
+	/**
+	* Read-only table
+	*/
 	readOnlyTable: prop_types.default.bool,
+	/**
+	* Component next to numbering rows
+	*/
 	renderRowHeader: prop_types.default.func,
+	/**
+	* Component next to numbering rows
+	*/
 	renderRowHeaderDirection: prop_types.default.oneOf(["left", "right"]),
+	/**
+	* The aria label applied to the Select all button
+	*/
 	selectAllAriaLabel: prop_types.default.string.isRequired,
+	/**
+	* The aria label applied to the Data spreadsheet component
+	*/
 	spreadsheetAriaLabel: prop_types.default.string.isRequired,
+	/**
+	* The theme the DataSpreadsheet should use (only used to render active cell/selection area colors on dark theme)
+	*/
 	theme: prop_types.default.oneOf(["light", "dark"]),
+	/**
+	* The total number of columns to be initially visible, additional columns will be rendered and
+	* visible via horizontal scrollbar
+	*/
 	totalVisibleColumns: prop_types.default.number
 };
-
 //#endregion
-exports.DataSpreadsheet = DataSpreadsheet;
+exports.DataSpreadsheet = DataSpreadsheet;

package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js

@@ -5,26 +5,25 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_runtime = require('../../_virtual/_rolldown/runtime.js');
-const require_index = require('../../node_modules/classnames/index.js');
-const require_settings = require('../../settings.js');
-const require_usePreviousValue = require('../../global/js/hooks/usePreviousValue.js');
-const require_props_helper = require('../../global/js/utils/props-helper.js');
-const require_deepCloneObject = require('../../global/js/utils/deepCloneObject.js');
-const require_removeCellSelections = require('./utils/removeCellSelections.js');
-const require_useSpreadsheetMouseUp = require('./hooks/useSpreadsheetMouseUp.js');
-const require_createCellSelectionArea = require('./utils/createCellSelectionArea.js');
-const require_checkActiveHeaderCell = require('./utils/checkActiveHeaderCell.js');
-const require_checkSelectedHeaderCell = require('./utils/checkSelectedHeaderCell.js');
-const require_getSpreadsheetWidth = require('./utils/getSpreadsheetWidth.js');
-const require_commonEventHandlers = require('./utils/commonEventHandlers.js');
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_index = require("../../node_modules/classnames/index.js");
+const require_settings = require("../../settings.js");
+const require_usePreviousValue = require("../../global/js/hooks/usePreviousValue.js");
+const require_props_helper = require("../../global/js/utils/props-helper.js");
+const require_deepCloneObject = require("../../global/js/utils/deepCloneObject.js");
+const require_removeCellSelections = require("./utils/removeCellSelections.js");
+const require_useSpreadsheetMouseUp = require("./hooks/useSpreadsheetMouseUp.js");
+const require_createCellSelectionArea = require("./utils/createCellSelectionArea.js");
+const require_checkActiveHeaderCell = require("./utils/checkActiveHeaderCell.js");
+const require_checkSelectedHeaderCell = require("./utils/checkSelectedHeaderCell.js");
+const require_getSpreadsheetWidth = require("./utils/getSpreadsheetWidth.js");
+const require_commonEventHandlers = require("./utils/commonEventHandlers.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let _carbon_layout = require("@carbon/layout");
 let react_window = require("react-window");
-
 //#region src/components/DataSpreadsheet/DataSpreadsheetBody.tsx
 /**
 * Copyright IBM Corp. 2022, 2022
@@ -386,50 +385,163 @@ const DataSpreadsheetBody = (0, react.forwardRef)(({ activeCellRef, columns, act
 	}, rows?.length ? RenderRow : RenderEmptyRows));
 });
 DataSpreadsheetBody.propTypes = {
+	/**
+	* Object containing the active cell coordinates
+	*/
+	/**@ts-ignore */
 	activeCellCoordinates: prop_types.default.shape({
 		row: prop_types.default.oneOfType([prop_types.default.string, prop_types.default.number]),
 		column: prop_types.default.oneOfType([prop_types.default.string, prop_types.default.number])
 	}),
+	/**
+	*This is the ref of the button input, which is the active cell element
+	*/
+	/**@ts-ignore */
 	activeCellRef: prop_types.default.object,
+	/**
+	* Is the user clicking and holding in the data spreadsheet body
+	*/
 	clickAndHoldActive: prop_types.default.bool,
+	/**
+	* All of the spreadsheet columns
+	*/
 	columns: prop_types.default.array,
+	/**
+	* This represents the id of the current cell selection area
+	*/
 	currentMatcher: prop_types.default.string,
+	/**
+	* Default spreadsheet sizing values
+	*/
+	/**@ts-ignore */
 	defaultColumn: prop_types.default.shape({
 		rowHeight: prop_types.default.number,
 		rowHeaderWidth: prop_types.default.number,
 		width: prop_types.default.number
 	}),
+	/**
+	* Sets the number of empty rows to be created when there is no data provided
+	*/
 	defaultEmptyRowCount: prop_types.default.number,
+	/**
+	* Function to set table body prop values
+	*/
+	/**@ts-ignore */
 	getTableBodyProps: prop_types.default.func,
+	/**
+	* Check if spreadsheet is using custom row header component attached
+	*/
 	hasCustomRowHeader: prop_types.default.bool,
+	/**
+	* Headers provided from useTable hook
+	*/
 	headerGroups: prop_types.default.arrayOf(prop_types.default.object),
+	/**
+	* The spreadsheet id
+	*/
 	id: prop_types.default.oneOfType([prop_types.default.number, prop_types.default.string]),
+	/**
+	* The event handler that is called when the active cell changes
+	*/
 	onActiveCellChange: prop_types.default.func,
+	/**
+	* The event handler that is called to set the rows for the empty spreadsheet
+	*/
 	onDataUpdate: prop_types.default.func,
+	/**
+	* The event handler that is called when the selection areas change
+	*/
 	onSelectionAreaChange: prop_types.default.func,
+	/**
+	* Prepare row function from react-table
+	*/
 	prepareRow: prop_types.default.func,
+	/**
+	* Component next to numbering rows
+	*/
 	renderRowHeader: prop_types.default.func,
+	/**
+	* Component next to numbering rows
+	*/
 	renderRowHeaderDirection: prop_types.default.string,
+	/**
+	* All of the spreadsheet row data
+	*/
 	rows: prop_types.default.arrayOf(prop_types.default.object),
+	/**
+	* The scrollbar width
+	*/
 	scrollBarSize: prop_types.default.number,
+	/**
+	* Header reordering is active
+	*/
 	selectedHeaderReorderActive: prop_types.default.bool,
+	/**
+	* Array of selection area data
+	*/
 	selectionAreaData: prop_types.default.array,
+	/**
+	* Array of selection areas
+	*/
 	selectionAreas: prop_types.default.array,
+	/**
+	* Setter fn for activeCellCoordinates state value
+	*/
 	setActiveCellCoordinates: prop_types.default.func,
+	/**
+	* Setter fn for active cell inside of selection area
+	*/
 	setActiveCellInsideSelectionArea: prop_types.default.func,
+	/**
+	* Setter fn for clickAndHold state value
+	*/
 	setClickAndHoldActive: prop_types.default.func,
+	/**
+	* Setter fn for column ordering, provided from react-table
+	*/
 	setColumnOrder: prop_types.default.func,
+	/**
+	* Setter fn for containerHasFocus state value
+	*/
 	setContainerHasFocus: prop_types.default.func,
+	/**
+	* Set current columns after drag drop
+	*/
 	setCurrentColumns: prop_types.default.func,
+	/**
+	* Setter fn for currentMatcher state value
+	*/
 	setCurrentMatcher: prop_types.default.func,
+	/**
+	* Setter fn for header cell hold active value
+	*/
 	setHeaderCellHoldActive: prop_types.default.func,
+	/**
+	* Set header reordering active or not
+	*/
 	setSelectedHeaderReorderActive: prop_types.default.func,
+	/**
+	* Setter fn for selectionAreaData state value
+	*/
 	setSelectionAreaData: prop_types.default.func,
+	/**
+	* Setter fn for selectionAreas state value
+	*/
 	setSelectionAreas: prop_types.default.func,
+	/**
+	* The total columns width
+	*/
 	totalColumnsWidth: prop_types.default.number,
+	/**
+	* The total number of columns to be initially visible, additional columns will be rendered and
+	* visible via horizontal scrollbar
+	*/
 	totalVisibleColumns: prop_types.default.number,
+	/**
+	* Prop from react-table used to reorder columns
+	*/
+	/**@ts-ignore */
 	visibleColumns: prop_types.default.array
 };
-
 //#endregion
-exports.DataSpreadsheetBody = DataSpreadsheetBody;
+exports.DataSpreadsheetBody = DataSpreadsheetBody;