@deephaven/components 0.22.3-beta.18 → 0.22.3-beta.21

package/dist/CardFlip.d.ts

@@ -14,6 +14,6 @@ declare type CardFlipProps = {
  * @param children Expects exactly two children
  * @returns
  */
-declare const CardFlip: ({ className, isFlipped, children, "data-testid": dataTestId, }: CardFlipProps) => JSX.Element;
+declare function CardFlip({ className, isFlipped, children, 'data-testid': dataTestId, }: CardFlipProps): JSX.Element;
 export default CardFlip;
 //# sourceMappingURL=CardFlip.d.ts.map

package/dist/CardFlip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardFlip.d.ts","sourceRoot":"","sources":["../src/CardFlip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,iBAAiB,CAAC;AAEzB,aAAK,aAAa,GAAG;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,QAAQ,mEAKX,aAAa,KAAG,WAuDlB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"CardFlip.d.ts","sourceRoot":"","sources":["../src/CardFlip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,iBAAiB,CAAC;AAEzB,aAAK,aAAa,GAAG;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF;;;;;;;GAOG;AACH,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,SAAS,EACT,QAAQ,EACR,aAAa,EAAE,UAAU,GAC1B,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAuD7B;AAED,eAAe,QAAQ,CAAC"}

package/dist/CardFlip.js

@@ -1,7 +1,6 @@
 import React, { useCallback, useEffect, useRef } from 'react';
 import classNames from 'classnames';
 import "./CardFlip.css";
-
 /**
  * Card flip component, switches between a front and back face being visible.
  * Has logic to handle overflow on body, caused by perspective transforms
@@ -10,22 +9,19 @@ import "./CardFlip.css";
  * @param children Expects exactly two children
  * @returns
  */
-var CardFlip = _ref => {
+function CardFlip(_ref) {
   var {
     className,
     isFlipped,
     children,
     'data-testid': dataTestId
   } = _ref;
-
   var getComponent = key => {
     if (children.length !== 2) {
       throw new Error('CardFlip requires 2 children to function');
     }
-
     return children[key];
   };
-
   var front = useRef(null);
   var transitionStart = useCallback(event => {
     if (event.target === event.currentTarget) {
@@ -60,7 +56,6 @@ var CardFlip = _ref => {
     className: "card-flip--front",
     onTransitionEnd: transitionEnd
   }, getComponent(1)));
-};
-
+}
 export default CardFlip;
 //# sourceMappingURL=CardFlip.js.map

package/dist/CardFlip.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardFlip.js","names":["React","useCallback","useEffect","useRef","classNames","CardFlip","className","isFlipped","children","dataTestId","getComponent","key","length","Error","front","transitionStart","event","target","currentTarget","document","body","classList","add","transitionEnd","remove","setIsFlippingClassOnTransitionStart","current","addEventListener","refObj","cleanupListener","removeEventListener"],"sources":["../src/CardFlip.tsx"],"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  'data-testid'?: 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  'data-testid': dataTestId,\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    function setIsFlippingClassOnTransitionStart() {\n      if (!front.current) throw Error('ref undefined');\n      front.current.addEventListener('transitionstart', transitionStart);\n\n      const refObj = front.current;\n      return function cleanupListener() {\n        if (refObj != null) {\n          return refObj.removeEventListener('transitionstart', transitionStart);\n        }\n      };\n    },\n    [transitionStart]\n  );\n\n  return (\n    <div\n      className={classNames(className, {\n        'card-flip--show-front': isFlipped,\n        'card-flip--show-back': !isFlipped,\n      })}\n      data-testid={dataTestId}\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"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,SAA7B,EAAwCC,MAAxC,QAAsD,OAAtD;AACA,OAAOC,UAAP,MAAuB,YAAvB;;;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,QAAQ,GAAG,QAKiB;EAAA,IALhB;IAChBC,SADgB;IAEhBC,SAFgB;IAGhBC,QAHgB;IAIhB,eAAeC;EAJC,CAKgB;;EAChC,IAAMC,YAAY,GAAIC,GAAD,IAAgB;IACnC,IAAIH,QAAQ,CAACI,MAAT,KAAoB,CAAxB,EAA2B;MACzB,MAAM,IAAIC,KAAJ,CAAU,0CAAV,CAAN;IACD;;IACD,OAAOL,QAAQ,CAACG,GAAD,CAAf;EACD,CALD;;EAOA,IAAMG,KAAK,GAAGX,MAAM,CAAiB,IAAjB,CAApB;EAEA,IAAMY,eAAe,GAAGd,WAAW,CAACe,KAAK,IAAI;IAC3C,IAAIA,KAAK,CAACC,MAAN,KAAiBD,KAAK,CAACE,aAA3B,EAA0C;MACxCC,QAAQ,CAACC,IAAT,CAAcC,SAAd,CAAwBC,GAAxB,CAA4B,wBAA5B;IACD;EACF,CAJkC,EAIhC,EAJgC,CAAnC;EAMA,IAAMC,aAAa,GAAGtB,WAAW,CAACe,KAAK,IAAI;IACzC,IAAIA,KAAK,CAACC,MAAN,KAAiBD,KAAK,CAACE,aAA3B,EAA0C;MACxCC,QAAQ,CAACC,IAAT,CAAcC,SAAd,CAAwBG,MAAxB,CAA+B,wBAA/B;IACD;EACF,CAJgC,EAI9B,EAJ8B,CAAjC;EAMAtB,SAAS,CACP,SAASuB,mCAAT,GAA+C;IAC7C,IAAI,CAACX,KAAK,CAACY,OAAX,EAAoB,MAAMb,KAAK,CAAC,eAAD,CAAX;IACpBC,KAAK,CAACY,OAAN,CAAcC,gBAAd,CAA+B,iBAA/B,EAAkDZ,eAAlD;IAEA,IAAMa,MAAM,GAAGd,KAAK,CAACY,OAArB;IACA,OAAO,SAASG,eAAT,GAA2B;MAChC,IAAID,MAAM,IAAI,IAAd,EAAoB;QAClB,OAAOA,MAAM,CAACE,mBAAP,CAA2B,iBAA3B,EAA8Cf,eAA9C,CAAP;MACD;IACF,CAJD;EAKD,CAXM,EAYP,CAACA,eAAD,CAZO,CAAT;EAeA,oBACE;IACE,SAAS,EAAEX,UAAU,CAACE,SAAD,EAAY;MAC/B,yBAAyBC,SADM;MAE/B,wBAAwB,CAACA;IAFM,CAAZ,CADvB;IAKE,eAAaE;EALf,gBAOE;IAAK,SAAS,EAAC;EAAf,GAAkCC,YAAY,CAAC,CAAD,CAA9C,CAPF,eAQE;IACE,GAAG,EAAEI,KADP;IAEE,SAAS,EAAC,kBAFZ;IAGE,eAAe,EAAES;EAHnB,GAKGb,YAAY,CAAC,CAAD,CALf,CARF,CADF;AAkBD,CA5DD;;AA8DA,eAAeL,QAAf"}
+{"version":3,"file":"CardFlip.js","names":["React","useCallback","useEffect","useRef","classNames","CardFlip","className","isFlipped","children","dataTestId","getComponent","key","length","Error","front","transitionStart","event","target","currentTarget","document","body","classList","add","transitionEnd","remove","setIsFlippingClassOnTransitionStart","current","addEventListener","refObj","cleanupListener","removeEventListener"],"sources":["../src/CardFlip.tsx"],"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  'data-testid'?: 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 */\nfunction CardFlip({\n  className,\n  isFlipped,\n  children,\n  'data-testid': dataTestId,\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    function setIsFlippingClassOnTransitionStart() {\n      if (!front.current) throw Error('ref undefined');\n      front.current.addEventListener('transitionstart', transitionStart);\n\n      const refObj = front.current;\n      return function cleanupListener() {\n        if (refObj != null) {\n          return refObj.removeEventListener('transitionstart', transitionStart);\n        }\n      };\n    },\n    [transitionStart]\n  );\n\n  return (\n    <div\n      className={classNames(className, {\n        'card-flip--show-front': isFlipped,\n        'card-flip--show-back': !isFlipped,\n      })}\n      data-testid={dataTestId}\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"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAC7D,OAAOC,UAAU,MAAM,YAAY;AAAC;AAUpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,QAAQ,OAKc;EAAA,IALb;IAChBC,SAAS;IACTC,SAAS;IACTC,QAAQ;IACR,aAAa,EAAEC;EACF,CAAC;EACd,IAAMC,YAAY,GAAIC,GAAU,IAAK;IACnC,IAAIH,QAAQ,CAACI,MAAM,KAAK,CAAC,EAAE;MACzB,MAAM,IAAIC,KAAK,CAAC,0CAA0C,CAAC;IAC7D;IACA,OAAOL,QAAQ,CAACG,GAAG,CAAC;EACtB,CAAC;EAED,IAAMG,KAAK,GAAGX,MAAM,CAAiB,IAAI,CAAC;EAE1C,IAAMY,eAAe,GAAGd,WAAW,CAACe,KAAK,IAAI;IAC3C,IAAIA,KAAK,CAACC,MAAM,KAAKD,KAAK,CAACE,aAAa,EAAE;MACxCC,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACC,GAAG,CAAC,wBAAwB,CAAC;IACvD;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMC,aAAa,GAAGtB,WAAW,CAACe,KAAK,IAAI;IACzC,IAAIA,KAAK,CAACC,MAAM,KAAKD,KAAK,CAACE,aAAa,EAAE;MACxCC,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACG,MAAM,CAAC,wBAAwB,CAAC;IAC1D;EACF,CAAC,EAAE,EAAE,CAAC;EAENtB,SAAS,CACP,SAASuB,mCAAmC,GAAG;IAC7C,IAAI,CAACX,KAAK,CAACY,OAAO,EAAE,MAAMb,KAAK,CAAC,eAAe,CAAC;IAChDC,KAAK,CAACY,OAAO,CAACC,gBAAgB,CAAC,iBAAiB,EAAEZ,eAAe,CAAC;IAElE,IAAMa,MAAM,GAAGd,KAAK,CAACY,OAAO;IAC5B,OAAO,SAASG,eAAe,GAAG;MAChC,IAAID,MAAM,IAAI,IAAI,EAAE;QAClB,OAAOA,MAAM,CAACE,mBAAmB,CAAC,iBAAiB,EAAEf,eAAe,CAAC;MACvE;IACF,CAAC;EACH,CAAC,EACD,CAACA,eAAe,CAAC,CAClB;EAED,oBACE;IACE,SAAS,EAAEX,UAAU,CAACE,SAAS,EAAE;MAC/B,uBAAuB,EAAEC,SAAS;MAClC,sBAAsB,EAAE,CAACA;IAC3B,CAAC,CAAE;IACH,eAAaE;EAAW,gBAExB;IAAK,SAAS,EAAC;EAAiB,GAAEC,YAAY,CAAC,CAAC,CAAC,CAAO,eACxD;IACE,GAAG,EAAEI,KAAM;IACX,SAAS,EAAC,kBAAkB;IAC5B,eAAe,EAAES;EAAc,GAE9Bb,YAAY,CAAC,CAAC,CAAC,CACZ,CACF;AAEV;AAEA,eAAeL,QAAQ"}

package/dist/Checkbox.js

@@ -3,7 +3,6 @@ import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import shortid from 'shortid';
 import { useForwardedRef } from '@deephaven/react-hooks';
-
 /**
  * A simple checkbox component. Automatically generates an id so htmlFor/id attributes are unique.
  */
@@ -33,7 +32,6 @@ var Checkbox = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
       // ref.current can be null in tests, doesn't impact behaviour
       ref.current.indeterminate = checked === null;
     }
-
     if (onChange) {
       onChange(event);
     }
@@ -57,9 +55,10 @@ var Checkbox = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
     className: classNames('custom-control-label', labelClassName),
     htmlFor: id
   }, children));
