@coreui/react-pro 4.1.0 → 4.1.1

package/README.md

@@ -43,7 +43,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-react/archive/v4.1.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-react/archive/v4.1.1.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-react.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/react`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/react`

package/dist/components/popover/CPopover.d.ts

@@ -5,7 +5,7 @@ export interface CPopoverProps {
     /**
      * Content node for your component.
      */
-    content: ReactNode;
+    content: ReactNode | string;
     /**
      * Offset of the popover relative to its target.
      */
@@ -21,7 +21,7 @@ export interface CPopoverProps {
     /**
      * Title node for your component.
      */
-    title?: ReactNode;
+    title?: ReactNode | string;
     /**
      * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
      *

package/dist/components/smart-table/CSmartTableBody.d.ts

@@ -1,13 +1,13 @@
 import React, { MouseEvent, ReactNode } from 'react';
 import { CTableBodyProps } from '../table/CTableBody';
-import { Item, ScopedColumns } from './CSmartTableInterface';
+import { ItemInternal, ScopedColumns } from './CSmartTableInterface';
 export interface CSmartTableBodyProps extends CTableBodyProps {
     clickableRows?: boolean;
-    currentItems: Item[];
+    currentItems: ItemInternal[];
     firstItemOnActivePageIndex: number;
     noItemsLabel?: string | ReactNode;
     onRowChecked?: (id: number, value: boolean) => void;
-    onRowClick?: (item: Item, index: number, columnName: string, event: MouseEvent | boolean) => void;
+    onRowClick?: (item: ItemInternal, index: number, columnName: string, event: MouseEvent | boolean) => void;
     rawColumnNames: string[];
     scopedColumns?: ScopedColumns;
     selectable?: boolean;

package/dist/components/smart-table/CSmartTableInterface.d.ts

@@ -7,10 +7,10 @@ import { CTableHeaderCellProps } from '../table/CTableHeaderCell';
 import { CTableRowProps } from '../table/CTableRow';
 import { CTableHeadProps } from '../table/CTableHead';
 export interface Column {
-    sorter?: boolean;
-    key: string;
-    label?: string;
     filter?: boolean;
+    label?: string;
+    key: string;
+    sorter?: boolean;
     _style?: any;
     _props?: CTableHeaderCellProps;
 }
@@ -23,9 +23,11 @@ export interface ColumnFilterValue {
 }
 export interface Item {
     [key: string]: number | string | any;
+    _props?: CTableRowProps;
+    _selected?: boolean;
+}
+export interface ItemInternal extends Item {
     _id: number;
-    _props: CTableRowProps;
-    _selected: boolean;
 }
 export interface ItemsPerPageSelect {
     external?: boolean;
@@ -37,6 +39,7 @@ export interface Sorter {
     external?: boolean;
 }
 export interface ScopedColumns {
+    [key: string]: any;
     details?: (a: Item, b: number) => ReactNode;
 }
 export interface SorterValue {
@@ -104,7 +107,7 @@ export interface CSmartTableProps extends HTMLAttributes<HTMLDivElement> {
      * - sorter (Boolean) - disables sorting of the column when set to false
      * - filter (Boolean) - removes filter from column when set to false.
      */
-    columns?: Column[] | string[];
+    columns?: (string | Column)[];
     /**
      * Enables table sorting by column value. Sorting will be performed corectly only if values in column are of one type: string (case insensitive) or number.
      *

package/dist/components/tooltip/CTooltip.d.ts

@@ -5,7 +5,7 @@ export interface CTooltipProps {
     /**
      * Content node for your component.
      */
-    content: ReactNode;
+    content: ReactNode | string;
     /**
      * Callback fired when the component requests to be hidden.
      */

package/dist/index.es.js

@@ -358,6 +358,8 @@ var ReactPropTypesSecret$7 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
 
 var ReactPropTypesSecret_1$1 = ReactPropTypesSecret$7;
 
+var has$4 = Function.call.bind(Object.prototype.hasOwnProperty);
+
 /**
  * Copyright (c) 2013-present, Facebook, Inc.
  *
@@ -370,7 +372,7 @@ var printWarning$4 = function() {};
 if (process.env.NODE_ENV !== 'production') {
   var ReactPropTypesSecret$6 = ReactPropTypesSecret_1$1;
   var loggedTypeFailures$1 = {};
-  var has$3 = Function.call.bind(Object.prototype.hasOwnProperty);
+  var has$3 = has$4;
 
   printWarning$4 = function(text) {
     var message = 'Warning: ' + text;
@@ -382,7 +384,7 @@ if (process.env.NODE_ENV !== 'production') {
       // This error was thrown as a convenience so that you can use this stack
       // to find the callsite that caused this warning to fire.
       throw new Error(message);
-    } catch (x) {}
+    } catch (x) { /**/ }
   };
 }
 
