@deephaven/components 0.46.1-beta.2 → 0.46.1-beta.4

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","rest","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 = false,\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      ...rest\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        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...rest}\n      >\n        {icon && iconElem}\n        {children}\n        {tooltip != null && !disabled && 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 ? (\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","rest","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 = false,\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      ...rest\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        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...rest}\n      >\n        {icon && iconElem}\n        {children}\n        {tooltip != null && !disabled && 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 ? (\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.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
+import { jsx as _jsx } from "react/jsx-runtime";
 function ButtonGroup(props) {
   var {
     children,
@@ -8,12 +9,13 @@ function ButtonGroup(props) {
     style,
     'data-testid': dataTestId
   } = props;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: classNames('btn-group', className),
     style: style,
     role: "group",
-    "data-testid": dataTestId
-  }, children);
+    "data-testid": dataTestId,
+    children: children
+  });
 }
 ButtonGroup.displayName = 'ButtonGroup';
 ButtonGroup.propTypes = {

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\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"}
+{"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;AAAC;AASnC,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,UAAW;IAAA,UAEvBH;EAAQ,EACL;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

@@ -1,6 +1,7 @@
 import React from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
+import { jsx as _jsx } from "react/jsx-runtime";
 var Button = /*#__PURE__*/React.forwardRef((props, ref) => {
   var {
     children,
@@ -10,15 +11,16 @@ var Button = /*#__PURE__*/React.forwardRef((props, ref) => {
     style,
     id
   } = props;
-  return /*#__PURE__*/React.createElement("button", {
+  return /*#__PURE__*/_jsx("button", {
     ref: ref,
     type: "button",
     className: classNames('btn', className),
     onClick: onClick,
     style: style,
     disabled: disabled,
-    id: id
-  }, children);
+    id: id,
+    children: children
+  });
 });
 Button.displayName = 'Button';
 Button.propTypes = {

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,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"}
+{"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;AAAC;AAUnC,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;IAAA,UAENL;EAAQ,EACF;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"}

package/dist/CardFlip.js

@@ -1,6 +1,8 @@
 import React, { useCallback, useEffect, useRef } from 'react';
 import classNames from 'classnames';
 import "./CardFlip.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Card flip component, switches between a front and back face being visible.
  * Has logic to handle overflow on body, caused by perspective transforms
@@ -43,19 +45,22 @@ function CardFlip(_ref) {
       }
     };
   }, [transitionStart]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: classNames(className, {
       'card-flip--show-front': isFlipped,
       'card-flip--show-back': !isFlipped
     }),
-    "data-testid": dataTestId
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "card-flip--back"
-  }, getComponent(0)), /*#__PURE__*/React.createElement("div", {
-    ref: front,
-    className: "card-flip--front",
-    onTransitionEnd: transitionEnd
-  }, getComponent(1)));
+    "data-testid": dataTestId,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "card-flip--back",
+      children: getComponent(0)
+    }), /*#__PURE__*/_jsx("div", {
+      ref: front,
+      className: "card-flip--front",
+      onTransitionEnd: transitionEnd,
+      children: getComponent(1)
+    })]
+  });
 }
 export default CardFlip;
 //# sourceMappingURL=CardFlip.js.map