-}); // Forward ref causes a false positive for display-name in eslint:
-// https://github.com/yannickcr/eslint-plugin-react/issues/2269
+});
 
+// Forward ref causes a false positive for display-name in eslint:
+// https://github.com/yannickcr/eslint-plugin-react/issues/2269
 Checkbox.displayName = 'Checkbox';
 Checkbox.propTypes = {
   /** Current value of the checkbox. */
@@ -67,35 +66,25 @@ Checkbox.propTypes = {
     var {
       [propName]: checkedType
     } = props;
-
     if (checkedType !== null && typeof checkedType !== 'boolean') {
       return new Error('Checked must be a boolean or null for indeterminate');
     }
-
     return null;
   },
-
   /** The node/text to put in the label of this checkbox */
   children: PropTypes.node.isRequired,
-
   /** An extra class name to add to the outer div component */
   className: PropTypes.string,
-
   /** An extra class for disabling the checkbox component */
   disabled: PropTypes.bool,
-
   /** An extra class name for the input component */
   inputClassName: PropTypes.string,
-
   /** Convenience for styling appropriately for an invalid value */
   isInvalid: PropTypes.bool,
-
   /** An extra class name for the label component */
   labelClassName: PropTypes.string,
-
   /** Checkbox input name attribute */
   name: PropTypes.string,
-
   /** Triggered when the input is checked/unchecked */
   onChange: PropTypes.func,
   'data-testid': PropTypes.string

package/dist/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["React","useState","useEffect","useCallback","classNames","PropTypes","shortid","useForwardedRef","Checkbox","forwardRef","props","forwardedRef","checked","children","className","disabled","inputClassName","isInvalid","labelClassName","name","onChange","dataTestId","id","ref","setIndeterminateProperty","current","indeterminate","handleOnChange","event","displayName","propTypes","propName","checkedType","Error","node","isRequired","string","bool","func","defaultProps","undefined"],"sources":["../src/Checkbox.tsx"],"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  name?: string;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  children?: React.ReactNode;\n  'data-testid'?: string;\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      name,\n      onChange,\n      'data-testid': dataTestId,\n    } = props;\n\n    const [id] = useState(shortid());\n\n    const ref = useForwardedRef<HTMLInputElement>(forwardedRef);\n\n    useEffect(\n      function setIndeterminateProperty() {\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      },\n      [ref, checked]\n    );\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          name={name}\n          onChange={handleOnChange}\n          data-testid={dataTestId}\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  /** Checkbox input name attribute */\n  name: PropTypes.string,\n\n  /** Triggered when the input is checked/unchecked */\n  onChange: PropTypes.func,\n\n  'data-testid': PropTypes.string,\n};\n\nCheckbox.defaultProps = {\n  checked: false,\n  className: '',\n  disabled: false,\n  inputClassName: '',\n  isInvalid: false,\n  labelClassName: '',\n  name: undefined,\n  onChange: undefined,\n  'data-testid': undefined,\n};\n\nexport default Checkbox;\n"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","names":["React","useState","useEffect","useCallback","classNames","PropTypes","shortid","useForwardedRef","Checkbox","forwardRef","props","forwardedRef","checked","children","className","disabled","inputClassName","isInvalid","labelClassName","name","onChange","dataTestId","id","ref","setIndeterminateProperty","current","indeterminate","handleOnChange","event","displayName","propTypes","propName","checkedType","Error","node","isRequired","string","bool","func","defaultProps","undefined"],"sources":["../src/Checkbox.tsx"],"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  name?: string;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  children?: React.ReactNode;\n  'data-testid'?: string;\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      name,\n      onChange,\n      'data-testid': dataTestId,\n    } = props;\n\n    const [id] = useState(shortid());\n\n    const ref = useForwardedRef<HTMLInputElement>(forwardedRef);\n\n    useEffect(\n      function setIndeterminateProperty() {\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      },\n      [ref, checked]\n    );\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          name={name}\n          onChange={handleOnChange}\n          data-testid={dataTestId}\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  /** Checkbox input name attribute */\n  name: PropTypes.string,\n\n  /** Triggered when the input is checked/unchecked */\n  onChange: PropTypes.func,\n\n  'data-testid': PropTypes.string,\n};\n\nCheckbox.defaultProps = {\n  checked: false,\n  className: '',\n  disabled: false,\n  inputClassName: '',\n  isInvalid: false,\n  labelClassName: '',\n  name: undefined,\n  onChange: undefined,\n  'data-testid': undefined,\n};\n\nexport default Checkbox;\n"],"mappings":"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"}

