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

package/dist/AutoResizeTextarea.js

@@ -2,14 +2,13 @@ import React, { useState, useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import "./AutoResizeTextarea.css";
-
 /**
  * Makes a textarea that auto resizes based on contents, its height grows with new lines.
  * If a delimeter is set, such as " -" or " ", as used by jvm args or env vars
  * then the field will also "explode" the value by the delimiter over new lines
  * on focus, and implode on blur. By default, it doesn't word wrap.
  */
-var AutoResizeTextarea = _ref => {
+function AutoResizeTextarea(_ref) {
   var {
     className = '',
     value: propsValue,
@@ -28,7 +27,6 @@ var AutoResizeTextarea = _ref => {
     // keep state value in sync with prop changes
     setValue(propsValue);
   }, [propsValue]);
-
   function explode(input) {
     // split by delimiter, commonly " " or " -"
     // strip empty strings (if delimiter is space, and there are multiple spaces in a row)
@@ -36,68 +34,56 @@ var AutoResizeTextarea = _ref => {
     return input.trim().split(delimiter).filter(string => string) // remove empty strings
     .join("\n".concat(delimiter.trim()));
   }
-
   function implode(input) {
     return input.split('\n').map(string => string.trim()).join(' ');
   }
-
   function reCalculateLayout() {
     if (!element.current) {
       return;
     }
-
     element.current.style.height = '0'; // shrink component to get scrollHeight
-
-    var resizedHeight = element.current.scrollHeight + (element.current.offsetHeight - element.current.clientHeight); // accounts for border, padding is captured by scroll height
-
+    var resizedHeight = element.current.scrollHeight + (element.current.offsetHeight - element.current.clientHeight);
+    // accounts for border, padding is captured by scroll height
     if (resizedHeight > 0) element.current.style.height = "".concat(resizedHeight, "px");
   }
-
   function handleChange(event) {
     var newValue = event.target.value;
-
     if (isPastedChange) {
       if (delimiter) newValue = explode(newValue);
       setIsPastedChange(false);
     }
-
     setValue(newValue);
     onChange(newValue);
   }
-
   function handleFocus() {
     if (!element.current) {
       return;
     }
-
     if (delimiter) {
       setValue(explode(value));
       reCalculateLayout();
     }
+    element.current.scrollLeft = 0;
+    // scroll left as it can be disorienting if you click on a long line
+  }
 
-    element.current.scrollLeft = 0; // scroll left as it can be disorienting if you click on a long line
-  } // make it explode when dragging the resize handle
+  // make it explode when dragging the resize handle
   // by making it trigger focus (which normally doesn't
   // trigger when just resizing).
-
-
   function handleMouseDown() {
     if (!element.current) return;
     if (document.activeElement === element.current) return;
     element.current.focus();
   }
-
   function handleBlur() {
     if (delimiter) {
       setValue(implode(value));
       onChange(implode(value));
     }
   }
-
   function handlePaste() {
     setIsPastedChange(true);
   }
-
   useEffect(function reCalculate() {
     reCalculateLayout();
   }, [value]);
@@ -117,8 +103,7 @@ var AutoResizeTextarea = _ref => {
     disabled: disabled,
     "data-testid": dataTestId
   });
-};
-
+}
 AutoResizeTextarea.propTypes = {
   value: PropTypes.string.isRequired,
   onChange: PropTypes.func.isRequired,

package/dist/AutoResizeTextarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoResizeTextarea.js","names":["React","useState","useRef","useEffect","PropTypes","classNames","AutoResizeTextarea","className","value","propsValue","onChange","spellCheck","placeholder","disabled","delimiter","id","dataTestId","setValue","isPastedChange","setIsPastedChange","element","syncStateWithProp","explode","input","trim","split","filter","string","join","implode","map","reCalculateLayout","current","style","height","resizedHeight","scrollHeight","offsetHeight","clientHeight","handleChange","event","newValue","target","handleFocus","scrollLeft","handleMouseDown","document","activeElement","focus","handleBlur","handlePaste","reCalculate","propTypes","isRequired","func","bool","defaultProps","undefined"],"sources":["../src/AutoResizeTextarea.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport './AutoResizeTextarea.scss';\n\ninterface AutoResizeTextareaProps {\n  value: string;\n  onChange: (val: string) => void;\n  className?: string;\n  spellCheck?: boolean;\n  placeholder?: string;\n  disabled?: boolean;\n  delimiter?: string;\n  id?: string;\n  'data-testid'?: string;\n}\n\n/**\n * Makes a textarea that auto resizes based on contents, its height grows with new lines.\n * If a delimeter is set, such as \" -\" or \" \", as used by jvm args or env vars\n * then the field will also \"explode\" the value by the delimiter over new lines\n * on focus, and implode on blur. By default, it doesn't word wrap.\n */\nconst AutoResizeTextarea = ({\n  className = '',\n  value: propsValue,\n  onChange,\n  spellCheck = false,\n  placeholder = '',\n  disabled = false,\n  delimiter = '',\n  id = '',\n  'data-testid': dataTestId,\n}: AutoResizeTextareaProps): JSX.Element => {\n  const [value, setValue] = useState(propsValue);\n  const [isPastedChange, setIsPastedChange] = useState(false);\n  const element = useRef<HTMLTextAreaElement>(null);\n\n  useEffect(\n    function syncStateWithProp() {\n      // keep state value in sync with prop changes\n      setValue(propsValue);\n    },\n    [propsValue]\n  );\n\n  function explode(input: string) {\n    // split by delimiter, commonly \" \" or \" -\"\n    // strip empty strings (if delimiter is space, and there are multiple spaces in a row)\n    // and join with new line and a trimmed delimeter (get rid of leading spaces)\n    return input\n      .trim()\n      .split(delimiter)\n      .filter(string => string) // remove empty strings\n      .join(`\\n${delimiter.trim()}`);\n  }\n\n  function implode(input: string) {\n    return input\n      .split('\\n')\n      .map(string => string.trim())\n      .join(' ');\n  }\n\n  function reCalculateLayout() {\n    if (!element.current) {\n      return;\n    }\n    element.current.style.height = '0'; // shrink component to get scrollHeight\n    const resizedHeight =\n      element.current.scrollHeight +\n      (element.current.offsetHeight - element.current.clientHeight);\n    // accounts for border, padding is captured by scroll height\n    if (resizedHeight > 0) element.current.style.height = `${resizedHeight}px`;\n  }\n\n  function handleChange(event: React.ChangeEvent<HTMLTextAreaElement>) {\n    let newValue = event.target.value;\n    if (isPastedChange) {\n      if (delimiter) newValue = explode(newValue);\n      setIsPastedChange(false);\n    }\n    setValue(newValue);\n    onChange(newValue);\n  }\n\n  function handleFocus() {\n    if (!element.current) {\n      return;\n    }\n    if (delimiter) {\n      setValue(explode(value));\n      reCalculateLayout();\n    }\n    element.current.scrollLeft = 0;\n    // scroll left as it can be disorienting if you click on a long line\n  }\n\n  // make it explode when dragging the resize handle\n  // by making it trigger focus (which normally doesn't\n  // trigger when just resizing).\n  function handleMouseDown() {\n    if (!element.current) return;\n    if (document.activeElement === element.current) return;\n    element.current.focus();\n  }\n\n  function handleBlur() {\n    if (delimiter) {\n      setValue(implode(value));\n      onChange(implode(value));\n    }\n  }\n\n  function handlePaste() {\n    setIsPastedChange(true);\n  }\n\n  useEffect(\n    function reCalculate() {\n      reCalculateLayout();\n    },\n    [value]\n  );\n\n  return (\n    <textarea\n      ref={element}\n      id={id}\n      className={classNames(className, 'auto-resize-textarea form-control')}\n      placeholder={placeholder}\n      value={value}\n      rows={1}\n      onChange={handleChange}\n      onFocus={handleFocus}\n      onMouseDown={handleMouseDown}\n      onBlur={handleBlur}\n      onPaste={handlePaste}\n      spellCheck={spellCheck}\n      disabled={disabled}\n      data-testid={dataTestId}\n    />\n  );\n};\n\nAutoResizeTextarea.propTypes = {\n  value: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  className: PropTypes.string,\n  placeholder: PropTypes.string,\n  spellCheck: PropTypes.bool,\n  disabled: PropTypes.bool,\n  delimiter: PropTypes.string,\n  id: PropTypes.string,\n  'data-testid': PropTypes.string,\n};\n\nAutoResizeTextarea.defaultProps = {\n  className: '',\n  id: '',\n  placeholder: '',\n  disabled: false,\n  spellCheck: false,\n  delimiter: '',\n  'data-testid': undefined,\n};\n\nexport default AutoResizeTextarea;\n"],"mappings":"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"}
+{"version":3,"file":"AutoResizeTextarea.js","names":["React","useState","useRef","useEffect","PropTypes","classNames","AutoResizeTextarea","className","value","propsValue","onChange","spellCheck","placeholder","disabled","delimiter","id","dataTestId","setValue","isPastedChange","setIsPastedChange","element","syncStateWithProp","explode","input","trim","split","filter","string","join","implode","map","reCalculateLayout","current","style","height","resizedHeight","scrollHeight","offsetHeight","clientHeight","handleChange","event","newValue","target","handleFocus","scrollLeft","handleMouseDown","document","activeElement","focus","handleBlur","handlePaste","reCalculate","propTypes","isRequired","func","bool","defaultProps","undefined"],"sources":["../src/AutoResizeTextarea.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport './AutoResizeTextarea.scss';\n\ninterface AutoResizeTextareaProps {\n  value: string;\n  onChange: (val: string) => void;\n  className?: string;\n  spellCheck?: boolean;\n  placeholder?: string;\n  disabled?: boolean;\n  delimiter?: string;\n  id?: string;\n  'data-testid'?: string;\n}\n\n/**\n * Makes a textarea that auto resizes based on contents, its height grows with new lines.\n * If a delimeter is set, such as \" -\" or \" \", as used by jvm args or env vars\n * then the field will also \"explode\" the value by the delimiter over new lines\n * on focus, and implode on blur. By default, it doesn't word wrap.\n */\nfunction AutoResizeTextarea({\n  className = '',\n  value: propsValue,\n  onChange,\n  spellCheck = false,\n  placeholder = '',\n  disabled = false,\n  delimiter = '',\n  id = '',\n  'data-testid': dataTestId,\n}: AutoResizeTextareaProps): JSX.Element {\n  const [value, setValue] = useState(propsValue);\n  const [isPastedChange, setIsPastedChange] = useState(false);\n  const element = useRef<HTMLTextAreaElement>(null);\n\n  useEffect(\n    function syncStateWithProp() {\n      // keep state value in sync with prop changes\n      setValue(propsValue);\n    },\n    [propsValue]\n  );\n\n  function explode(input: string) {\n    // split by delimiter, commonly \" \" or \" -\"\n    // strip empty strings (if delimiter is space, and there are multiple spaces in a row)\n    // and join with new line and a trimmed delimeter (get rid of leading spaces)\n    return input\n      .trim()\n      .split(delimiter)\n      .filter(string => string) // remove empty strings\n      .join(`\\n${delimiter.trim()}`);\n  }\n\n  function implode(input: string) {\n    return input\n      .split('\\n')\n      .map(string => string.trim())\n      .join(' ');\n  }\n\n  function reCalculateLayout() {\n    if (!element.current) {\n      return;\n    }\n    element.current.style.height = '0'; // shrink component to get scrollHeight\n    const resizedHeight =\n      element.current.scrollHeight +\n      (element.current.offsetHeight - element.current.clientHeight);\n    // accounts for border, padding is captured by scroll height\n    if (resizedHeight > 0) element.current.style.height = `${resizedHeight}px`;\n  }\n\n  function handleChange(event: React.ChangeEvent<HTMLTextAreaElement>) {\n    let newValue = event.target.value;\n    if (isPastedChange) {\n      if (delimiter) newValue = explode(newValue);\n      setIsPastedChange(false);\n    }\n    setValue(newValue);\n    onChange(newValue);\n  }\n\n  function handleFocus() {\n    if (!element.current) {\n      return;\n    }\n    if (delimiter) {\n      setValue(explode(value));\n      reCalculateLayout();\n    }\n    element.current.scrollLeft = 0;\n    // scroll left as it can be disorienting if you click on a long line\n  }\n\n  // make it explode when dragging the resize handle\n  // by making it trigger focus (which normally doesn't\n  // trigger when just resizing).\n  function handleMouseDown() {\n    if (!element.current) return;\n    if (document.activeElement === element.current) return;\n    element.current.focus();\n  }\n\n  function handleBlur() {\n    if (delimiter) {\n      setValue(implode(value));\n      onChange(implode(value));\n    }\n  }\n\n  function handlePaste() {\n    setIsPastedChange(true);\n  }\n\n  useEffect(\n    function reCalculate() {\n      reCalculateLayout();\n    },\n    [value]\n  );\n\n  return (\n    <textarea\n      ref={element}\n      id={id}\n      className={classNames(className, 'auto-resize-textarea form-control')}\n      placeholder={placeholder}\n      value={value}\n      rows={1}\n      onChange={handleChange}\n      onFocus={handleFocus}\n      onMouseDown={handleMouseDown}\n      onBlur={handleBlur}\n      onPaste={handlePaste}\n      spellCheck={spellCheck}\n      disabled={disabled}\n      data-testid={dataTestId}\n    />\n  );\n}\n\nAutoResizeTextarea.propTypes = {\n  value: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  className: PropTypes.string,\n  placeholder: PropTypes.string,\n  spellCheck: PropTypes.bool,\n  disabled: PropTypes.bool,\n  delimiter: PropTypes.string,\n  id: PropTypes.string,\n  'data-testid': PropTypes.string,\n};\n\nAutoResizeTextarea.defaultProps = {\n  className: '',\n  id: '',\n  placeholder: '',\n  disabled: false,\n  spellCheck: false,\n  delimiter: '',\n  'data-testid': undefined,\n};\n\nexport default AutoResizeTextarea;\n"],"mappings":"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"}

package/dist/BasicModal.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 interface BasicModalProps {
     isOpen: boolean;
     headerText: string;
@@ -26,6 +27,32 @@ interface BasicModalProps {
  * @param confirmButtonText optional text for the confirm button, defaults to 'Okay'
  * @param discardButtonText optional text for the discard button, defaults to 'Discard'
  */
-declare const BasicModal: React.FC<BasicModalProps>;
+declare function BasicModal(props: BasicModalProps): JSX.Element;
+declare namespace BasicModal {
+    var propTypes: {
+        isOpen: PropTypes.Validator<boolean>;
+        headerText: PropTypes.Validator<string>;
+        bodyText: PropTypes.Validator<string | ((...args: any[]) => any)>;
+        onCancel: PropTypes.Requireable<(...args: any[]) => any>;
+        onConfirm: PropTypes.Validator<(...args: any[]) => any>;
+        onDiscard: PropTypes.Requireable<(...args: any[]) => any>;
+        onModalDisable: PropTypes.Requireable<(...args: any[]) => any>;
+        cancelButtonText: PropTypes.Requireable<string>;
+        confirmButtonText: PropTypes.Requireable<string>;
+        discardButtonText: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        'data-testid': PropTypes.Requireable<string>;
+    };
+    var defaultProps: {
+        children: undefined;
+        cancelButtonText: string;
+        confirmButtonText: string;
+        discardButtonText: string;
+        onCancel: undefined;
+        onDiscard: undefined;
+        onModalDisable: undefined;
+        'data-testid': undefined;
+    };
+}
 export default BasicModal;
 //# sourceMappingURL=BasicModal.d.ts.map

package/dist/BasicModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BasicModal.d.ts","sourceRoot":"","sources":["../src/BasicModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,UAAU,eAAe;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8GzC,CAAC;AA4BF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"BasicModal.d.ts","sourceRoot":"","sources":["../src/BasicModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,UAAU,eAAe;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;GAYG;AACH,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,eA8GzC;kBA9GQ,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;AA0InB,eAAe,UAAU,CAAC"}

package/dist/BasicModal.js

@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
 import ButtonGroup from "./ButtonGroup.js";
 import Button from "./Button.js";
 import { Modal, ModalBody, ModalFooter, ModalHeader } from "./modal/index.js";
-
 /**
  * A basic modal dialog with two buttons: cancel / confirm.
  *
@@ -17,7 +16,7 @@ import { Modal, ModalBody, ModalFooter, ModalHeader } from "./modal/index.js";
  * @param confirmButtonText optional text for the confirm button, defaults to 'Okay'
  * @param discardButtonText optional text for the discard button, defaults to 'Discard'
  */
-var BasicModal = props => {
+function BasicModal(props) {
   var {
     isOpen,
     headerText,
@@ -38,21 +37,17 @@ var BasicModal = props => {
     if (disableModalCheckbox.current !== null && disableModalCheckbox.current.checked && onModalDisable) {
       onModalDisable();
     }
-
     onConfirm();
   }, [onConfirm, onModalDisable]);
   var modalBody = '';
-
   if (isOpen) {
     modalBody = typeof bodyText === 'function' ? bodyText() : bodyText;
   }
-
   return /*#__PURE__*/React.createElement(Modal, {
     isOpen: isOpen,
     className: "theme-bg-light",
     onOpened: () => {
       var _confirmButton$curren;
-
       (_confirmButton$curren = confirmButton.current) === null || _confirmButton$curren === void 0 ? void 0 : _confirmButton$curren.focus();
     }
   }, /*#__PURE__*/React.createElement(ModalHeader, {
@@ -86,8 +81,7 @@ var BasicModal = props => {
     ref: confirmButton,
     "data-testid": dataTestId !== undefined ? "".concat(dataTestId, "-btn-confirm") : undefined
   }, confirmButtonText), children)));
-};
-
+}
 BasicModal.propTypes = {
   isOpen: PropTypes.bool.isRequired,
   headerText: PropTypes.string.isRequired,

package/dist/BasicModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicModal.js","names":["React","useRef","useCallback","PropTypes","ButtonGroup","Button","Modal","ModalBody","ModalFooter","ModalHeader","BasicModal","props","isOpen","headerText","bodyText","onCancel","onConfirm","onDiscard","onModalDisable","cancelButtonText","confirmButtonText","discardButtonText","children","dataTestId","confirmButton","disableModalCheckbox","onConfirmClicked","current","checked","modalBody","focus","undefined","propTypes","bool","isRequired","string","oneOfType","func","node","defaultProps"],"sources":["../src/BasicModal.tsx"],"sourcesContent":["import React, { useRef, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonGroup from './ButtonGroup';\nimport Button from './Button';\nimport { Modal, ModalBody, ModalFooter, ModalHeader } from './modal';\n\ninterface BasicModalProps {\n  isOpen: boolean;\n  headerText: string;\n  bodyText: string | (() => string);\n  onCancel?: () => void;\n  onConfirm: () => void;\n  onDiscard?: () => void;\n  onModalDisable?: () => void;\n  cancelButtonText?: string;\n  confirmButtonText?: string;\n  discardButtonText?: string;\n  children?: React.ReactNode;\n  'data-testid'?: string;\n}\n\n/**\n * A basic modal dialog with two buttons: cancel / confirm.\n *\n * @param isOpen indicates if the modal dialog is open\n * @param headerText text displayed in the modal header\n * @param bodyText text displayed in the modal body\n * @param onCancel callback for the cancel button; if not provided, button not shown\n * @param onConfirm callback for the confirm button\n * @param onDiscard callback for the discard button; if not provided, button not shown\n * @param cancelButtonText optional text for the cancel button, defaults to 'Cancel'\n * @param confirmButtonText optional text for the confirm button, defaults to 'Okay'\n * @param discardButtonText optional text for the discard button, defaults to 'Discard'\n */\nconst BasicModal: React.FC<BasicModalProps> = props => {\n  const {\n    isOpen,\n    headerText,\n    bodyText,\n    onCancel,\n    onConfirm,\n    onDiscard,\n    onModalDisable,\n    cancelButtonText = 'Cancel',\n    confirmButtonText = 'Okay',\n    discardButtonText = 'Discard',\n    children,\n    'data-testid': dataTestId,\n  } = props;\n\n  const confirmButton = useRef<HTMLButtonElement>(null);\n\n  const disableModalCheckbox = useRef<HTMLInputElement>(null);\n\n  const onConfirmClicked = useCallback(() => {\n    if (\n      disableModalCheckbox.current !== null &&\n      disableModalCheckbox.current.checked &&\n      onModalDisable\n    ) {\n      onModalDisable();\n    }\n    onConfirm();\n  }, [onConfirm, onModalDisable]);\n\n  let modalBody = '';\n  if (isOpen) {\n    modalBody = typeof bodyText === 'function' ? bodyText() : bodyText;\n  }\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      className=\"theme-bg-light\"\n      onOpened={() => {\n        confirmButton.current?.focus();\n      }}\n    >\n      <ModalHeader closeButton={false}>{headerText}</ModalHeader>\n      <ModalBody>{modalBody}</ModalBody>\n      <ModalFooter>\n        {onModalDisable && (\n          <div className=\"custom-control custom-checkbox form-group mr-auto\">\n            <input\n              type=\"checkbox\"\n              className=\"custom-control-input\"\n              id=\"move-confirmation-checkbox\"\n              defaultChecked={false}\n              ref={disableModalCheckbox}\n              data-testid={\n                dataTestId !== undefined\n                  ? `${dataTestId}-checkbox-confirm`\n                  : undefined\n              }\n            />\n            <label\n              className=\"custom-control-label\"\n              htmlFor=\"move-confirmation-checkbox\"\n            >\n              Don&#39;t ask me again\n            </label>\n          </div>\n        )}\n        {onDiscard && (\n          <Button\n            kind=\"secondary\"\n            className=\"mr-auto\"\n            data-dismiss=\"modal\"\n            onClick={onDiscard}\n            data-testid={\n              dataTestId !== undefined ? `${dataTestId}-btn-discard` : undefined\n            }\n          >\n            {discardButtonText}\n          </Button>\n        )}\n        {onCancel && (\n          <Button\n            kind=\"secondary\"\n            data-dismiss=\"modal\"\n            onClick={onCancel}\n            data-testid={\n              dataTestId !== undefined ? `${dataTestId}-btn-cancel` : undefined\n            }\n          >\n            {cancelButtonText}\n          </Button>\n        )}\n        <ButtonGroup>\n          <Button\n            kind=\"primary\"\n            onClick={onConfirmClicked}\n            ref={confirmButton}\n            data-testid={\n              dataTestId !== undefined ? `${dataTestId}-btn-confirm` : undefined\n            }\n          >\n            {confirmButtonText}\n          </Button>\n          {children}\n        </ButtonGroup>\n      </ModalFooter>\n    </Modal>\n  );\n};\n\nBasicModal.propTypes = {\n  isOpen: PropTypes.bool.isRequired,\n  headerText: PropTypes.string.isRequired,\n  bodyText: PropTypes.oneOfType([PropTypes.string, PropTypes.func]).isRequired,\n  onCancel: PropTypes.func,\n  onConfirm: PropTypes.func.isRequired,\n  onDiscard: PropTypes.func,\n  onModalDisable: PropTypes.func,\n  cancelButtonText: PropTypes.string,\n  confirmButtonText: PropTypes.string,\n  discardButtonText: PropTypes.string,\n  children: PropTypes.node,\n  'data-testid': PropTypes.string,\n};\n\nBasicModal.defaultProps = {\n  children: undefined,\n  cancelButtonText: 'Cancel',\n  confirmButtonText: 'Okay',\n  discardButtonText: 'Discard',\n  onCancel: undefined,\n  onDiscard: undefined,\n  onModalDisable: undefined,\n  'data-testid': undefined,\n};\n\nexport default BasicModal;\n"],"mappings":"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"}
+{"version":3,"file":"BasicModal.js","names":["React","useRef","useCallback","PropTypes","ButtonGroup","Button","Modal","ModalBody","ModalFooter","ModalHeader","BasicModal","props","isOpen","headerText","bodyText","onCancel","onConfirm","onDiscard","onModalDisable","cancelButtonText","confirmButtonText","discardButtonText","children","dataTestId","confirmButton","disableModalCheckbox","onConfirmClicked","current","checked","modalBody","focus","undefined","propTypes","bool","isRequired","string","oneOfType","func","node","defaultProps"],"sources":["../src/BasicModal.tsx"],"sourcesContent":["import React, { useRef, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonGroup from './ButtonGroup';\nimport Button from './Button';\nimport { Modal, ModalBody, ModalFooter, ModalHeader } from './modal';\n\ninterface BasicModalProps {\n  isOpen: boolean;\n  headerText: string;\n  bodyText: string | (() => string);\n  onCancel?: () => void;\n  onConfirm: () => void;\n  onDiscard?: () => void;\n  onModalDisable?: () => void;\n  cancelButtonText?: string;\n  confirmButtonText?: string;\n  discardButtonText?: string;\n  children?: React.ReactNode;\n  'data-testid'?: string;\n}\n\n/**\n * A basic modal dialog with two buttons: cancel / confirm.\n *\n * @param isOpen indicates if the modal dialog is open\n * @param headerText text displayed in the modal header\n * @param bodyText text displayed in the modal body\n * @param onCancel callback for the cancel button; if not provided, button not shown\n * @param onConfirm callback for the confirm button\n * @param onDiscard callback for the discard button; if not provided, button not shown\n * @param cancelButtonText optional text for the cancel button, defaults to 'Cancel'\n * @param confirmButtonText optional text for the confirm button, defaults to 'Okay'\n * @param discardButtonText optional text for the discard button, defaults to 'Discard'\n */\nfunction BasicModal(props: BasicModalProps) {\n  const {\n    isOpen,\n    headerText,\n    bodyText,\n    onCancel,\n    onConfirm,\n    onDiscard,\n    onModalDisable,\n    cancelButtonText = 'Cancel',\n    confirmButtonText = 'Okay',\n    discardButtonText = 'Discard',\n    children,\n    'data-testid': dataTestId,\n  } = props;\n\n  const confirmButton = useRef<HTMLButtonElement>(null);\n\n  const disableModalCheckbox = useRef<HTMLInputElement>(null);\n\n  const onConfirmClicked = useCallback(() => {\n    if (\n      disableModalCheckbox.current !== null &&\n      disableModalCheckbox.current.checked &&\n      onModalDisable\n    ) {\n      onModalDisable();\n    }\n    onConfirm();\n  }, [onConfirm, onModalDisable]);\n\n  let modalBody = '';\n  if (isOpen) {\n    modalBody = typeof bodyText === 'function' ? bodyText() : bodyText;\n  }\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      className=\"theme-bg-light\"\n      onOpened={() => {\n        confirmButton.current?.focus();\n      }}\n    >\n      <ModalHeader closeButton={false}>{headerText}</ModalHeader>\n      <ModalBody>{modalBody}</ModalBody>\n      <ModalFooter>\n        {onModalDisable && (\n          <div className=\"custom-control custom-checkbox form-group mr-auto\">\n            <input\n              type=\"checkbox\"\n              className=\"custom-control-input\"\n              id=\"move-confirmation-checkbox\"\n              defaultChecked={false}\n              ref={disableModalCheckbox}\n              data-testid={\n                dataTestId !== undefined\n                  ? `${dataTestId}-checkbox-confirm`\n                  : undefined\n              }\n            />\n            <label\n              className=\"custom-control-label\"\n              htmlFor=\"move-confirmation-checkbox\"\n            >\n              Don&#39;t ask me again\n            </label>\n          </div>\n        )}\n        {onDiscard && (\n          <Button\n            kind=\"secondary\"\n            className=\"mr-auto\"\n            data-dismiss=\"modal\"\n            onClick={onDiscard}\n            data-testid={\n              dataTestId !== undefined ? `${dataTestId}-btn-discard` : undefined\n            }\n          >\n            {discardButtonText}\n          </Button>\n        )}\n        {onCancel && (\n          <Button\n            kind=\"secondary\"\n            data-dismiss=\"modal\"\n            onClick={onCancel}\n            data-testid={\n              dataTestId !== undefined ? `${dataTestId}-btn-cancel` : undefined\n            }\n          >\n            {cancelButtonText}\n          </Button>\n        )}\n        <ButtonGroup>\n          <Button\n            kind=\"primary\"\n            onClick={onConfirmClicked}\n            ref={confirmButton}\n            data-testid={\n              dataTestId !== undefined ? `${dataTestId}-btn-confirm` : undefined\n            }\n          >\n            {confirmButtonText}\n          </Button>\n          {children}\n        </ButtonGroup>\n      </ModalFooter>\n    </Modal>\n  );\n}\n\nBasicModal.propTypes = {\n  isOpen: PropTypes.bool.isRequired,\n  headerText: PropTypes.string.isRequired,\n  bodyText: PropTypes.oneOfType([PropTypes.string, PropTypes.func]).isRequired,\n  onCancel: PropTypes.func,\n  onConfirm: PropTypes.func.isRequired,\n  onDiscard: PropTypes.func,\n  onModalDisable: PropTypes.func,\n  cancelButtonText: PropTypes.string,\n  confirmButtonText: PropTypes.string,\n  discardButtonText: PropTypes.string,\n  children: PropTypes.node,\n  'data-testid': PropTypes.string,\n};\n\nBasicModal.defaultProps = {\n  children: undefined,\n  cancelButtonText: 'Cancel',\n  confirmButtonText: 'Okay',\n  discardButtonText: 'Discard',\n  onCancel: undefined,\n  onDiscard: undefined,\n  onModalDisable: undefined,\n  'data-testid': undefined,\n};\n\nexport default BasicModal;\n"],"mappings":"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"}

package/dist/Button.js

@@ -5,27 +5,20 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Tooltip } from "./popper/index.js";
 var BUTTON_KINDS = ['primary', 'secondary', 'tertiary', 'success', 'danger', 'inline', 'ghost'];
 var VARIANT_KINDS = ['group-end'];
-
 function getClassName(kind, iconOnly) {
   switch (kind) {
     case 'primary':
       return 'btn-primary';
-
     case 'secondary':
       return 'btn-outline-primary';
-
     case 'tertiary':
       return 'btn-secondary';
-
     case 'success':
       return 'btn-success';
-
     case 'danger':
       return 'btn-danger';
-
     case 'inline':
       return 'btn-inline';
-
     case 'ghost':
       return classNames('btn-link', {
         'btn-link-icon': iconOnly,
@@ -33,14 +26,12 @@ function getClassName(kind, iconOnly) {
       });
   }
 }
-
 function getVariantClasses(kind) {
   switch (kind) {
     case 'group-end':
       return classNames('pl-2', 'pr-3');
   }
 }
-
 var Button = /*#__PURE__*/React.forwardRef((props, ref) => {
   var {
     kind,
@@ -67,36 +58,30 @@ var Button = /*#__PURE__*/React.forwardRef((props, ref) => {
   var iconOnly = Boolean(icon && children == null);
   var btnClassName = getClassName(kind, iconOnly);
   var variantClassName;
-
   if (variant) {
     variantClassName = getVariantClasses(variant);
   }
-
   var iconElem;
-
   if (icon) {
     iconElem = /*#__PURE__*/React.isValidElement(icon) ? icon : /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       icon: icon
     });
   }
-
   var tooltipElem;
-
   if (tooltip !== undefined) {
     tooltipElem = typeof tooltip === 'string' ? /*#__PURE__*/React.createElement(Tooltip, null, tooltip) : tooltip;
-  } // use tooltip as arial-label for iconOnly buttons only
-  // if tooltip is also a string and aria-label is not set
-
+  }
 
+  // use tooltip as arial-label for iconOnly buttons only
+  // if tooltip is also a string and aria-label is not set
   var ariaLabelString = ariaLabel;
-
   if (ariaLabel === undefined && iconOnly && tooltip != null && typeof tooltip === 'string') {
     ariaLabelString = tooltip;
   }
-
   var button = /*#__PURE__*/React.createElement("button", {
     "data-testid": dataTestId,
-    ref: ref // eslint-disable-next-line react/button-has-type
+    ref: ref
+    // eslint-disable-next-line react/button-has-type
     ,
     type: type,
     className: classNames('btn', btnClassName, variantClassName, {
@@ -113,7 +98,9 @@ var Button = /*#__PURE__*/React.forwardRef((props, ref) => {
     disabled: disabled,
     tabIndex: tabIndex,
     "aria-label": ariaLabelString
-  }, icon && iconElem, children, tooltip != null && (disabled === undefined || !disabled) && tooltipElem); // disabled buttons tooltips need a wrapped element to receive pointer events
+  }, icon && iconElem, children, tooltip != null && (disabled === undefined || !disabled) && tooltipElem);
+
+  // disabled buttons tooltips need a wrapped element to receive pointer events
   // https://jakearchibald.com/2017/events-and-disabled-form-fields/
 
   return disabled !== undefined && disabled ? /*#__PURE__*/React.createElement("span", {
@@ -125,58 +112,45 @@ Button.propTypes = {
   kind: PropTypes.oneOf(BUTTON_KINDS).isRequired,
   variant: PropTypes.oneOf(VARIANT_KINDS),
   type: PropTypes.oneOf(['submit', 'reset', 'button']),
-
   tooltip(props) {
     var {
       tooltip,
       icon,
       children
     } = props;
-
     if (tooltip === undefined && icon != null && children == null) {
       return new Error('Tooltip is required for icon only buttons');
     }
-
     return null;
   },
-
   icon(props) {
     var {
       children,
       icon
     } = props;
-
     if (icon == null && children == null) {
       return new Error('Icon is required if no children are provided');
     }
-
     if (children == null && ! /*#__PURE__*/React.isValidElement(icon) && (icon == null || icon.iconName === '' || icon.iconName == null)) {
       return new Error('Icon must be react element or fontawesome IconDefinition');
     }
-
     return null;
   },
-
   disabled: PropTypes.bool,
   active: PropTypes.bool,
-
   onClick(props) {
     var {
       onClick,
       type
     } = props;
-
     if (type === 'button' && typeof onClick !== 'function') {
       return new Error('type button requires an onClick function');
     }
-
     if (onClick !== undefined && typeof onClick !== 'function') {
       return new Error('onClick must be a function');
     }
-
     return null;
   },
-
   onContextMenu: PropTypes.func,
   onMouseUp: PropTypes.func,
   onMouseDown: PropTypes.func,

package/dist/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["React","PropTypes","classNames","FontAwesomeIcon","Tooltip","BUTTON_KINDS","VARIANT_KINDS","getClassName","kind","iconOnly","getVariantClasses","Button","forwardRef","props","ref","variant","type","tooltip","icon","disabled","active","onClick","onContextMenu","onMouseDown","onMouseUp","onMouseEnter","onMouseLeave","onKeyDown","className","style","children","tabIndex","dataTestId","ariaLabel","Boolean","btnClassName","variantClassName","iconElem","isValidElement","tooltipElem","undefined","ariaLabelString","button","displayName","propTypes","oneOf","isRequired","Error","iconName","bool","func","number","node","string","object","defaultProps"],"sources":["../src/Button.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { Tooltip } from './popper';\n\nconst BUTTON_KINDS = [\n  'primary',\n  'secondary',\n  'tertiary',\n  'success',\n  'danger',\n  'inline',\n  'ghost',\n] as const;\ntype ButtonTuple = typeof BUTTON_KINDS;\nexport type ButtonKind = ButtonTuple[number];\n\nconst VARIANT_KINDS = ['group-end'] as const;\ntype VariantTuple = typeof VARIANT_KINDS;\ntype VariantKind = VariantTuple[number];\n\ntype ButtonTypes = 'submit' | 'reset' | 'button';\n\ninterface BaseButtonProps extends React.ComponentPropsWithRef<'button'> {\n  kind: ButtonKind;\n  type?: ButtonTypes;\n  variant?: VariantKind;\n  tooltip?: string | JSX.Element;\n  icon?: IconDefinition | JSX.Element;\n  active?: boolean;\n  'data-testid'?: string;\n}\n\ntype ButtonWithChildren = BaseButtonProps & {\n  children: React.ReactNode;\n};\n\ntype IconOnlyButtonStringTooltip = BaseButtonProps & {\n  tooltip: string;\n  icon: IconDefinition | JSX.Element;\n  children?: undefined;\n};\n\ntype IconOnlyButtonJsxTooltip = BaseButtonProps & {\n  tooltip: JSX.Element;\n  'aria-label': string;\n  icon: IconDefinition | JSX.Element;\n  children?: undefined;\n};\n\ntype IconOnlyButton = IconOnlyButtonStringTooltip | IconOnlyButtonJsxTooltip;\n\ntype ButtonProps = IconOnlyButton | ButtonWithChildren;\n\nfunction getClassName(kind: ButtonKind, iconOnly: boolean): string {\n  switch (kind) {\n    case 'primary':\n      return 'btn-primary';\n    case 'secondary':\n      return 'btn-outline-primary';\n    case 'tertiary':\n      return 'btn-secondary';\n    case 'success':\n      return 'btn-success';\n    case 'danger':\n      return 'btn-danger';\n    case 'inline':\n      return 'btn-inline';\n    case 'ghost':\n      return classNames('btn-link', {\n        'btn-link-icon': iconOnly,\n        'btn-link-icon-only': iconOnly,\n      });\n  }\n}\n\nfunction getVariantClasses(kind: VariantKind): string {\n  switch (kind) {\n    case 'group-end':\n      return classNames('pl-2', 'pr-3');\n  }\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (props: ButtonProps, ref) => {\n    const {\n      kind,\n      variant,\n      type,\n      tooltip,\n      icon,\n      disabled,\n      active,\n      onClick,\n      onContextMenu,\n      onMouseDown,\n      onMouseUp,\n      onMouseEnter,\n      onMouseLeave,\n      onKeyDown,\n      className,\n      style,\n      children,\n      tabIndex,\n      'data-testid': dataTestId,\n      'aria-label': ariaLabel,\n    } = props;\n\n    const iconOnly = Boolean(icon && children == null);\n    const btnClassName = getClassName(kind, iconOnly);\n\n    let variantClassName;\n    if (variant) {\n      variantClassName = getVariantClasses(variant);\n    }\n\n    let iconElem: JSX.Element | undefined;\n    if (icon) {\n      iconElem = React.isValidElement(icon) ? (\n        icon\n      ) : (\n        <FontAwesomeIcon icon={icon as IconDefinition} />\n      );\n    }\n\n    let tooltipElem: JSX.Element | undefined;\n    if (tooltip !== undefined) {\n      tooltipElem =\n        typeof tooltip === 'string' ? <Tooltip>{tooltip}</Tooltip> : tooltip;\n    }\n\n    // use tooltip as arial-label for iconOnly buttons only\n    // if tooltip is also a string and aria-label is not set\n    let ariaLabelString = ariaLabel;\n    if (\n      ariaLabel === undefined &&\n      iconOnly &&\n      tooltip != null &&\n      typeof tooltip === 'string'\n    ) {\n      ariaLabelString = tooltip;\n    }\n\n    const button = (\n      <button\n        data-testid={dataTestId}\n        ref={ref}\n        // eslint-disable-next-line react/button-has-type\n        type={type}\n        className={classNames(\n          'btn',\n          btnClassName,\n          variantClassName,\n          { active },\n          className\n        )}\n        onClick={onClick}\n        onContextMenu={onContextMenu}\n        onMouseUp={onMouseUp}\n        onMouseDown={onMouseDown}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onKeyDown={onKeyDown}\n        style={style}\n        disabled={disabled}\n        tabIndex={tabIndex}\n        aria-label={ariaLabelString}\n      >\n        {icon && iconElem}\n        {children}\n        {tooltip != null &&\n          (disabled === undefined || !disabled) &&\n          tooltipElem}\n      </button>\n    );\n\n    // disabled buttons tooltips need a wrapped element to receive pointer events\n    // https://jakearchibald.com/2017/events-and-disabled-form-fields/\n\n    return disabled !== undefined && disabled ? (\n      <span className=\"btn-disabled-wrapper\">\n        {button}\n        {tooltip !== undefined && tooltipElem}\n      </span>\n    ) : (\n      button\n    );\n  }\n);\n\nButton.displayName = 'Button';\n\nButton.propTypes = {\n  kind: PropTypes.oneOf(BUTTON_KINDS).isRequired,\n  variant: PropTypes.oneOf(VARIANT_KINDS),\n  type: PropTypes.oneOf<ButtonTypes>(['submit', 'reset', 'button']),\n  tooltip(props) {\n    const { tooltip, icon, children } = props;\n    if (tooltip === undefined && icon != null && children == null) {\n      return new Error('Tooltip is required for icon only buttons');\n    }\n    return null;\n  },\n  icon(props) {\n    const { children, icon } = props;\n    if (icon == null && children == null) {\n      return new Error('Icon is required if no children are provided');\n    }\n\n    if (\n      children == null &&\n      !React.isValidElement(icon) &&\n      (icon == null || icon.iconName === '' || icon.iconName == null)\n    ) {\n      return new Error(\n        'Icon must be react element or fontawesome IconDefinition'\n      );\n    }\n\n    return null;\n  },\n  disabled: PropTypes.bool,\n  active: PropTypes.bool,\n  onClick(props) {\n    const { onClick, type } = props;\n    if (type === 'button' && typeof onClick !== 'function') {\n      return new Error('type button requires an onClick function');\n    }\n    if (onClick !== undefined && typeof onClick !== 'function') {\n      return new Error('onClick must be a function');\n    }\n    return null;\n  },\n  onContextMenu: PropTypes.func,\n  onMouseUp: PropTypes.func,\n  onMouseDown: PropTypes.func,\n  onMouseEnter: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  tabIndex: PropTypes.number,\n  children: PropTypes.node,\n  className: PropTypes.string,\n  style: PropTypes.object,\n  'data-testid': PropTypes.string,\n};\n\nButton.defaultProps = {\n  type: 'button',\n  onClick: undefined,\n  onContextMenu: undefined,\n  onMouseUp: undefined,\n  onMouseDown: undefined,\n  onMouseEnter: undefined,\n  onMouseLeave: undefined,\n  onKeyDown: undefined,\n  variant: undefined,\n  tooltip: undefined,\n  icon: undefined,\n  disabled: false,\n  active: undefined,\n  tabIndex: undefined,\n  children: undefined,\n  className: undefined,\n  style: {},\n  'data-testid': undefined,\n};\n\nexport default Button;\n"],"mappings":"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"}
+{"version":3,"file":"Button.js","names":["React","PropTypes","classNames","FontAwesomeIcon","Tooltip","BUTTON_KINDS","VARIANT_KINDS","getClassName","kind","iconOnly","getVariantClasses","Button","forwardRef","props","ref","variant","type","tooltip","icon","disabled","active","onClick","onContextMenu","onMouseDown","onMouseUp","onMouseEnter","onMouseLeave","onKeyDown","className","style","children","tabIndex","dataTestId","ariaLabel","Boolean","btnClassName","variantClassName","iconElem","isValidElement","tooltipElem","undefined","ariaLabelString","button","displayName","propTypes","oneOf","isRequired","Error","iconName","bool","func","number","node","string","object","defaultProps"],"sources":["../src/Button.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { Tooltip } from './popper';\n\nconst BUTTON_KINDS = [\n  'primary',\n  'secondary',\n  'tertiary',\n  'success',\n  'danger',\n  'inline',\n  'ghost',\n] as const;\ntype ButtonTuple = typeof BUTTON_KINDS;\nexport type ButtonKind = ButtonTuple[number];\n\nconst VARIANT_KINDS = ['group-end'] as const;\ntype VariantTuple = typeof VARIANT_KINDS;\ntype VariantKind = VariantTuple[number];\n\ntype ButtonTypes = 'submit' | 'reset' | 'button';\n\ninterface BaseButtonProps extends React.ComponentPropsWithRef<'button'> {\n  kind: ButtonKind;\n  type?: ButtonTypes;\n  variant?: VariantKind;\n  tooltip?: string | JSX.Element;\n  icon?: IconDefinition | JSX.Element;\n  active?: boolean;\n  'data-testid'?: string;\n}\n\ntype ButtonWithChildren = BaseButtonProps & {\n  children: React.ReactNode;\n};\n\ntype IconOnlyButtonStringTooltip = BaseButtonProps & {\n  tooltip: string;\n  icon: IconDefinition | JSX.Element;\n  children?: undefined;\n};\n\ntype IconOnlyButtonJsxTooltip = BaseButtonProps & {\n  tooltip: JSX.Element;\n  'aria-label': string;\n  icon: IconDefinition | JSX.Element;\n  children?: undefined;\n};\n\ntype IconOnlyButton = IconOnlyButtonStringTooltip | IconOnlyButtonJsxTooltip;\n\ntype ButtonProps = IconOnlyButton | ButtonWithChildren;\n\nfunction getClassName(kind: ButtonKind, iconOnly: boolean): string {\n  switch (kind) {\n    case 'primary':\n      return 'btn-primary';\n    case 'secondary':\n      return 'btn-outline-primary';\n    case 'tertiary':\n      return 'btn-secondary';\n    case 'success':\n      return 'btn-success';\n    case 'danger':\n      return 'btn-danger';\n    case 'inline':\n      return 'btn-inline';\n    case 'ghost':\n      return classNames('btn-link', {\n        'btn-link-icon': iconOnly,\n        'btn-link-icon-only': iconOnly,\n      });\n  }\n}\n\nfunction getVariantClasses(kind: VariantKind): string {\n  switch (kind) {\n    case 'group-end':\n      return classNames('pl-2', 'pr-3');\n  }\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (props: ButtonProps, ref) => {\n    const {\n      kind,\n      variant,\n      type,\n      tooltip,\n      icon,\n      disabled,\n      active,\n      onClick,\n      onContextMenu,\n      onMouseDown,\n      onMouseUp,\n      onMouseEnter,\n      onMouseLeave,\n      onKeyDown,\n      className,\n      style,\n      children,\n      tabIndex,\n      'data-testid': dataTestId,\n      'aria-label': ariaLabel,\n    } = props;\n\n    const iconOnly = Boolean(icon && children == null);\n    const btnClassName = getClassName(kind, iconOnly);\n\n    let variantClassName;\n    if (variant) {\n      variantClassName = getVariantClasses(variant);\n    }\n\n    let iconElem: JSX.Element | undefined;\n    if (icon) {\n      iconElem = React.isValidElement(icon) ? (\n        icon\n      ) : (\n        <FontAwesomeIcon icon={icon as IconDefinition} />\n      );\n    }\n\n    let tooltipElem: JSX.Element | undefined;\n    if (tooltip !== undefined) {\n      tooltipElem =\n        typeof tooltip === 'string' ? <Tooltip>{tooltip}</Tooltip> : tooltip;\n    }\n\n    // use tooltip as arial-label for iconOnly buttons only\n    // if tooltip is also a string and aria-label is not set\n    let ariaLabelString = ariaLabel;\n    if (\n      ariaLabel === undefined &&\n      iconOnly &&\n      tooltip != null &&\n      typeof tooltip === 'string'\n    ) {\n      ariaLabelString = tooltip;\n    }\n\n    const button = (\n      <button\n        data-testid={dataTestId}\n        ref={ref}\n        // eslint-disable-next-line react/button-has-type\n        type={type}\n        className={classNames(\n          'btn',\n          btnClassName,\n          variantClassName,\n          { active },\n          className\n        )}\n        onClick={onClick}\n        onContextMenu={onContextMenu}\n        onMouseUp={onMouseUp}\n        onMouseDown={onMouseDown}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onKeyDown={onKeyDown}\n        style={style}\n        disabled={disabled}\n        tabIndex={tabIndex}\n        aria-label={ariaLabelString}\n      >\n        {icon && iconElem}\n        {children}\n        {tooltip != null &&\n          (disabled === undefined || !disabled) &&\n          tooltipElem}\n      </button>\n    );\n\n    // disabled buttons tooltips need a wrapped element to receive pointer events\n    // https://jakearchibald.com/2017/events-and-disabled-form-fields/\n\n    return disabled !== undefined && disabled ? (\n      <span className=\"btn-disabled-wrapper\">\n        {button}\n        {tooltip !== undefined && tooltipElem}\n      </span>\n    ) : (\n      button\n    );\n  }\n);\n\nButton.displayName = 'Button';\n\nButton.propTypes = {\n  kind: PropTypes.oneOf(BUTTON_KINDS).isRequired,\n  variant: PropTypes.oneOf(VARIANT_KINDS),\n  type: PropTypes.oneOf<ButtonTypes>(['submit', 'reset', 'button']),\n  tooltip(props) {\n    const { tooltip, icon, children } = props;\n    if (tooltip === undefined && icon != null && children == null) {\n      return new Error('Tooltip is required for icon only buttons');\n    }\n    return null;\n  },\n  icon(props) {\n    const { children, icon } = props;\n    if (icon == null && children == null) {\n      return new Error('Icon is required if no children are provided');\n    }\n\n    if (\n      children == null &&\n      !React.isValidElement(icon) &&\n      (icon == null || icon.iconName === '' || icon.iconName == null)\n    ) {\n      return new Error(\n        'Icon must be react element or fontawesome IconDefinition'\n      );\n    }\n\n    return null;\n  },\n  disabled: PropTypes.bool,\n  active: PropTypes.bool,\n  onClick(props) {\n    const { onClick, type } = props;\n    if (type === 'button' && typeof onClick !== 'function') {\n      return new Error('type button requires an onClick function');\n    }\n    if (onClick !== undefined && typeof onClick !== 'function') {\n      return new Error('onClick must be a function');\n    }\n    return null;\n  },\n  onContextMenu: PropTypes.func,\n  onMouseUp: PropTypes.func,\n  onMouseDown: PropTypes.func,\n  onMouseEnter: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  tabIndex: PropTypes.number,\n  children: PropTypes.node,\n  className: PropTypes.string,\n  style: PropTypes.object,\n  'data-testid': PropTypes.string,\n};\n\nButton.defaultProps = {\n  type: 'button',\n  onClick: undefined,\n  onContextMenu: undefined,\n  onMouseUp: undefined,\n  onMouseDown: undefined,\n  onMouseEnter: undefined,\n  onMouseLeave: undefined,\n  onKeyDown: undefined,\n  variant: undefined,\n  tooltip: undefined,\n  icon: undefined,\n  disabled: false,\n  active: undefined,\n  tabIndex: undefined,\n  children: undefined,\n  className: undefined,\n  style: {},\n  'data-testid': undefined,\n};\n\nexport default Button;\n"],"mappings":"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"}

package/dist/ButtonGroup.d.ts

@@ -6,20 +6,20 @@ interface ButtonGroupProps {
     style?: React.CSSProperties;
     'data-testid'?: string;
 }
-declare const ButtonGroup: {
-    (props: ButtonGroupProps): JSX.Element;
-    displayName: string;
-    propTypes: {
+declare function ButtonGroup(props: ButtonGroupProps): JSX.Element;
+declare namespace ButtonGroup {
+    var displayName: string;
+    var propTypes: {
         children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
         'data-testid': PropTypes.Requireable<string>;
     };
-    defaultProps: {
+    var defaultProps: {
         className: null;
         style: {};
         'data-testid': undefined;
     };
-};
+}
 export default ButtonGroup;
 //# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/ButtonGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../src/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,WAAW;YAAW,gBAAgB,GAAG,WAAW;;;;;;;;;;;;;CAazD,CAAC;AAiBF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../src/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAazD;kBAbQ,WAAW;;;;;;;;;;;;;;AA8BpB,eAAe,WAAW,CAAC"}

package/dist/ButtonGroup.js

@@ -1,8 +1,7 @@
 import React from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
-
-var ButtonGroup = props => {
+function ButtonGroup(props) {
   var {
     children,
     className,
@@ -15,8 +14,7 @@ var ButtonGroup = props => {
     role: "group",
     "data-testid": dataTestId
   }, children);
-};
-
+}
 ButtonGroup.displayName = 'ButtonGroup';
 ButtonGroup.propTypes = {
   children: PropTypes.node.isRequired,

package/dist/ButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","names":["React","classNames","PropTypes","ButtonGroup","props","children","className","style","dataTestId","displayName","propTypes","node","isRequired","string","object","defaultProps","undefined"],"sources":["../src/ButtonGroup.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\ninterface ButtonGroupProps {\n  children?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  'data-testid'?: string;\n}\n\nconst ButtonGroup = (props: ButtonGroupProps): JSX.Element => {\n  const { children, className, style, 'data-testid': dataTestId } = props;\n\n  return (\n    <div\n      className={classNames('btn-group', className)}\n      style={style}\n      role=\"group\"\n      data-testid={dataTestId}\n    >\n      {children}\n    </div>\n  );\n};\n\nButtonGroup.displayName = 'ButtonGroup';\n\nButtonGroup.propTypes = {\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n  style: PropTypes.object,\n  'data-testid': PropTypes.string,\n};\n\nButtonGroup.defaultProps = {\n  className: null,\n  style: {},\n  'data-testid': undefined,\n};\n\nexport default ButtonGroup;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AASA,IAAMC,WAAW,GAAIC,KAAD,IAA0C;EAC5D,IAAM;IAAEC,QAAF;IAAYC,SAAZ;IAAuBC,KAAvB;IAA8B,eAAeC;EAA7C,IAA4DJ,KAAlE;EAEA,oBACE;IACE,SAAS,EAAEH,UAAU,CAAC,WAAD,EAAcK,SAAd,CADvB;IAEE,KAAK,EAAEC,KAFT;IAGE,IAAI,EAAC,OAHP;IAIE,eAAaC;EAJf,GAMGH,QANH,CADF;AAUD,CAbD;;AAeAF,WAAW,CAACM,WAAZ,GAA0B,aAA1B;AAEAN,WAAW,CAACO,SAAZ,GAAwB;EACtBL,QAAQ,EAAEH,SAAS,CAACS,IAAV,CAAeC,UADH;EAEtBN,SAAS,EAAEJ,SAAS,CAACW,MAFC;EAGtBN,KAAK,EAAEL,SAAS,CAACY,MAHK;EAItB,eAAeZ,SAAS,CAACW;AAJH,CAAxB;AAOAV,WAAW,CAACY,YAAZ,GAA2B;EACzBT,SAAS,EAAE,IADc;EAEzBC,KAAK,EAAE,EAFkB;EAGzB,eAAeS;AAHU,CAA3B;AAMA,eAAeb,WAAf"}
+{"version":3,"file":"ButtonGroup.js","names":["React","classNames","PropTypes","ButtonGroup","props","children","className","style","dataTestId","displayName","propTypes","node","isRequired","string","object","defaultProps","undefined"],"sources":["../src/ButtonGroup.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\ninterface ButtonGroupProps {\n  children?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  'data-testid'?: string;\n}\n\nfunction ButtonGroup(props: ButtonGroupProps): JSX.Element {\n  const { children, className, style, 'data-testid': dataTestId } = props;\n\n  return (\n    <div\n      className={classNames('btn-group', className)}\n      style={style}\n      role=\"group\"\n      data-testid={dataTestId}\n    >\n      {children}\n    </div>\n  );\n}\n\nButtonGroup.displayName = 'ButtonGroup';\n\nButtonGroup.propTypes = {\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n  style: PropTypes.object,\n  'data-testid': PropTypes.string,\n};\n\nButtonGroup.defaultProps = {\n  className: null,\n  style: {},\n  'data-testid': undefined,\n};\n\nexport default ButtonGroup;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AASlC,SAASC,WAAW,CAACC,KAAuB,EAAe;EACzD,IAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,KAAK;IAAE,aAAa,EAAEC;EAAW,CAAC,GAAGJ,KAAK;EAEvE,oBACE;IACE,SAAS,EAAEH,UAAU,CAAC,WAAW,EAAEK,SAAS,CAAE;IAC9C,KAAK,EAAEC,KAAM;IACb,IAAI,EAAC,OAAO;IACZ,eAAaC;EAAW,GAEvBH,QAAQ,CACL;AAEV;AAEAF,WAAW,CAACM,WAAW,GAAG,aAAa;AAEvCN,WAAW,CAACO,SAAS,GAAG;EACtBL,QAAQ,EAAEH,SAAS,CAACS,IAAI,CAACC,UAAU;EACnCN,SAAS,EAAEJ,SAAS,CAACW,MAAM;EAC3BN,KAAK,EAAEL,SAAS,CAACY,MAAM;EACvB,aAAa,EAAEZ,SAAS,CAACW;AAC3B,CAAC;AAEDV,WAAW,CAACY,YAAY,GAAG;EACzBT,SAAS,EAAE,IAAI;EACfC,KAAK,EAAE,CAAC,CAAC;EACT,aAAa,EAAES;AACjB,CAAC;AAED,eAAeb,WAAW"}

package/dist/ButtonOld.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonOld.js","names":["React","classNames","PropTypes","Button","forwardRef","props","ref","children","className","disabled","onClick","style","id","displayName","propTypes","node","string","bool","func","shape","defaultProps"],"sources":["../src/ButtonOld.tsx"],"sourcesContent":["import React, { MouseEventHandler } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\ninterface ButtonProps {\n  children?: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  style?: React.CSSProperties;\n  id?: string;\n}\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (props: ButtonProps, ref) => {\n    const { children, className, disabled, onClick, style, id } = props;\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        className={classNames('btn', className)}\n        onClick={onClick}\n        style={style}\n        disabled={disabled}\n        id={id}\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nButton.displayName = 'Button';\n\nButton.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  style: PropTypes.shape({}),\n  id: PropTypes.string,\n};\n\nButton.defaultProps = {\n  children: null,\n  className: '',\n  disabled: false,\n  onClick: () => null,\n  style: {},\n  id: '',\n};\n\nexport default Button;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAyC,OAAzC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAUA,IAAMC,MAAM,gBAAGH,KAAK,CAACI,UAAN,CACb,CAACC,KAAD,EAAqBC,GAArB,KAA6B;EAC3B,IAAM;IAAEC,QAAF;IAAYC,SAAZ;IAAuBC,QAAvB;IAAiCC,OAAjC;IAA0CC,KAA1C;IAAiDC;EAAjD,IAAwDP,KAA9D;EACA,oBACE;IACE,GAAG,EAAEC,GADP;IAEE,IAAI,EAAC,QAFP;IAGE,SAAS,EAAEL,UAAU,CAAC,KAAD,EAAQO,SAAR,CAHvB;IAIE,OAAO,EAAEE,OAJX;IAKE,KAAK,EAAEC,KALT;IAME,QAAQ,EAAEF,QANZ;IAOE,EAAE,EAAEG;EAPN,GASGL,QATH,CADF;AAaD,CAhBY,CAAf;AAmBAJ,MAAM,CAACU,WAAP,GAAqB,QAArB;AAEAV,MAAM,CAACW,SAAP,GAAmB;EACjBP,QAAQ,EAAEL,SAAS,CAACa,IADH;EAEjBP,SAAS,EAAEN,SAAS,CAACc,MAFJ;EAGjBP,QAAQ,EAAEP,SAAS,CAACe,IAHH;EAIjBP,OAAO,EAAER,SAAS,CAACgB,IAJF;EAKjBP,KAAK,EAAET,SAAS,CAACiB,KAAV,CAAgB,EAAhB,CALU;EAMjBP,EAAE,EAAEV,SAAS,CAACc;AANG,CAAnB;AASAb,MAAM,CAACiB,YAAP,GAAsB;EACpBb,QAAQ,EAAE,IADU;EAEpBC,SAAS,EAAE,EAFS;EAGpBC,QAAQ,EAAE,KAHU;EAIpBC,OAAO,EAAE,MAAM,IAJK;EAKpBC,KAAK,EAAE,EALa;EAMpBC,EAAE,EAAE;AANgB,CAAtB;AASA,eAAeT,MAAf"}
+{"version":3,"file":"ButtonOld.js","names":["React","classNames","PropTypes","Button","forwardRef","props","ref","children","className","disabled","onClick","style","id","displayName","propTypes","node","string","bool","func","shape","defaultProps"],"sources":["../src/ButtonOld.tsx"],"sourcesContent":["import React, { MouseEventHandler } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\ninterface ButtonProps {\n  children?: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  style?: React.CSSProperties;\n  id?: string;\n}\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (props: ButtonProps, ref) => {\n    const { children, className, disabled, onClick, style, id } = props;\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        className={classNames('btn', className)}\n        onClick={onClick}\n        style={style}\n        disabled={disabled}\n        id={id}\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nButton.displayName = 'Button';\n\nButton.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  style: PropTypes.shape({}),\n  id: PropTypes.string,\n};\n\nButton.defaultProps = {\n  children: null,\n  className: '',\n  disabled: false,\n  onClick: () => null,\n  style: {},\n  id: '',\n};\n\nexport default Button;\n"],"mappings":"AAAA,OAAOA,KAAK,MAA6B,OAAO;AAChD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAUlC,IAAMC,MAAM,gBAAGH,KAAK,CAACI,UAAU,CAC7B,CAACC,KAAkB,EAAEC,GAAG,KAAK;EAC3B,IAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,KAAK;IAAEC;EAAG,CAAC,GAAGP,KAAK;EACnE,oBACE;IACE,GAAG,EAAEC,GAAI;IACT,IAAI,EAAC,QAAQ;IACb,SAAS,EAAEL,UAAU,CAAC,KAAK,EAAEO,SAAS,CAAE;IACxC,OAAO,EAAEE,OAAQ;IACjB,KAAK,EAAEC,KAAM;IACb,QAAQ,EAAEF,QAAS;IACnB,EAAE,EAAEG;EAAG,GAENL,QAAQ,CACF;AAEb,CAAC,CACF;AAEDJ,MAAM,CAACU,WAAW,GAAG,QAAQ;AAE7BV,MAAM,CAACW,SAAS,GAAG;EACjBP,QAAQ,EAAEL,SAAS,CAACa,IAAI;EACxBP,SAAS,EAAEN,SAAS,CAACc,MAAM;EAC3BP,QAAQ,EAAEP,SAAS,CAACe,IAAI;EACxBP,OAAO,EAAER,SAAS,CAACgB,IAAI;EACvBP,KAAK,EAAET,SAAS,CAACiB,KAAK,CAAC,CAAC,CAAC,CAAC;EAC1BP,EAAE,EAAEV,SAAS,CAACc;AAChB,CAAC;AAEDb,MAAM,CAACiB,YAAY,GAAG;EACpBb,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,EAAE;EACbC,QAAQ,EAAE,KAAK;EACfC,OAAO,EAAE,MAAM,IAAI;EACnBC,KAAK,EAAE,CAAC,CAAC;EACTC,EAAE,EAAE;AACN,CAAC;AAED,eAAeT,MAAM"}