package/dist/CardFlip.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardFlip.js","names":["React","useCallback","useEffect","useRef","classNames","CardFlip","className","isFlipped","children","dataTestId","getComponent","key","length","Error","front","transitionStart","event","target","currentTarget","document","body","classList","add","transitionEnd","remove","setIsFlippingClassOnTransitionStart","current","addEventListener","refObj","cleanupListener","removeEventListener"],"sources":["../src/CardFlip.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport './CardFlip.scss';\n\ntype CardFlipProps = {\n  isFlipped: boolean;\n  children: [React.ReactNode, React.ReactNode];\n  className?: string;\n  'data-testid'?: string;\n};\n\n/**\n * Card flip component, switches between a front and back face being visible.\n * Has logic to handle overflow on body, caused by perspective transforms\n * and moves z-index to top during transition.\n * @param isFlipped true shows second child, false shows first child\n * @param children Expects exactly two children\n * @returns\n */\nfunction CardFlip({\n  className,\n  isFlipped,\n  children,\n  'data-testid': dataTestId,\n}: CardFlipProps): JSX.Element {\n  const getComponent = (key: 0 | 1) => {\n    if (children.length !== 2) {\n      throw new Error('CardFlip requires 2 children to function');\n    }\n    return children[key];\n  };\n\n  const front = useRef<HTMLDivElement>(null);\n\n  const transitionStart = useCallback(event => {\n    if (event.target === event.currentTarget) {\n      document.body.classList.add('card-flip--is-flipping');\n    }\n  }, []);\n\n  const transitionEnd = useCallback(event => {\n    if (event.target === event.currentTarget) {\n      document.body.classList.remove('card-flip--is-flipping');\n    }\n  }, []);\n\n  useEffect(\n    function setIsFlippingClassOnTransitionStart() {\n      if (!front.current) throw Error('ref undefined');\n      front.current.addEventListener('transitionstart', transitionStart);\n\n      const refObj = front.current;\n      return function cleanupListener() {\n        if (refObj != null) {\n          return refObj.removeEventListener('transitionstart', transitionStart);\n        }\n      };\n    },\n    [transitionStart]\n  );\n\n  return (\n    <div\n      className={classNames(className, {\n        'card-flip--show-front': isFlipped,\n        'card-flip--show-back': !isFlipped,\n      })}\n      data-testid={dataTestId}\n    >\n      <div className=\"card-flip--back\">{getComponent(0)}</div>\n      <div\n        ref={front}\n        className=\"card-flip--front\"\n        onTransitionEnd={transitionEnd}\n      >\n        {getComponent(1)}\n      </div>\n    </div>\n  );\n}\n\nexport default CardFlip;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAC7D,OAAOC,UAAU,MAAM,YAAY;AAAC;AAUpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,QAAQ,OAKc;EAAA,IALb;IAChBC,SAAS;IACTC,SAAS;IACTC,QAAQ;IACR,aAAa,EAAEC;EACF,CAAC;EACd,IAAMC,YAAY,GAAIC,GAAU,IAAK;IACnC,IAAIH,QAAQ,CAACI,MAAM,KAAK,CAAC,EAAE;MACzB,MAAM,IAAIC,KAAK,CAAC,0CAA0C,CAAC;IAC7D;IACA,OAAOL,QAAQ,CAACG,GAAG,CAAC;EACtB,CAAC;EAED,IAAMG,KAAK,GAAGX,MAAM,CAAiB,IAAI,CAAC;EAE1C,IAAMY,eAAe,GAAGd,WAAW,CAACe,KAAK,IAAI;IAC3C,IAAIA,KAAK,CAACC,MAAM,KAAKD,KAAK,CAACE,aAAa,EAAE;MACxCC,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACC,GAAG,CAAC,wBAAwB,CAAC;IACvD;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMC,aAAa,GAAGtB,WAAW,CAACe,KAAK,IAAI;IACzC,IAAIA,KAAK,CAACC,MAAM,KAAKD,KAAK,CAACE,aAAa,EAAE;MACxCC,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACG,MAAM,CAAC,wBAAwB,CAAC;IAC1D;EACF,CAAC,EAAE,EAAE,CAAC;EAENtB,SAAS,CACP,SAASuB,mCAAmC,GAAG;IAC7C,IAAI,CAACX,KAAK,CAACY,OAAO,EAAE,MAAMb,KAAK,CAAC,eAAe,CAAC;IAChDC,KAAK,CAACY,OAAO,CAACC,gBAAgB,CAAC,iBAAiB,EAAEZ,eAAe,CAAC;IAElE,IAAMa,MAAM,GAAGd,KAAK,CAACY,OAAO;IAC5B,OAAO,SAASG,eAAe,GAAG;MAChC,IAAID,MAAM,IAAI,IAAI,EAAE;QAClB,OAAOA,MAAM,CAACE,mBAAmB,CAAC,iBAAiB,EAAEf,eAAe,CAAC;MACvE;IACF,CAAC;EACH,CAAC,EACD,CAACA,eAAe,CAAC,CAClB;EAED,oBACE;IACE,SAAS,EAAEX,UAAU,CAACE,SAAS,EAAE;MAC/B,uBAAuB,EAAEC,SAAS;MAClC,sBAAsB,EAAE,CAACA;IAC3B,CAAC,CAAE;IACH,eAAaE;EAAW,gBAExB;IAAK,SAAS,EAAC;EAAiB,GAAEC,YAAY,CAAC,CAAC,CAAC,CAAO,eACxD;IACE,GAAG,EAAEI,KAAM;IACX,SAAS,EAAC,kBAAkB;IAC5B,eAAe,EAAES;EAAc,GAE9Bb,YAAY,CAAC,CAAC,CAAC,CACZ,CACF;AAEV;AAEA,eAAeL,QAAQ"}
+{"version":3,"file":"CardFlip.js","names":["React","useCallback","useEffect","useRef","classNames","CardFlip","className","isFlipped","children","dataTestId","getComponent","key","length","Error","front","transitionStart","event","target","currentTarget","document","body","classList","add","transitionEnd","remove","setIsFlippingClassOnTransitionStart","current","addEventListener","refObj","cleanupListener","removeEventListener"],"sources":["../src/CardFlip.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport './CardFlip.scss';\n\ntype CardFlipProps = {\n  isFlipped: boolean;\n  children: [React.ReactNode, React.ReactNode];\n  className?: string;\n  'data-testid'?: string;\n};\n\n/**\n * Card flip component, switches between a front and back face being visible.\n * Has logic to handle overflow on body, caused by perspective transforms\n * and moves z-index to top during transition.\n * @param isFlipped true shows second child, false shows first child\n * @param children Expects exactly two children\n * @returns\n */\nfunction CardFlip({\n  className,\n  isFlipped,\n  children,\n  'data-testid': dataTestId,\n}: CardFlipProps): JSX.Element {\n  const getComponent = (key: 0 | 1) => {\n    if (children.length !== 2) {\n      throw new Error('CardFlip requires 2 children to function');\n    }\n    return children[key];\n  };\n\n  const front = useRef<HTMLDivElement>(null);\n\n  const transitionStart = useCallback(event => {\n    if (event.target === event.currentTarget) {\n      document.body.classList.add('card-flip--is-flipping');\n    }\n  }, []);\n\n  const transitionEnd = useCallback(event => {\n    if (event.target === event.currentTarget) {\n      document.body.classList.remove('card-flip--is-flipping');\n    }\n  }, []);\n\n  useEffect(\n    function setIsFlippingClassOnTransitionStart() {\n      if (!front.current) throw Error('ref undefined');\n      front.current.addEventListener('transitionstart', transitionStart);\n\n      const refObj = front.current;\n      return function cleanupListener() {\n        if (refObj != null) {\n          return refObj.removeEventListener('transitionstart', transitionStart);\n        }\n      };\n    },\n    [transitionStart]\n  );\n\n  return (\n    <div\n      className={classNames(className, {\n        'card-flip--show-front': isFlipped,\n        'card-flip--show-back': !isFlipped,\n      })}\n      data-testid={dataTestId}\n    >\n      <div className=\"card-flip--back\">{getComponent(0)}</div>\n      <div\n        ref={front}\n        className=\"card-flip--front\"\n        onTransitionEnd={transitionEnd}\n      >\n        {getComponent(1)}\n      </div>\n    </div>\n  );\n}\n\nexport default CardFlip;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAC7D,OAAOC,UAAU,MAAM,YAAY;AAAC;AAAA;AAAA;AAUpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,QAAQ,OAKc;EAAA,IALb;IAChBC,SAAS;IACTC,SAAS;IACTC,QAAQ;IACR,aAAa,EAAEC;EACF,CAAC;EACd,IAAMC,YAAY,GAAIC,GAAU,IAAK;IACnC,IAAIH,QAAQ,CAACI,MAAM,KAAK,CAAC,EAAE;MACzB,MAAM,IAAIC,KAAK,CAAC,0CAA0C,CAAC;IAC7D;IACA,OAAOL,QAAQ,CAACG,GAAG,CAAC;EACtB,CAAC;EAED,IAAMG,KAAK,GAAGX,MAAM,CAAiB,IAAI,CAAC;EAE1C,IAAMY,eAAe,GAAGd,WAAW,CAACe,KAAK,IAAI;IAC3C,IAAIA,KAAK,CAACC,MAAM,KAAKD,KAAK,CAACE,aAAa,EAAE;MACxCC,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACC,GAAG,CAAC,wBAAwB,CAAC;IACvD;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMC,aAAa,GAAGtB,WAAW,CAACe,KAAK,IAAI;IACzC,IAAIA,KAAK,CAACC,MAAM,KAAKD,KAAK,CAACE,aAAa,EAAE;MACxCC,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACG,MAAM,CAAC,wBAAwB,CAAC;IAC1D;EACF,CAAC,EAAE,EAAE,CAAC;EAENtB,SAAS,CACP,SAASuB,mCAAmC,GAAG;IAC7C,IAAI,CAACX,KAAK,CAACY,OAAO,EAAE,MAAMb,KAAK,CAAC,eAAe,CAAC;IAChDC,KAAK,CAACY,OAAO,CAACC,gBAAgB,CAAC,iBAAiB,EAAEZ,eAAe,CAAC;IAElE,IAAMa,MAAM,GAAGd,KAAK,CAACY,OAAO;IAC5B,OAAO,SAASG,eAAe,GAAG;MAChC,IAAID,MAAM,IAAI,IAAI,EAAE;QAClB,OAAOA,MAAM,CAACE,mBAAmB,CAAC,iBAAiB,EAAEf,eAAe,CAAC;MACvE;IACF,CAAC;EACH,CAAC,EACD,CAACA,eAAe,CAAC,CAClB;EAED,oBACE;IACE,SAAS,EAAEX,UAAU,CAACE,SAAS,EAAE;MAC/B,uBAAuB,EAAEC,SAAS;MAClC,sBAAsB,EAAE,CAACA;IAC3B,CAAC,CAAE;IACH,eAAaE,UAAW;IAAA,wBAExB;MAAK,SAAS,EAAC,iBAAiB;MAAA,UAAEC,YAAY,CAAC,CAAC;IAAC,EAAO,eACxD;MACE,GAAG,EAAEI,KAAM;MACX,SAAS,EAAC,kBAAkB;MAC5B,eAAe,EAAES,aAAc;MAAA,UAE9Bb,YAAY,CAAC,CAAC;IAAC,EACZ;EAAA,EACF;AAEV;AAEA,eAAeL,QAAQ"}

package/dist/Checkbox.js

@@ -3,6 +3,8 @@ import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import shortid from 'shortid';
 import { useForwardedRef } from '@deephaven/react-hooks';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * A simple checkbox component. Automatically generates an id so htmlFor/id attributes are unique.
  */
@@ -36,25 +38,27 @@ var Checkbox = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
       onChange(event);
     }
   }, [ref, checked, onChange]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('custom-control custom-checkbox', className)