@@ -411,7 +413,8 @@ function checkPropTypes$3(typeSpecs, values, location, componentName, getStack)
           if (typeof typeSpecs[typeSpecName] !== 'function') {
             var err = Error(
               (componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' +
-              'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.'
+              'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' +
+              'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.'
             );
             err.name = 'Invariant Violation';
             throw err;
@@ -470,9 +473,9 @@ var ReactIs$3 = reactIs$1.exports;
 var assign$1 = objectAssign$1;
 
 var ReactPropTypesSecret$5 = ReactPropTypesSecret_1$1;
+var has$2 = has$4;
 var checkPropTypes$2 = checkPropTypes_1$1;
 
-var has$2 = Function.call.bind(Object.prototype.hasOwnProperty);
 var printWarning$3 = function() {};
 
 if (process.env.NODE_ENV !== 'production') {
@@ -573,6 +576,7 @@ var factoryWithTypeCheckers$1 = function(isValidElement, throwOnDirectAccess) {
   // Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
   var ReactPropTypes = {
     array: createPrimitiveTypeChecker('array'),
+    bigint: createPrimitiveTypeChecker('bigint'),
     bool: createPrimitiveTypeChecker('boolean'),
     func: createPrimitiveTypeChecker('function'),
     number: createPrimitiveTypeChecker('number'),
@@ -618,8 +622,9 @@ var factoryWithTypeCheckers$1 = function(isValidElement, throwOnDirectAccess) {
    * is prohibitively expensive if they are created too often, such as what
    * happens in oneOfType() for any type before the one that matched.
    */
-  function PropTypeError(message) {
+  function PropTypeError(message, data) {
     this.message = message;
+    this.data = data && typeof data === 'object' ? data: {};
     this.stack = '';
   }
   // Make `instanceof Error` still work for returned errors.
@@ -654,7 +659,7 @@ var factoryWithTypeCheckers$1 = function(isValidElement, throwOnDirectAccess) {
           ) {
             printWarning$3(
               'You are manually calling a React.PropTypes validation ' +
-              'function for the `' + propFullName + '` prop on `' + componentName  + '`. This is deprecated ' +
+              'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' +
               'and will throw in the standalone `prop-types` package. ' +
               'You may be seeing this warning due to a third-party PropTypes ' +
               'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.'
@@ -693,7 +698,10 @@ var factoryWithTypeCheckers$1 = function(isValidElement, throwOnDirectAccess) {
         // 'of type `object`'.
         var preciseType = getPreciseType(propValue);
 
-        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'));
+        return new PropTypeError(
+          'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'),
+          {expectedType: expectedType}
+        );
       }
       return null;
     }
@@ -837,14 +845,19 @@ var factoryWithTypeCheckers$1 = function(isValidElement, throwOnDirectAccess) {
     }
 
     function validate(props, propName, componentName, location, propFullName) {
+      var expectedTypes = [];
       for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
         var checker = arrayOfTypeCheckers[i];
-        if (checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret$5) == null) {
+        var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret$5);
+        if (checkerResult == null) {
           return null;
         }
+        if (checkerResult.data.hasOwnProperty('expectedType')) {
+          expectedTypes.push(checkerResult.data.expectedType);
+        }
       }
-
-      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.'));
+      var expectedTypesMessage = (expectedTypes.length > 0) ? ', expected one of type [' + expectedTypes.join(', ') + ']': '';
+      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`' + expectedTypesMessage + '.'));
     }
     return createChainableTypeChecker(validate);
   }
@@ -859,6 +872,13 @@ var factoryWithTypeCheckers$1 = function(isValidElement, throwOnDirectAccess) {
     return createChainableTypeChecker(validate);
   }
 
+  function invalidValidatorError(componentName, location, propFullName, key, type) {
+    return new PropTypeError(
+      (componentName || 'React class') + ': ' + location + ' type `' + propFullName + '.' + key + '` is invalid; ' +
+      'it must be a function, usually from the `prop-types` package, but received `' + type + '`.'
+    );
+  }
+
   function createShapeTypeChecker(shapeTypes) {
     function validate(props, propName, componentName, location, propFullName) {
       var propValue = props[propName];
@@ -868,8 +888,8 @@ var factoryWithTypeCheckers$1 = function(isValidElement, throwOnDirectAccess) {
       }
       for (var key in shapeTypes) {
         var checker = shapeTypes[key];
-        if (!checker) {
-          continue;
+        if (typeof checker !== 'function') {
+          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
         }
         var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$5);
         if (error) {
@@ -888,16 +908,18 @@ var factoryWithTypeCheckers$1 = function(isValidElement, throwOnDirectAccess) {
       if (propType !== 'object') {
         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
       }
-      // We need to check all keys in case some are required but missing from
-      // props.
+      // We need to check all keys in case some are required but missing from props.
       var allKeys = assign$1({}, props[propName], shapeTypes);
       for (var key in allKeys) {
         var checker = shapeTypes[key];
+        if (has$2(shapeTypes, key) && typeof checker !== 'function') {
+          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+        }
         if (!checker) {
           return new PropTypeError(
             'Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' +
             '\nBad object: ' + JSON.stringify(props[propName], null, '  ') +
-            '\nValid keys: ' +  JSON.stringify(Object.keys(shapeTypes), null, '  ')
+            '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, '  ')
           );
         }
         var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$5);
@@ -1082,6 +1104,7 @@ var factoryWithThrowingShims$1 = function() {
   // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
   var ReactPropTypes = {
     array: shim,
+    bigint: shim,
     bool: shim,
     func: shim,
     number: shim,
@@ -2360,6 +2383,7 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, T
 var CSSTransition$1 = CSSTransition;
 
 // code borrowed from https://github.com/reach/reach-ui
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function useForkedRef() {
     var refs = [];
     for (var _i = 0; _i < arguments.length; _i++) {
@@ -2369,6 +2393,7 @@ function useForkedRef() {
         if (refs.every(function (ref) { return ref == null; })) {
             return null;
         }
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         return function (node) {
             refs.forEach(function (ref) {
                 assignRef(ref, node);
@@ -2376,7 +2401,10 @@ function useForkedRef() {
         };
     }, refs);
 }
-function assignRef(ref, value) {
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function assignRef(ref, 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+value) {
     if (ref == null)
         return;
     if (isFunction(ref)) {
@@ -2391,6 +2419,7 @@ function assignRef(ref, value) {
         }
     }
 }
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
 function isFunction(value) {
     return !!(value && {}.toString.call(value) == '[object Function]');
 }
@@ -7334,12 +7363,12 @@ var CPopover = function (_a) {
 };
 CPopover.propTypes = {
     children: PropTypes$1.any,
-    content: PropTypes$1.node,
+    content: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node]),
     placement: PropTypes$1.oneOf(['auto', 'top', 'right', 'bottom', 'left']),
     offset: PropTypes$1.any,
     onHide: PropTypes$1.func,
     onShow: PropTypes$1.func,
-    title: PropTypes$1.string,
+    title: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node]),
     trigger: triggerPropType,
     visible: PropTypes$1.bool,
 };
@@ -9069,7 +9098,7 @@ var CIcon = forwardRef(function (_a, ref) {
     var iconName = useMemo(function () {
         return _icon && typeof _icon === 'string' && _icon.includes('-') ? toCamelCase(_icon) : _icon;
     }, [change]);
-    var titleCode = title ? "<title>" + title + "</title>" : '';
+    var titleCode = title ? "<title>".concat(title, "</title>") : '';
     var code = useMemo(function () {
         if (Array.isArray(_icon)) {
             return _icon;
@@ -9085,13 +9114,13 @@ var CIcon = forwardRef(function (_a, ref) {
         return Array.isArray(code) && code.length > 1 ? code[0] : '64 64';
     })();
     var viewBox = (function () {
-        return rest['viewBox'] || "0 0 " + scale;
+        return rest['viewBox'] || "0 0 ".concat(scale);
     })();
     // render
     var _className = customClassName
         ? classNames(customClassName)
         : classNames('icon', (_b = {},
-            _b["icon-" + size] = size,
+            _b["icon-".concat(size)] = size,
             _b["icon-custom-size"] = height || width,
             _b), className);
     return use ? (React__default.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", className: _className }, (height && { height: height }), (width && { width: width }), { role: "img" }, rest, { ref: ref }),
@@ -9290,7 +9319,7 @@ var CSmartTableHead = forwardRef(function (_a, ref) {
 CSmartTableHead.propTypes = {
     columnFilter: PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.object]),
     columnFilterState: PropTypes$1.object,
-    columnSorter: PropTypes$1.bool,
+    columnSorter: PropTypes$1.oneOfType([PropTypes$1.bool, PropTypes$1.object]),
     component: PropTypes$1.elementType,
     children: PropTypes$1.node,
     columns: PropTypes$1.arrayOf(PropTypes$1.oneOfType([PropTypes$1.any, PropTypes$1.string])).isRequired,
@@ -9882,7 +9911,7 @@ var CTooltip = function (_a) {
 };
 CTooltip.propTypes = {
     children: PropTypes$1.any,
-    content: PropTypes$1.node,
+    content: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.node]),
     placement: PropTypes$1.oneOf(['auto', 'top', 'right', 'bottom', 'left']),
     onHide: PropTypes$1.func,
     onShow: PropTypes$1.func,