@carbon/ibm-products 2.43.2-canary.27 → 2.43.2-canary.271

package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js

@@ -7,23 +7,16 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
+var react = require('@carbon/react');
 var index = require('../../node_modules/prop-types/index.js');
+var TearsheetNarrow = require('../Tearsheet/TearsheetNarrow.js');
 var cx = require('classnames');
-var react = require('@carbon/react');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
-var TearsheetNarrow = require('../Tearsheet/TearsheetNarrow.js');
 var uuidv4 = require('../../global/js/utils/uuidv4.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["children", "className", "description", "disableSubmit", "formDescription", "formTitle", "label", "open", "onRequestClose", "onRequestSubmit", "primaryButtonText", "secondaryButtonText", "selectorPrimaryFocus", "title", "verticalPosition"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -36,7 +29,7 @@ var componentName = 'CreateTearsheetNarrow';
  * Use a narrow tearsheet as an alternative to a modal when there is scrolling.
  * Use when the form fields can be broken down into sections using section headers.
  */
-exports.CreateTearsheetNarrow = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.CreateTearsheetNarrow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     description = _ref.description,
@@ -64,11 +57,11 @@ exports.CreateTearsheetNarrow = /*#__PURE__*/React__default["default"].forwardRe
     kind: 'secondary'
   }];
   var formTextClass = "".concat(blockClass, "__content-text");