-  }, /*#__PURE__*/React.createElement("input", {
-    type: "checkbox",
-    ref: ref,
-    checked: checked !== null && checked !== void 0 ? checked : false // checked attr must always have a value to remain as a controlled component
-    ,
-    className: classNames('custom-control-input', inputClassName, {
-      'is-invalid': isInvalid
-    }),
-    disabled: disabled,
-    id: id,
-    name: name,
-    onChange: handleOnChange,
-    "data-testid": dataTestId
-  }), /*#__PURE__*/React.createElement("label", {
-    className: classNames('custom-control-label', labelClassName),
-    htmlFor: id
-  }, children));
+  return /*#__PURE__*/_jsxs("div", {
+    className: classNames('custom-control custom-checkbox', className),
+    children: [/*#__PURE__*/_jsx("input", {
+      type: "checkbox",
+      ref: ref,
+      checked: checked !== null && checked !== void 0 ? checked : false // checked attr must always have a value to remain as a controlled component
+      ,
+      className: classNames('custom-control-input', inputClassName, {
+        'is-invalid': isInvalid
+      }),
+      disabled: disabled,
+      id: id,
+      name: name,
+      onChange: handleOnChange,
+      "data-testid": dataTestId
+    }), /*#__PURE__*/_jsx("label", {
+      className: classNames('custom-control-label', labelClassName),
+      htmlFor: id,
+      children: children
+    })]
+  });
 });
 
 // Forward ref causes a false positive for display-name in eslint:

