@deephaven/components 0.22.3-deep-bot-test.14 → 0.23.0

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<NonNullable<NonNullable<string | ((...args: any[]) => any) | null | undefined>>>;
+        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.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 declare const BUTTON_KINDS: readonly ["primary", "secondary", "tertiary", "success", "danger", "inline", "ghost"];
-declare type ButtonTuple = typeof BUTTON_KINDS;
-export declare type ButtonKind = ButtonTuple[number];
+type ButtonTuple = typeof BUTTON_KINDS;
+export type ButtonKind = ButtonTuple[number];
 declare const VARIANT_KINDS: readonly ["group-end"];
-declare type VariantTuple = typeof VARIANT_KINDS;
-declare type VariantKind = VariantTuple[number];
-declare type ButtonTypes = 'submit' | 'reset' | 'button';
+type VariantTuple = typeof VARIANT_KINDS;
+type VariantKind = VariantTuple[number];
+type ButtonTypes = 'submit' | 'reset' | 'button';
 interface BaseButtonProps extends React.ComponentPropsWithRef<'button'> {
     kind: ButtonKind;
     type?: ButtonTypes;
@@ -16,20 +16,20 @@ interface BaseButtonProps extends React.ComponentPropsWithRef<'button'> {
     active?: boolean;
     'data-testid'?: string;
 }
-declare type ButtonWithChildren = BaseButtonProps & {
+type ButtonWithChildren = BaseButtonProps & {
     children: React.ReactNode;
 };
-declare type IconOnlyButtonStringTooltip = BaseButtonProps & {
+type IconOnlyButtonStringTooltip = BaseButtonProps & {
     tooltip: string;
     icon: IconDefinition | JSX.Element;
     children?: undefined;
 };
-declare type IconOnlyButtonJsxTooltip = BaseButtonProps & {
+type IconOnlyButtonJsxTooltip = BaseButtonProps & {
     tooltip: JSX.Element;
     'aria-label': string;
     icon: IconDefinition | JSX.Element;
     children?: undefined;
 };
-declare const Button: React.ForwardRefExoticComponent<(Pick<ButtonWithChildren, "className" | "placeholder" | "value" | "onChange" | "onSelect" | "onFocus" | "onBlur" | "data-testid" | "key" | "form" | "slot" | "style" | "title" | "color" | "hidden" | "type" | "onKeyDown" | "onSelectCapture" | "dir" | "defaultChecked" | "defaultValue" | "disabled" | "formAction" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "children" | "tooltip" | "onClick" | "tabIndex" | "role" | "spellCheck" | "id" | "onMouseDown" | "onPaste" | "autoFocus" | "formEncType" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "kind" | "icon" | "variant" | "active"> | Pick<IconOnlyButtonStringTooltip, "className" | "placeholder" | "value" | "onChange" | "onSelect" | "onFocus" | "onBlur" | "data-testid" | "key" | "form" | "slot" | "style" | "title" | "color" | "hidden" | "type" | "onKeyDown" | "onSelectCapture" | "dir" | "defaultChecked" | "defaultValue" | "disabled" | "formAction" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "children" | "tooltip" | "onClick" | "tabIndex" | "role" | "spellCheck" | "id" | "onMouseDown" | "onPaste" | "autoFocus" | "formEncType" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "kind" | "icon" | "variant" | "active"> | Pick<IconOnlyButtonJsxTooltip, "className" | "placeholder" | "value" | "onChange" | "onSelect" | "onFocus" | "onBlur" | "data-testid" | "key" | "form" | "slot" | "style" | "title" | "color" | "hidden" | "type" | "onKeyDown" | "onSelectCapture" | "dir" | "defaultChecked" | "defaultValue" | "disabled" | "formAction" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "children" | "tooltip" | "onClick" | "tabIndex" | "role" | "spellCheck" | "id" | "onMouseDown" | "onPaste" | "autoFocus" | "formEncType" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "kind" | "icon" | "variant" | "active">) & React.RefAttributes<HTMLButtonElement>>;
+declare const Button: React.ForwardRefExoticComponent<(Pick<ButtonWithChildren, "className" | "placeholder" | "value" | "onChange" | "onSelect" | "onFocus" | "onBlur" | "data-testid" | "key" | "form" | "slot" | "style" | "title" | "color" | "hidden" | "type" | "onKeyDown" | "onSelectCapture" | "defaultChecked" | "defaultValue" | "disabled" | "formAction" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "children" | "tooltip" | "onClick" | "tabIndex" | "role" | "spellCheck" | "id" | "onMouseDown" | "onPaste" | "autoFocus" | "formEncType" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "kind" | "icon" | "variant" | "active"> | Pick<IconOnlyButtonStringTooltip, "className" | "placeholder" | "value" | "onChange" | "onSelect" | "onFocus" | "onBlur" | "data-testid" | "key" | "form" | "slot" | "style" | "title" | "color" | "hidden" | "type" | "onKeyDown" | "onSelectCapture" | "defaultChecked" | "defaultValue" | "disabled" | "formAction" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "children" | "tooltip" | "onClick" | "tabIndex" | "role" | "spellCheck" | "id" | "onMouseDown" | "onPaste" | "autoFocus" | "formEncType" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "kind" | "icon" | "variant" | "active"> | Pick<IconOnlyButtonJsxTooltip, "className" | "placeholder" | "value" | "onChange" | "onSelect" | "onFocus" | "onBlur" | "data-testid" | "key" | "form" | "slot" | "style" | "title" | "color" | "hidden" | "type" | "onKeyDown" | "onSelectCapture" | "defaultChecked" | "defaultValue" | "disabled" | "formAction" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "children" | "tooltip" | "onClick" | "tabIndex" | "role" | "spellCheck" | "id" | "onMouseDown" | "onPaste" | "autoFocus" | "formEncType" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "kind" | "icon" | "variant" | "active">) & React.RefAttributes<HTMLButtonElement>>;
 export default Button;
 //# sourceMappingURL=Button.d.ts.map

package/dist/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnE,QAAA,MAAM,YAAY,uFAQR,CAAC;AACX,aAAK,WAAW,GAAG,OAAO,YAAY,CAAC;AACvC,oBAAY,UAAU,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;AAE7C,QAAA,MAAM,aAAa,wBAAyB,CAAC;AAC7C,aAAK,YAAY,GAAG,OAAO,aAAa,CAAC;AACzC,aAAK,WAAW,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;AAExC,aAAK,WAAW,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEjD,UAAU,eAAgB,SAAQ,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC;IACrE,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,IAAI,CAAC,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAAC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,aAAK,kBAAkB,GAAG,eAAe,GAAG;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,aAAK,2BAA2B,GAAG,eAAe,GAAG;IACnD,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAAC;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,aAAK,wBAAwB,GAAG,eAAe,GAAG;IAChD,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAAC;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAmCF,QAAA,MAAM,MAAM,4wcAyGX,CAAC;AA+EF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnE,QAAA,MAAM,YAAY,uFAQR,CAAC;AACX,KAAK,WAAW,GAAG,OAAO,YAAY,CAAC;AACvC,MAAM,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;AAE7C,QAAA,MAAM,aAAa,wBAAyB,CAAC;AAC7C,KAAK,YAAY,GAAG,OAAO,aAAa,CAAC;AACzC,KAAK,WAAW,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;AAExC,KAAK,WAAW,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEjD,UAAU,eAAgB,SAAQ,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC;IACrE,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,IAAI,CAAC,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAAC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,KAAK,kBAAkB,GAAG,eAAe,GAAG;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,KAAK,2BAA2B,GAAG,eAAe,GAAG;IACnD,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAAC;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,KAAK,wBAAwB,GAAG,eAAe,GAAG;IAChD,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAAC;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAmCF,QAAA,MAAM,MAAM,4wcAyGX,CAAC;AA+EF,eAAe,MAAM,CAAC"}

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,