package/dist/Collapse.js

@@ -1,58 +1,47 @@
 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
 import React, { Component } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import { CSSTransition } from 'react-transition-group';
-
 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");
   }
-
   static handleExiting(elemParam) {
     var elem = elemParam;
     elem.style.height = '0';
   }
-
   static handleExit(elemParam) {
     var elem = elemParam;
     elem.style.height = "".concat(Collapse.getHeight(elem), "px");
   }
-
   static getHeight(elem) {
     var scrollBarWidth = elem.scrollWidth - elem.clientWidth;
     return elem.scrollHeight - scrollBarWidth;
   }
-
   constructor(props) {
     super(props);
     this.handleEntered = this.handleEntered.bind(this);
   }
-
   handleEntered(elemParam) {
     var elem = elemParam;
     elem.style.height = '';
     var {
       autoFocusOnShow
     } = this.props;
-
     if (autoFocusOnShow !== undefined && autoFocusOnShow) {
       var input = elem.querySelector('input, select, textarea');
-
       if (input != null) {
         input.focus();
       }
     }
   }
-
   render() {
     var {
       children,
@@ -81,9 +70,7 @@ class Collapse extends Component {
       "data-testid": dataTestId
     }, children));
   }
-
 }
-
 _defineProperty(Collapse, "propTypes", {
   className: PropTypes.string,
   in: PropTypes.bool.isRequired,
@@ -91,12 +78,10 @@ _defineProperty(Collapse, "propTypes", {
   autoFocusOnShow: PropTypes.bool,
   'data-testid': PropTypes.string
 });
-
 _defineProperty(Collapse, "defaultProps", {
   className: '',
   autoFocusOnShow: false,
   'data-testid': undefined
 });
-
 export default Collapse;
 //# sourceMappingURL=Collapse.js.map

package/dist/Collapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapse.js","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","undefined","input","querySelector","focus","render","children","className","in","inTransition","dataTestId","enterActive","enterDone","exitActive","exitDone","state","collapse","string","bool","isRequired","node"],"sources":["../src/Collapse.tsx"],"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  'data-testid'?: string;\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    'data-testid': PropTypes.string,\n  };\n\n  static defaultProps = {\n    className: '',\n    autoFocusOnShow: false,\n    'data-testid': undefined,\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 !== undefined && autoFocusOnShow) {\n      const input = elem.querySelector(\n        'input, select, textarea'\n      ) as HTMLInputElement;\n\n      if (input != null) {\n        input.focus();\n      }\n    }\n  }\n\n  render(): JSX.Element {\n    const {\n      children,\n      className,\n      in: inTransition,\n      'data-testid': dataTestId,\n    } = 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            data-testid={dataTestId}\n          >\n            {children}\n          </div>\n        )}\n      </CSSTransition>\n    );\n  }\n}\n\nexport default Collapse;\n"],"mappings":"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"}
+{"version":3,"file":"Collapse.js","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","undefined","input","querySelector","focus","render","children","className","in","inTransition","dataTestId","enterActive","enterDone","exitActive","exitDone","state","collapse","string","bool","isRequired","node"],"sources":["../src/Collapse.tsx"],"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  'data-testid'?: string;\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    'data-testid': PropTypes.string,\n  };\n\n  static defaultProps = {\n    className: '',\n    autoFocusOnShow: false,\n    'data-testid': undefined,\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 !== undefined && autoFocusOnShow) {\n      const input = elem.querySelector(\n        'input, select, textarea'\n      ) as HTMLInputElement;\n\n      if (input != null) {\n        input.focus();\n      }\n    }\n  }\n\n  render(): JSX.Element {\n    const {\n      children,\n      className,\n      in: inTransition,\n      'data-testid': dataTestId,\n    } = 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            data-testid={dataTestId}\n          >\n            {children}\n          </div>\n        )}\n      </CSSTransition>\n    );\n  }\n}\n\nexport default Collapse;\n"],"mappings":"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"}