@deephaven/components 0.5.2-beta.0 → 0.6.1-demo.10

package/dist/CardFlip.js

@@ -10,12 +10,14 @@ import "./CardFlip.css";
  * @param children Expects exactly two children
  * @returns
  */
-var CardFlip = function CardFlip(_ref) {
-  var className = _ref.className,
-      isFlipped = _ref.isFlipped,
-      children = _ref.children;
+var CardFlip = (_ref) => {
+  var {
+    className,
+    isFlipped,
+    children
+  } = _ref;
 
-  var getComponent = function getComponent(key) {
+  var getComponent = key => {
     if (children.length !== 2) {
       throw new Error('CardFlip requires 2 children to function');
     }
@@ -24,17 +26,17 @@ var CardFlip = function CardFlip(_ref) {
   };
 
   var front = useRef(null);
-  var transitionStart = useCallback(function (event) {
+  var transitionStart = useCallback(event => {
     if (event.target === event.currentTarget) {
       document.body.classList.add('card-flip--is-flipping');
     }
   }, []);
-  var transitionEnd = useCallback(function (event) {
+  var transitionEnd = useCallback(event => {
     if (event.target === event.currentTarget) {
       document.body.classList.remove('card-flip--is-flipping');
     }
   }, []);
-  useEffect(function () {
+  useEffect(() => {
     if (!front.current) throw Error('ref undefined');
     front.current.addEventListener('transitionstart', transitionStart);
   }, [transitionStart]);

package/dist/CardFlip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/CardFlip.tsx"],"names":["React","useCallback","useEffect","useRef","classNames","CardFlip","className","isFlipped","children","getComponent","key","length","Error","front","transitionStart","event","target","currentTarget","document","body","classList","add","transitionEnd","remove","current","addEventListener"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,SAA7B,EAAwCC,MAAxC,QAAsD,OAAtD;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAIiB;AAAA,MAHhCC,SAGgC,QAHhCA,SAGgC;AAAA,MAFhCC,SAEgC,QAFhCA,SAEgC;AAAA,MADhCC,QACgC,QADhCA,QACgC;;AAChC,MAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,GAAD,EAAgB;AACnC,QAAIF,QAAQ,CAACG,MAAT,KAAoB,CAAxB,EAA2B;AACzB,YAAM,IAAIC,KAAJ,CAAU,0CAAV,CAAN;AACD;;AACD,WAAOJ,QAAQ,CAACE,GAAD,CAAf;AACD,GALD;;AAOA,MAAMG,KAAK,GAAGV,MAAM,CAAiB,IAAjB,CAApB;AAEA,MAAMW,eAAe,GAAGb,WAAW,CAAC,UAAAc,KAAK,EAAI;AAC3C,QAAIA,KAAK,CAACC,MAAN,KAAiBD,KAAK,CAACE,aAA3B,EAA0C;AACxCC,MAAAA,QAAQ,CAACC,IAAT,CAAcC,SAAd,CAAwBC,GAAxB,CAA4B,wBAA5B;AACD;AACF,GAJkC,EAIhC,EAJgC,CAAnC;AAMA,MAAMC,aAAa,GAAGrB,WAAW,CAAC,UAAAc,KAAK,EAAI;AACzC,QAAIA,KAAK,CAACC,MAAN,KAAiBD,KAAK,CAACE,aAA3B,EAA0C;AACxCC,MAAAA,QAAQ,CAACC,IAAT,CAAcC,SAAd,CAAwBG,MAAxB,CAA+B,wBAA/B;AACD;AACF,GAJgC,EAI9B,EAJ8B,CAAjC;AAMArB,EAAAA,SAAS,CAAC,YAAM;AACd,QAAI,CAACW,KAAK,CAACW,OAAX,EAAoB,MAAMZ,KAAK,CAAC,eAAD,CAAX;AACpBC,IAAAA,KAAK,CAACW,OAAN,CAAcC,gBAAd,CAA+B,iBAA/B,EAAkDX,eAAlD;AACD,GAHQ,EAGN,CAACA,eAAD,CAHM,CAAT;AAKA,sBACE;AACE,IAAA,SAAS,EAAEV,UAAU,CAACE,SAAD,EAAY;AAC/B,+BAAyBC,SADM;AAE/B,8BAAwB,CAACA;AAFM,KAAZ;AADvB,kBAME;AAAK,IAAA,SAAS,EAAC;AAAf,KAAkCE,YAAY,CAAC,CAAD,CAA9C,CANF,eAOE;AACE,IAAA,GAAG,EAAEI,KADP;AAEE,IAAA,SAAS,EAAC,kBAFZ;AAGE,IAAA,eAAe,EAAES;AAHnB,KAKGb,YAAY,CAAC,CAAD,CALf,CAPF,CADF;AAiBD,CAhDD;;AAkDA,eAAeJ,QAAf","sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport './CardFlip.scss';\n\ntype CardFlipProps = {\n  isFlipped: boolean;\n  children: [React.ReactNode, React.ReactNode];\n  className?: string;\n};\n\n/**\n * Card flip component, switches between a front and back face being visible.\n * Has logic to handle overflow on body, caused by perspective transforms\n * and moves z-index to top during transition.\n * @param isFlipped true shows second child, false shows first child\n * @param children Expects exactly two children\n * @returns\n */\nconst CardFlip = ({\n  className,\n  isFlipped,\n  children,\n}: CardFlipProps): JSX.Element => {\n  const getComponent = (key: 0 | 1) => {\n    if (children.length !== 2) {\n      throw new Error('CardFlip requires 2 children to function');\n    }\n    return children[key];\n  };\n\n  const front = useRef<HTMLDivElement>(null);\n\n  const transitionStart = useCallback(event => {\n    if (event.target === event.currentTarget) {\n      document.body.classList.add('card-flip--is-flipping');\n    }\n  }, []);\n\n  const transitionEnd = useCallback(event => {\n    if (event.target === event.currentTarget) {\n      document.body.classList.remove('card-flip--is-flipping');\n    }\n  }, []);\n\n  useEffect(() => {\n    if (!front.current) throw Error('ref undefined');\n    front.current.addEventListener('transitionstart', transitionStart);\n  }, [transitionStart]);\n\n  return (\n    <div\n      className={classNames(className, {\n        'card-flip--show-front': isFlipped,\n        'card-flip--show-back': !isFlipped,\n      })}\n    >\n      <div className=\"card-flip--back\">{getComponent(0)}</div>\n      <div\n        ref={front}\n        className=\"card-flip--front\"\n        onTransitionEnd={transitionEnd}\n      >\n        {getComponent(1)}\n      </div>\n    </div>\n  );\n};\n\nexport default CardFlip;\n"],"file":"CardFlip.js"}
+{"version":3,"sources":["../src/CardFlip.tsx"],"names":["React","useCallback","useEffect","useRef","classNames","CardFlip","className","isFlipped","children","getComponent","key","length","Error","front","transitionStart","event","target","currentTarget","document","body","classList","add","transitionEnd","remove","current","addEventListener"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,SAA7B,EAAwCC,MAAxC,QAAsD,OAAtD;AACA,OAAOC,UAAP,MAAuB,YAAvB;;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,QAAQ,GAAG,UAIiB;AAAA,MAJhB;AAChBC,IAAAA,SADgB;AAEhBC,IAAAA,SAFgB;AAGhBC,IAAAA;AAHgB,GAIgB;;AAChC,MAAMC,YAAY,GAAIC,GAAD,IAAgB;AACnC,QAAIF,QAAQ,CAACG,MAAT,KAAoB,CAAxB,EAA2B;AACzB,YAAM,IAAIC,KAAJ,CAAU,0CAAV,CAAN;AACD;;AACD,WAAOJ,QAAQ,CAACE,GAAD,CAAf;AACD,GALD;;AAOA,MAAMG,KAAK,GAAGV,MAAM,CAAiB,IAAjB,CAApB;AAEA,MAAMW,eAAe,GAAGb,WAAW,CAACc,KAAK,IAAI;AAC3C,QAAIA,KAAK,CAACC,MAAN,KAAiBD,KAAK,CAACE,aAA3B,EAA0C;AACxCC,MAAAA,QAAQ,CAACC,IAAT,CAAcC,SAAd,CAAwBC,GAAxB,CAA4B,wBAA5B;AACD;AACF,GAJkC,EAIhC,EAJgC,CAAnC;AAMA,MAAMC,aAAa,GAAGrB,WAAW,CAACc,KAAK,IAAI;AACzC,QAAIA,KAAK,CAACC,MAAN,KAAiBD,KAAK,CAACE,aAA3B,EAA0C;AACxCC,MAAAA,QAAQ,CAACC,IAAT,CAAcC,SAAd,CAAwBG,MAAxB,CAA+B,wBAA/B;AACD;AACF,GAJgC,EAI9B,EAJ8B,CAAjC;AAMArB,EAAAA,SAAS,CAAC,MAAM;AACd,QAAI,CAACW,KAAK,CAACW,OAAX,EAAoB,MAAMZ,KAAK,CAAC,eAAD,CAAX;AACpBC,IAAAA,KAAK,CAACW,OAAN,CAAcC,gBAAd,CAA+B,iBAA/B,EAAkDX,eAAlD;AACD,GAHQ,EAGN,CAACA,eAAD,CAHM,CAAT;AAKA,sBACE;AACE,IAAA,SAAS,EAAEV,UAAU,CAACE,SAAD,EAAY;AAC/B,+BAAyBC,SADM;AAE/B,8BAAwB,CAACA;AAFM,KAAZ;AADvB,kBAME;AAAK,IAAA,SAAS,EAAC;AAAf,KAAkCE,YAAY,CAAC,CAAD,CAA9C,CANF,eAOE;AACE,IAAA,GAAG,EAAEI,KADP;AAEE,IAAA,SAAS,EAAC,kBAFZ;AAGE,IAAA,eAAe,EAAES;AAHnB,KAKGb,YAAY,CAAC,CAAD,CALf,CAPF,CADF;AAiBD,CAhDD;;AAkDA,eAAeJ,QAAf","sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport './CardFlip.scss';\n\ntype CardFlipProps = {\n  isFlipped: boolean;\n  children: [React.ReactNode, React.ReactNode];\n  className?: string;\n};\n\n/**\n * Card flip component, switches between a front and back face being visible.\n * Has logic to handle overflow on body, caused by perspective transforms\n * and moves z-index to top during transition.\n * @param isFlipped true shows second child, false shows first child\n * @param children Expects exactly two children\n * @returns\n */\nconst CardFlip = ({\n  className,\n  isFlipped,\n  children,\n}: CardFlipProps): JSX.Element => {\n  const getComponent = (key: 0 | 1) => {\n    if (children.length !== 2) {\n      throw new Error('CardFlip requires 2 children to function');\n    }\n    return children[key];\n  };\n\n  const front = useRef<HTMLDivElement>(null);\n\n  const transitionStart = useCallback(event => {\n    if (event.target === event.currentTarget) {\n      document.body.classList.add('card-flip--is-flipping');\n    }\n  }, []);\n\n  const transitionEnd = useCallback(event => {\n    if (event.target === event.currentTarget) {\n      document.body.classList.remove('card-flip--is-flipping');\n    }\n  }, []);\n\n  useEffect(() => {\n    if (!front.current) throw Error('ref undefined');\n    front.current.addEventListener('transitionstart', transitionStart);\n  }, [transitionStart]);\n\n  return (\n    <div\n      className={classNames(className, {\n        'card-flip--show-front': isFlipped,\n        'card-flip--show-back': !isFlipped,\n      })}\n    >\n      <div className=\"card-flip--back\">{getComponent(0)}</div>\n      <div\n        ref={front}\n        className=\"card-flip--front\"\n        onTransitionEnd={transitionEnd}\n      >\n        {getComponent(1)}\n      </div>\n    </div>\n  );\n};\n\nexport default CardFlip;\n"],"file":"CardFlip.js"}

package/dist/Checkbox.js

@@ -1,15 +1,3 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import React, { useState, useEffect, useCallback } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
@@ -19,29 +7,26 @@ import { useForwardedRef } from '@deephaven/react-hooks';
 /**
  * A simple checkbox component. Automatically generates an id so htmlFor/id attributes are unique.
  */
-var Checkbox = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
-  var _props$checked = props.checked,
-      checked = _props$checked === void 0 ? false : _props$checked,
-      children = props.children,
-      className = props.className,
-      disabled = props.disabled,
-      inputClassName = props.inputClassName,
-      isInvalid = props.isInvalid,
-      labelClassName = props.labelClassName,
-      onChange = props.onChange;
-
-  var _useState = useState(shortid()),
-      _useState2 = _slicedToArray(_useState, 1),
-      id = _useState2[0];
-
+var Checkbox = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
+  var {
+    checked = false,
+    children,
+    className,
+    disabled,
+    inputClassName,
+    isInvalid,
+    labelClassName,
+    onChange
+  } = props;
+  var [id] = useState(shortid());
   var ref = useForwardedRef(forwardedRef);
-  useEffect(function () {
+  useEffect(() => {
     if (ref.current) {
       // indeterminate is not actually an html attr, can only be set via JS
       ref.current.indeterminate = checked === null;
     }
   }, [ref, checked]);
-  var handleOnChange = useCallback(function (event) {
+  var handleOnChange = useCallback(event => {
     if (ref.current) {
       // ref.current can be null in tests, doesn't impact behaviour
       ref.current.indeterminate = checked === null;
@@ -74,8 +59,10 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
 Checkbox.displayName = 'Checkbox';
 Checkbox.propTypes = {
   /** Current value of the checkbox. */
-  checked: function checked(props, propName) {
-    var checkedType = props[propName];
+  checked: (props, propName) => {
+    var {
+      [propName]: checkedType
+    } = props;
 
     if (checkedType !== null && typeof checkedType !== 'boolean') {
       return new Error('Checked must be a boolean or null for indeterminate');

package/dist/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Checkbox.tsx"],"names":["React","useState","useEffect","useCallback","classNames","PropTypes","shortid","useForwardedRef","Checkbox","forwardRef","props","forwardedRef","checked","children","className","disabled","inputClassName","isInvalid","labelClassName","onChange","id","ref","current","indeterminate","handleOnChange","event","displayName","propTypes","propName","checkedType","Error","node","isRequired","string","bool","func","defaultProps","undefined"],"mappings":"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","sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport shortid from 'shortid';\nimport { useForwardedRef } from '@deephaven/react-hooks';\n\ninterface CheckboxProps {\n  checked: boolean | null;\n  className?: string;\n  disabled?: boolean;\n  inputClassName?: string;\n  isInvalid?: boolean;\n  labelClassName?: string;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  children?: React.ReactNode;\n}\n\n/**\n * A simple checkbox component. Automatically generates an id so htmlFor/id attributes are unique.\n */\nconst Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  (props, forwardedRef) => {\n    const {\n      checked = false,\n      children,\n      className,\n      disabled,\n      inputClassName,\n      isInvalid,\n      labelClassName,\n      onChange,\n    } = props;\n\n    const [id] = useState(shortid());\n\n    const ref = useForwardedRef<HTMLInputElement>(forwardedRef);\n\n    useEffect(() => {\n      if (ref.current) {\n        // indeterminate is not actually an html attr, can only be set via JS\n        ref.current.indeterminate = checked === null;\n      }\n    }, [ref, checked]);\n\n    const handleOnChange: React.ChangeEventHandler<HTMLInputElement> = useCallback(\n      event => {\n        if (ref.current) {\n          // ref.current can be null in tests, doesn't impact behaviour\n          ref.current.indeterminate = checked === null;\n        }\n\n        if (onChange) {\n          onChange(event);\n        }\n      },\n      [ref, checked, onChange]\n    );\n\n    return (\n      <div className={classNames('custom-control custom-checkbox', className)}>\n        <input\n          type=\"checkbox\"\n          ref={ref}\n          checked={checked ?? false} // checked attr must always have a value to remain as a controlled component\n          className={classNames('custom-control-input', inputClassName, {\n            'is-invalid': isInvalid,\n          })}\n          disabled={disabled}\n          id={id}\n          onChange={handleOnChange}\n        />\n        <label\n          className={classNames('custom-control-label', labelClassName)}\n          htmlFor={id}\n        >\n          {children}\n        </label>\n      </div>\n    );\n  }\n);\n\n// Forward ref causes a false positive for display-name in eslint:\n// https://github.com/yannickcr/eslint-plugin-react/issues/2269\nCheckbox.displayName = 'Checkbox';\n\nCheckbox.propTypes = {\n  /** Current value of the checkbox. */\n  checked: (props, propName) => {\n    const { [propName]: checkedType } = props;\n    if (checkedType !== null && typeof checkedType !== 'boolean') {\n      return new Error('Checked must be a boolean or null for indeterminate');\n    }\n    return null;\n  },\n\n  /** The node/text to put in the label of this checkbox */\n  children: PropTypes.node.isRequired,\n\n  /** An extra class name to add to the outer div component */\n  className: PropTypes.string,\n\n  /** An extra class for disabling the checkbox component */\n  disabled: PropTypes.bool,\n\n  /** An extra class name for the input component */\n  inputClassName: PropTypes.string,\n\n  /** Convenience for styling appropriately for an invalid value */\n  isInvalid: PropTypes.bool,\n\n  /** An extra class name for the label component */\n  labelClassName: PropTypes.string,\n\n  /** Triggered when the input is checked/unchecked */\n  onChange: PropTypes.func,\n};\n\nCheckbox.defaultProps = {\n  checked: false,\n  className: '',\n  disabled: false,\n  inputClassName: '',\n  isInvalid: false,\n  labelClassName: '',\n  onChange: undefined,\n};\n\nexport default Checkbox;\n"],"file":"Checkbox.js"}
+{"version":3,"sources":["../src/Checkbox.tsx"],"names":["React","useState","useEffect","useCallback","classNames","PropTypes","shortid","useForwardedRef","Checkbox","forwardRef","props","forwardedRef","checked","children","className","disabled","inputClassName","isInvalid","labelClassName","onChange","id","ref","current","indeterminate","handleOnChange","event","displayName","propTypes","propName","checkedType","Error","node","isRequired","string","bool","func","defaultProps","undefined"],"mappings":"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","sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport shortid from 'shortid';\nimport { useForwardedRef } from '@deephaven/react-hooks';\n\ninterface CheckboxProps {\n  checked: boolean | null;\n  className?: string;\n  disabled?: boolean;\n  inputClassName?: string;\n  isInvalid?: boolean;\n  labelClassName?: string;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  children?: React.ReactNode;\n}\n\n/**\n * A simple checkbox component. Automatically generates an id so htmlFor/id attributes are unique.\n */\nconst Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  (props, forwardedRef) => {\n    const {\n      checked = false,\n      children,\n      className,\n      disabled,\n      inputClassName,\n      isInvalid,\n      labelClassName,\n      onChange,\n    } = props;\n\n    const [id] = useState(shortid());\n\n    const ref = useForwardedRef<HTMLInputElement>(forwardedRef);\n\n    useEffect(() => {\n      if (ref.current) {\n        // indeterminate is not actually an html attr, can only be set via JS\n        ref.current.indeterminate = checked === null;\n      }\n    }, [ref, checked]);\n\n    const handleOnChange: React.ChangeEventHandler<HTMLInputElement> = useCallback(\n      event => {\n        if (ref.current) {\n          // ref.current can be null in tests, doesn't impact behaviour\n          ref.current.indeterminate = checked === null;\n        }\n\n        if (onChange) {\n          onChange(event);\n        }\n      },\n      [ref, checked, onChange]\n    );\n\n    return (\n      <div className={classNames('custom-control custom-checkbox', className)}>\n        <input\n          type=\"checkbox\"\n          ref={ref}\n          checked={checked ?? false} // checked attr must always have a value to remain as a controlled component\n          className={classNames('custom-control-input', inputClassName, {\n            'is-invalid': isInvalid,\n          })}\n          disabled={disabled}\n          id={id}\n          onChange={handleOnChange}\n        />\n        <label\n          className={classNames('custom-control-label', labelClassName)}\n          htmlFor={id}\n        >\n          {children}\n        </label>\n      </div>\n    );\n  }\n);\n\n// Forward ref causes a false positive for display-name in eslint:\n// https://github.com/yannickcr/eslint-plugin-react/issues/2269\nCheckbox.displayName = 'Checkbox';\n\nCheckbox.propTypes = {\n  /** Current value of the checkbox. */\n  checked: (props, propName) => {\n    const { [propName]: checkedType } = props;\n    if (checkedType !== null && typeof checkedType !== 'boolean') {\n      return new Error('Checked must be a boolean or null for indeterminate');\n    }\n    return null;\n  },\n\n  /** The node/text to put in the label of this checkbox */\n  children: PropTypes.node.isRequired,\n\n  /** An extra class name to add to the outer div component */\n  className: PropTypes.string,\n\n  /** An extra class for disabling the checkbox component */\n  disabled: PropTypes.bool,\n\n  /** An extra class name for the input component */\n  inputClassName: PropTypes.string,\n\n  /** Convenience for styling appropriately for an invalid value */\n  isInvalid: PropTypes.bool,\n\n  /** An extra class name for the label component */\n  labelClassName: PropTypes.string,\n\n  /** Triggered when the input is checked/unchecked */\n  onChange: PropTypes.func,\n};\n\nCheckbox.defaultProps = {\n  checked: false,\n  className: '',\n  disabled: false,\n  inputClassName: '',\n  isInvalid: false,\n  labelClassName: '',\n  onChange: undefined,\n};\n\nexport default Checkbox;\n"],"file":"Checkbox.js"}

package/dist/Collapse.js

@@ -1,25 +1,3 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 // Port of https://github.com/react-bootstrap/react-bootstrap/blob/master/src/Collapse.js
@@ -28,103 +6,85 @@ import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import { CSSTransition } from 'react-transition-group';
 
-var Collapse = /*#__PURE__*/function (_Component) {
-  _inherits(Collapse, _Component);
+class Collapse extends Component {
+  static handleEnter(elemParam) {
+    var elem = elemParam;
+    elem.style.height = '0';
+  }
+
+  static handleEntering(elemParam) {
+    var elem = elemParam;
+    elem.style.height = "".concat(Collapse.getHeight(elem), "px");
+  }
 
-  var _super = _createSuper(Collapse);
+  static handleExiting(elemParam) {
+    var elem = elemParam;
+    elem.style.height = '0';
+  }
 
-  function Collapse(props) {
-    var _this;
+  static handleExit(elemParam) {
+    var elem = elemParam;
+    elem.style.height = "".concat(Collapse.getHeight(elem), "px");
+  }
 
-    _classCallCheck(this, Collapse);
+  static getHeight(elem) {
+    var scrollBarWidth = elem.scrollWidth - elem.clientWidth;
+    return elem.scrollHeight - scrollBarWidth;
+  }
 
-    _this = _super.call(this, props);
-    _this.handleEntered = _this.handleEntered.bind(_assertThisInitialized(_this));
-    return _this;
+  constructor(props) {
+    super(props);
+    this.handleEntered = this.handleEntered.bind(this);
   }
 
-  _createClass(Collapse, [{
-    key: "handleEntered",
-    value: function handleEntered(elemParam) {
-      var elem = elemParam;
-      elem.style.height = '';
-      var autoFocusOnShow = this.props.autoFocusOnShow;
+  handleEntered(elemParam) {
+    var elem = elemParam;
+    elem.style.height = '';
+    var {
+      autoFocusOnShow
+    } = this.props;
 
-      if (autoFocusOnShow) {
-        var input = elem.querySelector('input, select, textarea');
+    if (autoFocusOnShow) {
+      var input = elem.querySelector('input, select, textarea');
 
-        if (input) {
-          input.focus();
-        }
+      if (input) {
+        input.focus();
       }
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          children = _this$props.children,
-          className = _this$props.className,
-          inTransition = _this$props["in"];
-      return /*#__PURE__*/React.createElement(CSSTransition, {
-        "in": inTransition,
-        classNames: {
-          enterActive: 'collapsing',
-          enterDone: 'collapse show',
-          exitActive: 'collapsing',
-          exitDone: 'collapse'
-        },
-        onEnter: Collapse.handleEnter,
-        onEntering: Collapse.handleEntering,
-        onEntered: this.handleEntered,
-        onExit: Collapse.handleExit,
-        onExiting: Collapse.handleExiting,
-        timeout: 350
-      }, function (state) {
-        return /*#__PURE__*/React.createElement("div", {
-          className: classNames({
-            collapse: state === 'exited'
-          }, className)
-        }, children);
-      });
-    }
-  }], [{
-    key: "handleEnter",
-    value: function handleEnter(elemParam) {
-      var elem = elemParam;
-      elem.style.height = '0';
-    }
-  }, {
-    key: "handleEntering",
-    value: function handleEntering(elemParam) {
-      var elem = elemParam;
-      elem.style.height = "".concat(Collapse.getHeight(elem), "px");
-    }
-  }, {
-    key: "handleExiting",
-    value: function handleExiting(elemParam) {
-      var elem = elemParam;
-      elem.style.height = '0';
-    }
-  }, {
-    key: "handleExit",
-    value: function handleExit(elemParam) {
-      var elem = elemParam;
-      elem.style.height = "".concat(Collapse.getHeight(elem), "px");
-    }
-  }, {
-    key: "getHeight",
-    value: function getHeight(elem) {
-      var scrollBarWidth = elem.scrollWidth - elem.clientWidth;
-      return elem.scrollHeight - scrollBarWidth;
-    }
-  }]);
+  }
+
+  render() {
+    var {
+      children,
+      className,
+      in: inTransition
+    } = this.props;
+    return /*#__PURE__*/React.createElement(CSSTransition, {
+      in: inTransition,
+      classNames: {
+        enterActive: 'collapsing',
+        enterDone: 'collapse show',
+        exitActive: 'collapsing',
+        exitDone: 'collapse'
+      },
+      onEnter: Collapse.handleEnter,
+      onEntering: Collapse.handleEntering,
+      onEntered: this.handleEntered,
+      onExit: Collapse.handleExit,
+      onExiting: Collapse.handleExiting,
+      timeout: 350
+    }, state => /*#__PURE__*/React.createElement("div", {
+      className: classNames({
+        collapse: state === 'exited'
+      }, className)
+    }, children));
+  }
 
-  return Collapse;
-}(Component);
+}
 
 _defineProperty(Collapse, "propTypes", {
   className: PropTypes.string,
-  "in": PropTypes.bool.isRequired,
+  in: PropTypes.bool.isRequired,
   children: PropTypes.node.isRequired,
   autoFocusOnShow: PropTypes.bool
 });

package/dist/Collapse.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Collapse.tsx"],"names":["React","Component","classNames","PropTypes","CSSTransition","Collapse","props","handleEntered","bind","elemParam","elem","style","height","autoFocusOnShow","input","querySelector","focus","children","className","inTransition","enterActive","enterDone","exitActive","exitDone","handleEnter","handleEntering","handleExit","handleExiting","state","collapse","getHeight","scrollBarWidth","scrollWidth","clientWidth","scrollHeight","string","bool","isRequired","node"],"mappings":"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","sourcesContent":["// Port of https://github.com/react-bootstrap/react-bootstrap/blob/master/src/Collapse.js\nimport React, { Component } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { CSSTransition } from 'react-transition-group';\n\ninterface CollapseProps {\n  className?: string;\n  in: boolean;\n  children: React.ReactNode;\n  autoFocusOnShow?: boolean;\n}\n\nclass Collapse extends Component<CollapseProps> {\n  static propTypes = {\n    className: PropTypes.string,\n    in: PropTypes.bool.isRequired,\n    children: PropTypes.node.isRequired,\n    autoFocusOnShow: PropTypes.bool,\n  };\n\n  static defaultProps = {\n    className: '',\n    autoFocusOnShow: false,\n  };\n\n  static handleEnter(elemParam: HTMLElement): void {\n    const elem = elemParam;\n    elem.style.height = '0';\n  }\n\n  static handleEntering(elemParam: HTMLElement): void {\n    const elem = elemParam;\n    elem.style.height = `${Collapse.getHeight(elem)}px`;\n  }\n\n  static handleExiting(elemParam: HTMLElement): void {\n    const elem = elemParam;\n    elem.style.height = '0';\n  }\n\n  static handleExit(elemParam: HTMLElement): void {\n    const elem = elemParam;\n    elem.style.height = `${Collapse.getHeight(elem)}px`;\n  }\n\n  static getHeight(elem: HTMLElement): number {\n    const scrollBarWidth = elem.scrollWidth - elem.clientWidth;\n    return elem.scrollHeight - scrollBarWidth;\n  }\n\n  constructor(props: CollapseProps) {\n    super(props);\n\n    this.handleEntered = this.handleEntered.bind(this);\n  }\n\n  handleEntered(elemParam: HTMLElement): void {\n    const elem = elemParam;\n    elem.style.height = '';\n\n    const { autoFocusOnShow } = this.props;\n    if (autoFocusOnShow) {\n      const input = elem.querySelector(\n        'input, select, textarea'\n      ) as HTMLInputElement;\n\n      if (input) {\n        input.focus();\n      }\n    }\n  }\n\n  render(): JSX.Element {\n    const { children, className, in: inTransition } = this.props;\n    return (\n      <CSSTransition\n        in={inTransition}\n        classNames={{\n          enterActive: 'collapsing',\n          enterDone: 'collapse show',\n          exitActive: 'collapsing',\n          exitDone: 'collapse',\n        }}\n        onEnter={Collapse.handleEnter}\n        onEntering={Collapse.handleEntering}\n        onEntered={this.handleEntered}\n        onExit={Collapse.handleExit}\n        onExiting={Collapse.handleExiting}\n        timeout={350}\n      >\n        {state => (\n          <div\n            className={classNames({ collapse: state === 'exited' }, className)}\n          >\n            {children}\n          </div>\n        )}\n      </CSSTransition>\n    );\n  }\n}\n\nexport default Collapse;\n"],"file":"Collapse.js"}
+{"version":3,"sources":["../src/Collapse.tsx"],"names":["React","Component","classNames","PropTypes","CSSTransition","Collapse","handleEnter","elemParam","elem","style","height","handleEntering","getHeight","handleExiting","handleExit","scrollBarWidth","scrollWidth","clientWidth","scrollHeight","constructor","props","handleEntered","bind","autoFocusOnShow","input","querySelector","focus","render","children","className","in","inTransition","enterActive","enterDone","exitActive","exitDone","state","collapse","string","bool","isRequired","node"],"mappings":"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","sourcesContent":["// Port of https://github.com/react-bootstrap/react-bootstrap/blob/master/src/Collapse.js\nimport React, { Component } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { CSSTransition } from 'react-transition-group';\n\ninterface CollapseProps {\n  className?: string;\n  in: boolean;\n  children: React.ReactNode;\n  autoFocusOnShow?: boolean;\n}\n\nclass Collapse extends Component<CollapseProps> {\n  static propTypes = {\n    className: PropTypes.string,\n    in: PropTypes.bool.isRequired,\n    children: PropTypes.node.isRequired,\n    autoFocusOnShow: PropTypes.bool,\n  };\n\n  static defaultProps = {\n    className: '',\n    autoFocusOnShow: false,\n  };\n\n  static handleEnter(elemParam: HTMLElement): void {\n    const elem = elemParam;\n    elem.style.height = '0';\n  }\n\n  static handleEntering(elemParam: HTMLElement): void {\n    const elem = elemParam;\n    elem.style.height = `${Collapse.getHeight(elem)}px`;\n  }\n\n  static handleExiting(elemParam: HTMLElement): void {\n    const elem = elemParam;\n    elem.style.height = '0';\n  }\n\n  static handleExit(elemParam: HTMLElement): void {\n    const elem = elemParam;\n    elem.style.height = `${Collapse.getHeight(elem)}px`;\n  }\n\n  static getHeight(elem: HTMLElement): number {\n    const scrollBarWidth = elem.scrollWidth - elem.clientWidth;\n    return elem.scrollHeight - scrollBarWidth;\n  }\n\n  constructor(props: CollapseProps) {\n    super(props);\n\n    this.handleEntered = this.handleEntered.bind(this);\n  }\n\n  handleEntered(elemParam: HTMLElement): void {\n    const elem = elemParam;\n    elem.style.height = '';\n\n    const { autoFocusOnShow } = this.props;\n    if (autoFocusOnShow) {\n      const input = elem.querySelector(\n        'input, select, textarea'\n      ) as HTMLInputElement;\n\n      if (input) {\n        input.focus();\n      }\n    }\n  }\n\n  render(): JSX.Element {\n    const { children, className, in: inTransition } = this.props;\n    return (\n      <CSSTransition\n        in={inTransition}\n        classNames={{\n          enterActive: 'collapsing',\n          enterDone: 'collapse show',\n          exitActive: 'collapsing',\n          exitDone: 'collapse',\n        }}\n        onEnter={Collapse.handleEnter}\n        onEntering={Collapse.handleEntering}\n        onEntered={this.handleEntered}\n        onExit={Collapse.handleExit}\n        onExiting={Collapse.handleExiting}\n        timeout={350}\n      >\n        {state => (\n          <div\n            className={classNames({ collapse: state === 'exited' }, className)}\n          >\n            {children}\n          </div>\n        )}\n      </CSSTransition>\n    );\n  }\n}\n\nexport default Collapse;\n"],"file":"Collapse.js"}