-  var formTitleId = uuidv4["default"]();
-  return /*#__PURE__*/React__default["default"].createElement(TearsheetNarrow.TearsheetNarrow, _rollupPluginBabelHelpers["extends"]({}, rest, {
+  var formTitleId = uuidv4.default();
+  return /*#__PURE__*/React.createElement(TearsheetNarrow.TearsheetNarrow, _rollupPluginBabelHelpers.extends({}, rest, {
     title: title,
     description: description,
-    className: cx__default["default"](blockClass, className),
+    className: cx(blockClass, className),
     actions: actions,
     open: open,
     ref: ref,
@@ -80,12 +73,12 @@ exports.CreateTearsheetNarrow = /*#__PURE__*/React__default["default"].forwardRe
     selectorPrimaryFocus: selectorPrimaryFocus,
     verticalPosition: verticalPosition,
     role: "presentation"
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement("h3", {
-    className: cx__default["default"]("".concat(blockClass, "__form-title-text"), formTextClass),
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement("h3", {
+    className: cx("".concat(blockClass, "__form-title-text"), formTextClass),
     id: formTitleId
-  }, formTitle), /*#__PURE__*/React__default["default"].createElement("p", {
-    className: cx__default["default"]("".concat(blockClass, "__form-description-text"), formTextClass)
-  }, formDescription), /*#__PURE__*/React__default["default"].createElement(react.Form, {
+  }, formTitle), /*#__PURE__*/React.createElement("p", {
+    className: cx("".concat(blockClass, "__form-description-text"), formTextClass)
+  }, formDescription), /*#__PURE__*/React.createElement(react.Form, {
     className: "".concat(blockClass, "__form"),
     "aria-labelledby": formTitleId
   }, children));
@@ -105,65 +98,65 @@ exports.CreateTearsheetNarrow.propTypes = {
   /**
    * Provide the contents of the CreateTearsheetNarrow.
    */
-  children: index["default"].node.isRequired,
+  children: index.default.node.isRequired,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * A description of the flow, displayed in the header area of the tearsheet.
    */
-  description: index["default"].node,
+  description: index.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: index["default"].bool,
+  disableSubmit: index.default.bool,
   /**
    * Specifies an optional field that provides a additional context for a form
    */
-  formDescription: index["default"].node,
+  formDescription: index.default.node,
   /**
    * Specifies a field that provides a title for a form
    */
-  formTitle: index["default"].node,
+  formTitle: index.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: index["default"].node,
+  label: index.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: index["default"].func,
+  onRequestClose: index.default.func,
   /**
    * Specifies an optional handler which is called when the CreateTearsheetNarrow
    * primary button is pressed.
    */
-  onRequestSubmit: index["default"].func,
+  onRequestSubmit: index.default.func,
   /**
    * Specifies whether the tearsheet is currently open.
    */
-  open: index["default"].bool,
+  open: index.default.bool,
   /**
    * Specifies the primary button's text in the CreateTearsheetNarrow.
    */
-  primaryButtonText: index["default"].string.isRequired,
+  primaryButtonText: index.default.string.isRequired,
   /**
    * Specifies the secondary button's text in the CreateTearsheetNarrow.
    */
-  secondaryButtonText: index["default"].string.isRequired,
+  secondaryButtonText: index.default.string.isRequired,
   /**
    * Specifies which DOM element in the form should be focused.
    */
-  selectorPrimaryFocus: index["default"].node,
+  selectorPrimaryFocus: index.default.node,
   /**
    * The main title of the tearsheet, displayed in the header area.
    */
-  title: index["default"].node,
+  title: index.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
@@ -171,5 +164,5 @@ exports.CreateTearsheetNarrow.propTypes = {
    * 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: index["default"].oneOf(['normal', 'lower'])
+  verticalPosition: index.default.oneOf(['normal', 'lower'])
 };

package/lib/components/CreateTearsheetNarrow/index.d.ts

@@ -1 +1,8 @@
-export { CreateTearsheetNarrow } from "./CreateTearsheetNarrow";
+/**
+ * Copyright IBM Corp. 2021, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { CreateTearsheetNarrow } from './CreateTearsheetNarrow';
+export type { CreateTearsheetNarrowProps } from './CreateTearsheetNarrow';

package/lib/components/DataSpreadsheet/DataSpreadsheet.d.ts

@@ -4,10 +4,10 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React from 'react';
-import { Column } from 'react-table';
 import { Size, Theme } from './types';
-interface DataSpreadsheetProps {
+import { Column } from 'react-table';
+import React from 'react';
+export interface DataSpreadsheetProps {
     /**
      * Specifies the cell height
      */
@@ -20,6 +20,10 @@ interface DataSpreadsheetProps {
      * The data that will build the column headers
      */
     columns?: readonly Column<object>[];
+    /**
+     * Disable column swapping, default false
+     */
+    disableColumnSwapping?: boolean;
     /**
      * The spreadsheet data that will be rendered in the body of the spreadsheet component
      */
@@ -28,6 +32,10 @@ interface DataSpreadsheetProps {
      * Sets the number of empty rows to be created when there is no data provided
      */
     defaultEmptyRowCount?: number;
+    /**
+     * Check if has custom row header component attached
+     */
+    hasCustomRowHeader?: boolean;
     /**
      * The spreadsheet id
      */
@@ -36,6 +44,12 @@ interface DataSpreadsheetProps {
      * The event handler that is called when the active cell changes
      */
     onActiveCellChange?: () => void;
+    /**
+     * Callback for columns after being dragged
+     */
+    onColDrag?: ({ ...args }: {
+        [x: string]: any;
+    }) => void;
     /**
      * The setter fn for the data prop
      */
@@ -46,6 +60,18 @@ interface DataSpreadsheetProps {
      * The event handler that is called when the selection area values change
      */
     onSelectionAreaChange?: () => void;
+    /**
+     * Read-only table
+     */
+    readOnlyTable?: boolean;
+    /**
+     * Position of the custom row numbering component
+     */
+    renderRowHeaderDirection?: 'left' | 'right';
+    /**
+     * Component next to numbering rows
+     */
+    renderRowHeader?: (index: number) => any[];
     /**
      * The aria label applied to the Select all button
      */
@@ -68,4 +94,3 @@ interface DataSpreadsheetProps {
  * DataSpreadsheet: used to organize and display large amounts of structured data, separated by columns and rows in a grid-like format.
  */
 export declare let DataSpreadsheet: React.ForwardRefExoticComponent<DataSpreadsheetProps & React.RefAttributes<HTMLDivElement>>;
-export {};