package/dist/Checkbox.js.map

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

package/dist/Collapse.js

@@ -6,6 +6,7 @@ import React, { Component } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import { CSSTransition } from 'react-transition-group';
+import { jsx as _jsx } from "react/jsx-runtime";
 class Collapse extends Component {
   static handleEnter(elemParam) {
     var elem = elemParam;
@@ -46,12 +47,12 @@ class Collapse extends Component {
   }
   render() {
     var {
-      children,
+      children: _children,
       className,
       in: inTransition,
       'data-testid': dataTestId
     } = this.props;
-    return /*#__PURE__*/React.createElement(CSSTransition, {
+    return /*#__PURE__*/_jsx(CSSTransition, {
       in: inTransition,
       classNames: {
         enterActive: 'collapsing',
@@ -64,13 +65,15 @@ class Collapse extends Component {
       onEntered: this.handleEntered,
       onExit: Collapse.handleExit,
       onExiting: Collapse.handleExiting,
-      timeout: 350
-    }, state => /*#__PURE__*/React.createElement("div", {
-      className: classNames({
-        collapse: state === 'exited'
-      }, className),
-      "data-testid": dataTestId
-    }, children));
+      timeout: 350,
+      children: state => /*#__PURE__*/_jsx("div", {
+        className: classNames({
+          collapse: state === 'exited'
+        }, className),
+        "data-testid": dataTestId,
+        children: _children
+      })
+    });
   }
 }
 _defineProperty(Collapse, "propTypes", {

package/dist/Collapse.js.map

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

package/dist/ComboBox.js

@@ -26,6 +26,8 @@ import classNames from 'classnames';
 import SearchInput from "./SearchInput.js";
 import { Popper } from "./popper/index.js";
 import "./ComboBox.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var MENU_NAVIGATION_DIRECTION;
 (function (MENU_NAVIGATION_DIRECTION) {
   MENU_NAVIGATION_DIRECTION["UP"] = "UP";
@@ -337,7 +339,7 @@ class ComboBox extends Component {
       filter,
       inputWidth
     } = this.state;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_jsxs("div", {
       className: "cb-menu-container",
       ref: this.menuContainer,
       role: "presentation",
@@ -348,20 +350,24 @@ class ComboBox extends Component {
       style: {
         width: inputWidth
       },
-      onBlur: this.handleMenuBlur
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "cb-search-input-container"
-    }, /*#__PURE__*/React.createElement(SearchInput, {
-      value: filter,
-      ref: this.searchInput,
-      onChange: this.handleFilterChange,
-      className: "cb-search-input",
-      placeholder: searchPlaceholder
-    })), /*#__PURE__*/React.createElement("div", {
-      className: "cb-options-container"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "cb-options"
-    }, this.renderOptions())));
+      onBlur: this.handleMenuBlur,
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "cb-search-input-container",
+        children: /*#__PURE__*/_jsx(SearchInput, {
+          value: filter,
+          ref: this.searchInput,
+          onChange: this.handleFilterChange,
+          className: "cb-search-input",
+          placeholder: searchPlaceholder
+        })
+      }), /*#__PURE__*/_jsx("div", {
+        className: "cb-options-container",
+        children: /*#__PURE__*/_jsx("div", {
+          className: "cb-options",
+          children: this.renderOptions()
+        })
+      })]
+    });
   }
   renderOptions() {
     var {
@@ -375,16 +381,16 @@ class ComboBox extends Component {
     var menuOptions = filter ? filteredOptions : options;
     return menuOptions.map((option, index) => {
       var key = "option-".concat(index, "-").concat(option.value);
-      return /*#__PURE__*/React.createElement("button", {
-        key: key,
+      return /*#__PURE__*/_jsx("button", {
         type: "button",
         value: index,
         className: classNames('cb-option-btn', {
           'keyboard-active': keyboardOptionIndex === index
         }),
         onClick: this.handleOptionClick,
-        onFocus: this.handleOptionFocus
-      }, option.title);
+        onFocus: this.handleOptionFocus,
+        children: option.title
+      }, key);
     });
   }
   render() {
@@ -411,39 +417,43 @@ class ComboBox extends Component {
         }
       }
     }, popperOptions);
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_jsxs("div", {
       className: "input-group cb-container",
-      ref: this.cbContainer
-    }, /*#__PURE__*/React.createElement("input", {
-      value: value || defaultValue,
-      className: classNames('form-control', className, 'cb-input'),
-      ref: this.input,
-      onChange: this.handleInputChange,
-      placeholder: inputPlaceholder || (options[0] != null ? options[0].title : undefined),
-      disabled: disabled,
-      onBlur: this.handleInputBlur,
-      onKeyDown: this.handleInputKeyDown,
-      spellCheck: spellCheck,
-      "data-testid": dataTestId !== undefined ? "".concat(dataTestId, "-input") : undefined
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "input-group-append cb-dropdown"
-    }, /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      className: "btn cb-btn form-control",
-      ref: this.toggleButton,
-      onClick: this.toggleMenu,
-      onKeyDown: this.handleInputKeyDown,
-      disabled: disabled,
-      "data-testid": dataTestId !== undefined ? "".concat(dataTestId, "-btn") : undefined
-    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-      icon: vsTriangleDown
-    }), /*#__PURE__*/React.createElement(Popper, {
-      ref: this.popper,
-      options: popperOptions,
-      className: classNames('combobox interactive'),
-      onEntered: this.handleMenuOpened,
-      onExited: this.handleMenuExited
-    }, this.renderMenuElement()))));
+      ref: this.cbContainer,
+      children: [/*#__PURE__*/_jsx("input", {
+        value: value || defaultValue,
+        className: classNames('form-control', className, 'cb-input'),
+        ref: this.input,
+        onChange: this.handleInputChange,
+        placeholder: inputPlaceholder || (options[0] != null ? options[0].title : undefined),
+        disabled: disabled,
+        onBlur: this.handleInputBlur,
+        onKeyDown: this.handleInputKeyDown,
+        spellCheck: spellCheck,
+        "data-testid": dataTestId !== undefined ? "".concat(dataTestId, "-input") : undefined
+      }), /*#__PURE__*/_jsx("div", {
+        className: "input-group-append cb-dropdown",
+        children: /*#__PURE__*/_jsxs("button", {
+          type: "button",
+          className: "btn cb-btn form-control",
+          ref: this.toggleButton,
+          onClick: this.toggleMenu,
+          onKeyDown: this.handleInputKeyDown,
+          disabled: disabled,
+          "data-testid": dataTestId !== undefined ? "".concat(dataTestId, "-btn") : undefined,
+          children: [/*#__PURE__*/_jsx(FontAwesomeIcon, {
+            icon: vsTriangleDown
+          }), /*#__PURE__*/_jsx(Popper, {
+            ref: this.popper,
+            options: popperOptions,
+            className: classNames('combobox interactive'),
+            onEntered: this.handleMenuOpened,
+            onExited: this.handleMenuExited,
+            children: this.renderMenuElement()
+          })]
+        })
+      })]
+    });
   }
 }
 _defineProperty(ComboBox, "MENU_NAVIGATION_DIRECTION", MENU_NAVIGATION_DIRECTION);