@deephaven/components 0.17.1-beta.4 → 0.18.1-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Button.d.ts +1 -0
- package/dist/Button.d.ts.map +1 -1
- package/dist/Button.js +4 -2
- package/dist/Button.js.map +1 -1
- package/dist/ItemListItem.js +1 -1
- package/dist/ItemListItem.js.map +1 -1
- package/package.json +8 -8
package/dist/Button.d.ts
CHANGED
|
@@ -15,6 +15,7 @@ interface BaseButtonProps extends React.ComponentPropsWithRef<'button'> {
|
|
|
15
15
|
icon?: IconDefinition | JSX.Element;
|
|
16
16
|
active?: boolean;
|
|
17
17
|
'data-testid'?: string;
|
|
18
|
+
'aria-label'?: string;
|
|
18
19
|
}
|
|
19
20
|
declare type ButtonWithChildren = BaseButtonProps & {
|
|
20
21
|
children: React.ReactNode;
|
package/dist/Button.d.ts.map
CHANGED
|
@@ -1 +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,aAAK,UAAU,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;AAEtC,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;
|
|
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,aAAK,UAAU,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;AAEtC,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;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,aAAK,kBAAkB,GAAG,eAAe,GAAG;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,aAAK,cAAc,GAAG,eAAe,GAAG;IACtC,OAAO,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC9B,IAAI,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAAC;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAiCF,QAAA,MAAM,MAAM,mhTA6EX,CAAC;AA6DF,eAAe,MAAM,CAAC"}
|
package/dist/Button.js
CHANGED
|
@@ -54,7 +54,8 @@ var Button = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
54
54
|
className,
|
|
55
55
|
style,
|
|
56
56
|
children,
|
|
57
|
-
'data-testid': dataTestId
|
|
57
|
+
'data-testid': dataTestId,
|
|
58
|
+
'aria-label': ariaLabel
|
|
58
59
|
} = props;
|
|
59
60
|
var iconOnly = icon && !children;
|
|
60
61
|
var btnClassName = getClassName(kind, iconOnly);
|
|
@@ -88,7 +89,8 @@ var Button = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
88
89
|
}, className),
|
|
89
90
|
onClick: onClick,
|
|
90
91
|
style: style,
|
|
91
|
-
disabled: disabled
|
|
92
|
+
disabled: disabled,
|
|
93
|
+
"aria-label": ariaLabel
|
|
92
94
|
}, icon && iconElem, children, tooltip && !disabled && tooltipElem); // disabled buttons tooltips need a wrapped element to receive pointer events
|
|
93
95
|
// https://jakearchibald.com/2017/events-and-disabled-form-fields/
|
|
94
96
|
|
package/dist/Button.js.map
CHANGED
|
@@ -1 +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","className","style","children","dataTestId","btnClassName","variantClassName","iconElem","isValidElement","tooltipElem","button","displayName","propTypes","oneOf","isRequired","Error","iconName","bool","undefined","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;\ntype 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 IconOnlyButton = BaseButtonProps & {\n tooltip: string | JSX.Element;\n icon: IconDefinition | JSX.Element;\n children?: undefined;\n};\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 'px-2': iconOnly,\n });\n }\n}\n\nfunction getVariantClasses(kind: VariantKind): string {\n switch (kind) {\n case 'group-end':\n return classNames('pl-2', 'pr-3');\n }\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (props: ButtonProps, ref) => {\n const {\n kind,\n variant,\n type,\n tooltip,\n icon,\n disabled,\n active,\n onClick,\n className,\n style,\n children,\n 'data-testid': dataTestId,\n } = props;\n\n const iconOnly = (icon && !children) as boolean;\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) {\n tooltipElem =\n typeof tooltip === 'string' ? <Tooltip>{tooltip}</Tooltip> : 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 style={style}\n disabled={disabled}\n >\n {icon && iconElem}\n {children}\n {tooltip && !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 && 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 && icon && !children) {\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 && !children) {\n return new Error('Icon is required if no children are provided');\n }\n\n if (!children && !React.isValidElement(icon) && !icon?.iconName) {\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 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 variant: undefined,\n tooltip: undefined,\n icon: undefined,\n disabled: false,\n active: undefined,\n children: undefined,\n className: undefined,\n style: {},\n 'data-testid': undefined,\n};\n\nexport default Button;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,eAAT,QAAgC,gCAAhC;SAESC,O;AAET,IAAMC,YAAY,GAAG,CACnB,SADmB,EAEnB,WAFmB,EAGnB,UAHmB,EAInB,SAJmB,EAKnB,QALmB,EAMnB,QANmB,EAOnB,OAPmB,CAArB;AAYA,IAAMC,aAAa,GAAG,CAAC,WAAD,CAAtB;;
|
|
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","className","style","children","dataTestId","ariaLabel","btnClassName","variantClassName","iconElem","isValidElement","tooltipElem","button","displayName","propTypes","oneOf","isRequired","Error","iconName","bool","undefined","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;\ntype 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 'aria-label'?: string;\n}\n\ntype ButtonWithChildren = BaseButtonProps & {\n children: React.ReactNode;\n};\n\ntype IconOnlyButton = BaseButtonProps & {\n tooltip: string | JSX.Element;\n icon: IconDefinition | JSX.Element;\n children?: undefined;\n};\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 'px-2': iconOnly,\n });\n }\n}\n\nfunction getVariantClasses(kind: VariantKind): string {\n switch (kind) {\n case 'group-end':\n return classNames('pl-2', 'pr-3');\n }\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (props: ButtonProps, ref) => {\n const {\n kind,\n variant,\n type,\n tooltip,\n icon,\n disabled,\n active,\n onClick,\n className,\n style,\n children,\n 'data-testid': dataTestId,\n 'aria-label': ariaLabel,\n } = props;\n\n const iconOnly = (icon && !children) as boolean;\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) {\n tooltipElem =\n typeof tooltip === 'string' ? <Tooltip>{tooltip}</Tooltip> : 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 style={style}\n disabled={disabled}\n aria-label={ariaLabel}\n >\n {icon && iconElem}\n {children}\n {tooltip && !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 && 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 && icon && !children) {\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 && !children) {\n return new Error('Icon is required if no children are provided');\n }\n\n if (!children && !React.isValidElement(icon) && !icon?.iconName) {\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 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 variant: undefined,\n tooltip: undefined,\n icon: undefined,\n disabled: false,\n active: 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/ItemListItem.js
CHANGED
package/dist/ItemListItem.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ItemListItem.js","names":["React","Component","classNames","Log","log","module","ItemListItem","handleKeyDown","constructor","props","handleBlur","bind","handleFocus","handleClick","handleContextMenu","handleDragStart","handleDrag","handleDragOver","handleDragEnd","handleDrop","handleDoubleClick","handleMouseDown","handleMouseMove","handleMouseUp","itemRef","createRef","e","itemIndex","onBlur","onFocus","onClick","onContextMenu","onDragStart","onDrag","preventDefault","onDragOver","onDragEnd","onDrop","onDoubleClick","onMouseMove","onMouseDown","onMouseUp","render","isDraggable","isFocused","isSelected","style","children","dataTestId","active","disableSelect","undefined"],"sources":["../src/ItemListItem.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport classNames from 'classnames';\nimport './ItemListItem.scss';\nimport Log from '@deephaven/log';\n\nconst log = Log.module('ItemListItem');\n\ninterface ItemListItemProps {\n isDraggable: boolean;\n isFocused: boolean;\n isSelected: boolean;\n itemIndex: number;\n disableSelect: boolean;\n onBlur(index: number, e: React.FocusEvent<HTMLDivElement>): void;\n onClick(index: number, e: React.MouseEvent<HTMLDivElement>): void;\n onContextMenu(index: number, e: React.MouseEvent<HTMLDivElement>): void;\n onDragStart(index: number, e: React.DragEvent<HTMLDivElement>): void;\n onDrag(index: number, e: React.DragEvent<HTMLDivElement>): void;\n onDragOver(index: number, e: React.DragEvent<HTMLDivElement>): void;\n onDragEnd(index: number, e: React.DragEvent<HTMLDivElement>): void;\n onDrop(index: number, e: React.DragEvent<HTMLDivElement>): void;\n onDoubleClick(index: number, e: React.MouseEvent<HTMLDivElement>): void;\n onFocus(index: number, e: React.FocusEvent<HTMLDivElement>): void;\n onMouseDown(index: number, e: React.MouseEvent<HTMLDivElement>): void;\n onMouseMove(index: number, e: React.MouseEvent<HTMLDivElement>): void;\n onMouseUp(index: number, e: React.MouseEvent<HTMLDivElement>): void;\n style: React.CSSProperties;\n children: React.ReactNode;\n 'data-testid'?: string;\n}\n\nclass ItemListItem extends Component<ItemListItemProps, Record<string, never>> {\n static defaultProps = {\n children: null,\n isDraggable: false,\n isFocused: false,\n isSelected: false,\n itemIndex: 0,\n disableSelect: false,\n 'data-testid': undefined,\n\n onBlur(): void {\n // no-op\n },\n onClick(): void {\n // no-op\n },\n onContextMenu(): void {\n // no-op\n },\n onDragStart(): void {\n // no-op\n },\n onDrag(): void {\n // no-op\n },\n onDragOver(): void {\n // no-op\n },\n onDragEnd(): void {\n // no-op\n },\n onDrop(): void {\n // no-op\n },\n onDoubleClick(): void {\n // no-op\n },\n onFocus(): void {\n // no-op\n },\n onMouseDown(): void {\n // no-op\n },\n onMouseMove(): void {\n // no-op\n },\n onMouseUp(): void {\n // no-op\n },\n style: {},\n };\n\n static handleKeyDown(): boolean {\n log.log('ItemListItem.handleKeyDown false');\n return false;\n }\n\n constructor(props: ItemListItemProps) {\n super(props);\n\n this.handleBlur = this.handleBlur.bind(this);\n this.handleFocus = this.handleFocus.bind(this);\n this.handleClick = this.handleClick.bind(this);\n this.handleContextMenu = this.handleContextMenu.bind(this);\n this.handleDragStart = this.handleDragStart.bind(this);\n this.handleDrag = this.handleDrag.bind(this);\n this.handleDragOver = this.handleDragOver.bind(this);\n this.handleDragEnd = this.handleDragEnd.bind(this);\n this.handleDrop = this.handleDrop.bind(this);\n this.handleDoubleClick = this.handleDoubleClick.bind(this);\n this.handleMouseDown = this.handleMouseDown.bind(this);\n this.handleMouseMove = this.handleMouseMove.bind(this);\n this.handleMouseUp = this.handleMouseUp.bind(this);\n\n this.itemRef = React.createRef();\n }\n\n itemRef: React.RefObject<HTMLDivElement>;\n\n handleBlur(e: React.FocusEvent<HTMLDivElement>): void {\n const { itemIndex, onBlur } = this.props;\n onBlur(itemIndex, e);\n }\n\n handleFocus(e: React.FocusEvent<HTMLDivElement>): void {\n const { itemIndex, onFocus } = this.props;\n onFocus(itemIndex, e);\n }\n\n handleClick(e: React.MouseEvent<HTMLDivElement>): void {\n const { itemIndex, onClick } = this.props;\n onClick(itemIndex, e);\n }\n\n handleContextMenu(e: React.MouseEvent<HTMLDivElement>): void {\n const { itemIndex, onContextMenu } = this.props;\n onContextMenu(itemIndex, e);\n }\n\n handleDragStart(e: React.DragEvent<HTMLDivElement>): void {\n const { itemIndex, onDragStart } = this.props;\n onDragStart(itemIndex, e);\n }\n\n handleDrag(e: React.DragEvent<HTMLDivElement>): void {\n const { itemIndex, onDrag } = this.props;\n onDrag(itemIndex, e);\n }\n\n handleDragOver(e: React.DragEvent<HTMLDivElement>): void {\n // Have to call preventDefault otherwise onDrop won't get triggered\n e.preventDefault();\n const { itemIndex, onDragOver } = this.props;\n onDragOver(itemIndex, e);\n }\n\n handleDragEnd(e: React.DragEvent<HTMLDivElement>): void {\n const { itemIndex, onDragEnd } = this.props;\n onDragEnd(itemIndex, e);\n }\n\n handleDrop(e: React.DragEvent<HTMLDivElement>): void {\n const { itemIndex, onDrop } = this.props;\n onDrop(itemIndex, e);\n }\n\n handleDoubleClick(e: React.MouseEvent<HTMLDivElement>): void {\n const { itemIndex, onDoubleClick } = this.props;\n onDoubleClick(itemIndex, e);\n }\n\n handleMouseMove(e: React.MouseEvent<HTMLDivElement>): void {\n const { itemIndex, onMouseMove } = this.props;\n onMouseMove(itemIndex, e);\n }\n\n handleMouseDown(e: React.MouseEvent<HTMLDivElement>): void {\n const { itemIndex, onMouseDown } = this.props;\n onMouseDown(itemIndex, e);\n }\n\n handleMouseUp(e: React.MouseEvent<HTMLDivElement>): void {\n const { itemIndex, onMouseUp } = this.props;\n onMouseUp(itemIndex, e);\n }\n\n render(): JSX.Element {\n const {\n isDraggable,\n isFocused,\n isSelected,\n style,\n children,\n 'data-testid': dataTestId,\n } = this.props;\n return (\n <div\n className={classNames(\n 'item-list-item',\n { active: isSelected },\n { 'is-focused': isFocused },\n { 'is-draggable': isDraggable }\n )}\n onKeyDown={ItemListItem.handleKeyDown}\n onContextMenu={this.handleContextMenu}\n onClick={this.handleClick}\n onDrag={this.handleDrag}\n onDragStart={this.handleDragStart}\n onDragOver={this.handleDragOver}\n onDragEnd={this.handleDragEnd}\n onDrop={this.handleDrop}\n onDoubleClick={this.handleDoubleClick}\n onMouseDown={this.handleMouseDown}\n onMouseMove={this.handleMouseMove}\n onMouseUp={this.handleMouseUp}\n tabIndex={-1}\n ref={this.itemRef}\n role=\"presentation\"\n style={style}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n draggable={isDraggable}\n data-testid={dataTestId}\n >\n {children}\n </div>\n );\n }\n}\n\nexport default ItemListItem;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,OAAOC,UAAP,MAAuB,YAAvB;;AAEA,OAAOC,GAAP,MAAgB,gBAAhB;AAEA,IAAMC,GAAG,GAAGD,GAAG,CAACE,MAAJ,CAAW,cAAX,CAAZ;;AA0BA,MAAMC,YAAN,SAA2BL,SAA3B,CAA+E;EAoDzD,OAAbM,aAAa,GAAY;IAC9BH,GAAG,CAACA,GAAJ,CAAQ,kCAAR;IACA,OAAO,KAAP;EACD;;EAEDI,WAAW,CAACC,KAAD,EAA2B;IACpC,MAAMA,KAAN;;IADoC;;IAGpC,KAAKC,UAAL,GAAkB,KAAKA,UAAL,CAAgBC,IAAhB,CAAqB,IAArB,CAAlB;IACA,KAAKC,WAAL,GAAmB,KAAKA,WAAL,CAAiBD,IAAjB,CAAsB,IAAtB,CAAnB;IACA,KAAKE,WAAL,GAAmB,KAAKA,WAAL,CAAiBF,IAAjB,CAAsB,IAAtB,CAAnB;IACA,KAAKG,iBAAL,GAAyB,KAAKA,iBAAL,CAAuBH,IAAvB,CAA4B,IAA5B,CAAzB;IACA,KAAKI,eAAL,GAAuB,KAAKA,eAAL,CAAqBJ,IAArB,CAA0B,IAA1B,CAAvB;IACA,KAAKK,UAAL,GAAkB,KAAKA,UAAL,CAAgBL,IAAhB,CAAqB,IAArB,CAAlB;IACA,KAAKM,cAAL,GAAsB,KAAKA,cAAL,CAAoBN,IAApB,CAAyB,IAAzB,CAAtB;IACA,KAAKO,aAAL,GAAqB,KAAKA,aAAL,CAAmBP,IAAnB,CAAwB,IAAxB,CAArB;IACA,KAAKQ,UAAL,GAAkB,KAAKA,UAAL,CAAgBR,IAAhB,CAAqB,IAArB,CAAlB;IACA,KAAKS,iBAAL,GAAyB,KAAKA,iBAAL,CAAuBT,IAAvB,CAA4B,IAA5B,CAAzB;IACA,KAAKU,eAAL,GAAuB,KAAKA,eAAL,CAAqBV,IAArB,CAA0B,IAA1B,CAAvB;IACA,KAAKW,eAAL,GAAuB,KAAKA,eAAL,CAAqBX,IAArB,CAA0B,IAA1B,CAAvB;IACA,KAAKY,aAAL,GAAqB,KAAKA,aAAL,CAAmBZ,IAAnB,CAAwB,IAAxB,CAArB;IAEA,KAAKa,OAAL,gBAAexB,KAAK,CAACyB,SAAN,EAAf;EACD;;EAIDf,UAAU,CAACgB,CAAD,EAA4C;IACpD,IAAM;MAAEC,SAAF;MAAaC;IAAb,IAAwB,KAAKnB,KAAnC;IACAmB,MAAM,CAACD,SAAD,EAAYD,CAAZ,CAAN;EACD;;EAEDd,WAAW,CAACc,CAAD,EAA4C;IACrD,IAAM;MAAEC,SAAF;MAAaE;IAAb,IAAyB,KAAKpB,KAApC;IACAoB,OAAO,CAACF,SAAD,EAAYD,CAAZ,CAAP;EACD;;EAEDb,WAAW,CAACa,CAAD,EAA4C;IACrD,IAAM;MAAEC,SAAF;MAAaG;IAAb,IAAyB,KAAKrB,KAApC;IACAqB,OAAO,CAACH,SAAD,EAAYD,CAAZ,CAAP;EACD;;EAEDZ,iBAAiB,CAACY,CAAD,EAA4C;IAC3D,IAAM;MAAEC,SAAF;MAAaI;IAAb,IAA+B,KAAKtB,KAA1C;IACAsB,aAAa,CAACJ,SAAD,EAAYD,CAAZ,CAAb;EACD;;EAEDX,eAAe,CAACW,CAAD,EAA2C;IACxD,IAAM;MAAEC,SAAF;MAAaK;IAAb,IAA6B,KAAKvB,KAAxC;IACAuB,WAAW,CAACL,SAAD,EAAYD,CAAZ,CAAX;EACD;;EAEDV,UAAU,CAACU,CAAD,EAA2C;IACnD,IAAM;MAAEC,SAAF;MAAaM;IAAb,IAAwB,KAAKxB,KAAnC;IACAwB,MAAM,CAACN,SAAD,EAAYD,CAAZ,CAAN;EACD;;EAEDT,cAAc,CAACS,CAAD,EAA2C;IACvD;IACAA,CAAC,CAACQ,cAAF;IACA,IAAM;MAAEP,SAAF;MAAaQ;IAAb,IAA4B,KAAK1B,KAAvC;IACA0B,UAAU,CAACR,SAAD,EAAYD,CAAZ,CAAV;EACD;;EAEDR,aAAa,CAACQ,CAAD,EAA2C;IACtD,IAAM;MAAEC,SAAF;MAAaS;IAAb,IAA2B,KAAK3B,KAAtC;IACA2B,SAAS,CAACT,SAAD,EAAYD,CAAZ,CAAT;EACD;;EAEDP,UAAU,CAACO,CAAD,EAA2C;IACnD,IAAM;MAAEC,SAAF;MAAaU;IAAb,IAAwB,KAAK5B,KAAnC;IACA4B,MAAM,CAACV,SAAD,EAAYD,CAAZ,CAAN;EACD;;EAEDN,iBAAiB,CAACM,CAAD,EAA4C;IAC3D,IAAM;MAAEC,SAAF;MAAaW;IAAb,IAA+B,KAAK7B,KAA1C;IACA6B,aAAa,CAACX,SAAD,EAAYD,CAAZ,CAAb;EACD;;EAEDJ,eAAe,CAACI,CAAD,EAA4C;IACzD,IAAM;MAAEC,SAAF;MAAaY;IAAb,IAA6B,KAAK9B,KAAxC;IACA8B,WAAW,CAACZ,SAAD,EAAYD,CAAZ,CAAX;EACD;;EAEDL,eAAe,CAACK,CAAD,EAA4C;IACzD,IAAM;MAAEC,SAAF;MAAaa;IAAb,IAA6B,KAAK/B,KAAxC;IACA+B,WAAW,CAACb,SAAD,EAAYD,CAAZ,CAAX;EACD;;EAEDH,aAAa,CAACG,CAAD,EAA4C;IACvD,IAAM;MAAEC,SAAF;MAAac;IAAb,IAA2B,KAAKhC,KAAtC;IACAgC,SAAS,CAACd,SAAD,EAAYD,CAAZ,CAAT;EACD;;EAEDgB,MAAM,GAAgB;IACpB,IAAM;MACJC,WADI;MAEJC,SAFI;MAGJC,UAHI;MAIJC,KAJI;MAKJC,QALI;MAMJ,eAAeC;IANX,IAOF,KAAKvC,KAPT;IAQA,oBACE;MACE,SAAS,EAAEP,UAAU,CACnB,gBADmB,EAEnB;QAAE+C,MAAM,EAAEJ;MAAV,CAFmB,EAGnB;QAAE,cAAcD;MAAhB,CAHmB,EAInB;QAAE,gBAAgBD;MAAlB,CAJmB,CADvB;MAOE,SAAS,EAAErC,YAAY,CAACC,aAP1B;MAQE,aAAa,EAAE,KAAKO,iBARtB;MASE,OAAO,EAAE,KAAKD,WAThB;MAUE,MAAM,EAAE,KAAKG,UAVf;MAWE,WAAW,EAAE,KAAKD,eAXpB;MAYE,UAAU,EAAE,KAAKE,cAZnB;MAaE,SAAS,EAAE,KAAKC,aAblB;MAcE,MAAM,EAAE,KAAKC,UAdf;MAeE,aAAa,EAAE,KAAKC,iBAftB;MAgBE,WAAW,EAAE,KAAKC,eAhBpB;MAiBE,WAAW,EAAE,KAAKC,eAjBpB;MAkBE,SAAS,EAAE,KAAKC,aAlBlB;MAmBE,QAAQ,EAAE,CAAC,CAnBb;MAoBE,GAAG,EAAE,KAAKC,OApBZ;MAqBE,IAAI,EAAC,cArBP;MAsBE,KAAK,EAAEsB,KAtBT;MAuBE,OAAO,EAAE,KAAKlC,WAvBhB;MAwBE,MAAM,EAAE,KAAKF,UAxBf;MAyBE,SAAS,EAAEiC,WAzBb;MA0BE,eAAaK;IA1Bf,GA4BGD,QA5BH,CADF;EAgCD;;AA3L4E;;gBAAzEzC,Y,kBACkB;EACpByC,QAAQ,EAAE,IADU;EAEpBJ,WAAW,EAAE,KAFO;EAGpBC,SAAS,EAAE,KAHS;EAIpBC,UAAU,EAAE,KAJQ;EAKpBlB,SAAS,EAAE,CALS;EAMpBuB,aAAa,EAAE,KANK;EAOpB,eAAeC,SAPK;;EASpBvB,MAAM,GAAS,CACb;EACD,CAXmB;;EAYpBE,OAAO,GAAS,CACd;EACD,CAdmB;;EAepBC,aAAa,GAAS,CACpB;EACD,CAjBmB;;EAkBpBC,WAAW,GAAS,CAClB;EACD,CApBmB;;EAqBpBC,MAAM,GAAS,CACb;EACD,CAvBmB;;EAwBpBE,UAAU,GAAS,CACjB;EACD,CA1BmB;;EA2BpBC,SAAS,GAAS,CAChB;EACD,CA7BmB;;EA8BpBC,MAAM,GAAS,CACb;EACD,CAhCmB;;EAiCpBC,aAAa,GAAS,CACpB;EACD,CAnCmB;;EAoCpBT,OAAO,GAAS,CACd;EACD,CAtCmB;;EAuCpBW,WAAW,GAAS,CAClB;EACD,CAzCmB;;EA0CpBD,WAAW,GAAS,CAClB;EACD,CA5CmB;;EA6CpBE,SAAS,GAAS,CAChB;EACD,CA/CmB;;EAgDpBK,KAAK,EAAE;AAhDa,C;;AA6LxB,eAAexC,YAAf"}
|
|
1
|
+
{"version":3,"file":"ItemListItem.js","names":["React","Component","classNames","Log","log","module","ItemListItem","handleKeyDown","constructor","props","handleBlur","bind","handleFocus","handleClick","handleContextMenu","handleDragStart","handleDrag","handleDragOver","handleDragEnd","handleDrop","handleDoubleClick","handleMouseDown","handleMouseMove","handleMouseUp","itemRef","createRef","e","itemIndex","onBlur","onFocus","onClick","onContextMenu","onDragStart","onDrag","preventDefault","onDragOver","onDragEnd","onDrop","onDoubleClick","onMouseMove","onMouseDown","onMouseUp","render","isDraggable","isFocused","isSelected","style","children","dataTestId","active","disableSelect","undefined"],"sources":["../src/ItemListItem.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport classNames from 'classnames';\nimport './ItemListItem.scss';\nimport Log from '@deephaven/log';\n\nconst log = Log.module('ItemListItem');\n\ninterface ItemListItemProps {\n isDraggable: boolean;\n isFocused: boolean;\n isSelected: boolean;\n itemIndex: number;\n disableSelect: boolean;\n onBlur(index: number, e: React.FocusEvent<HTMLDivElement>): void;\n onClick(index: number, e: React.MouseEvent<HTMLDivElement>): void;\n onContextMenu(index: number, e: React.MouseEvent<HTMLDivElement>): void;\n onDragStart(index: number, e: React.DragEvent<HTMLDivElement>): void;\n onDrag(index: number, e: React.DragEvent<HTMLDivElement>): void;\n onDragOver(index: number, e: React.DragEvent<HTMLDivElement>): void;\n onDragEnd(index: number, e: React.DragEvent<HTMLDivElement>): void;\n onDrop(index: number, e: React.DragEvent<HTMLDivElement>): void;\n onDoubleClick(index: number, e: React.MouseEvent<HTMLDivElement>): void;\n onFocus(index: number, e: React.FocusEvent<HTMLDivElement>): void;\n onMouseDown(index: number, e: React.MouseEvent<HTMLDivElement>): void;\n onMouseMove(index: number, e: React.MouseEvent<HTMLDivElement>): void;\n onMouseUp(index: number, e: React.MouseEvent<HTMLDivElement>): void;\n style: React.CSSProperties;\n children: React.ReactNode;\n 'data-testid'?: string;\n}\n\nclass ItemListItem extends Component<ItemListItemProps, Record<string, never>> {\n static defaultProps = {\n children: null,\n isDraggable: false,\n isFocused: false,\n isSelected: false,\n itemIndex: 0,\n disableSelect: false,\n 'data-testid': undefined,\n\n onBlur(): void {\n // no-op\n },\n onClick(): void {\n // no-op\n },\n onContextMenu(): void {\n // no-op\n },\n onDragStart(): void {\n // no-op\n },\n onDrag(): void {\n // no-op\n },\n onDragOver(): void {\n // no-op\n },\n onDragEnd(): void {\n // no-op\n },\n onDrop(): void {\n // no-op\n },\n onDoubleClick(): void {\n // no-op\n },\n onFocus(): void {\n // no-op\n },\n onMouseDown(): void {\n // no-op\n },\n onMouseMove(): void {\n // no-op\n },\n onMouseUp(): void {\n // no-op\n },\n style: {},\n };\n\n static handleKeyDown(): boolean {\n log.log('ItemListItem.handleKeyDown false');\n return false;\n }\n\n constructor(props: ItemListItemProps) {\n super(props);\n\n this.handleBlur = this.handleBlur.bind(this);\n this.handleFocus = this.handleFocus.bind(this);\n this.handleClick = this.handleClick.bind(this);\n this.handleContextMenu = this.handleContextMenu.bind(this);\n this.handleDragStart = this.handleDragStart.bind(this);\n this.handleDrag = this.handleDrag.bind(this);\n this.handleDragOver = this.handleDragOver.bind(this);\n this.handleDragEnd = this.handleDragEnd.bind(this);\n this.handleDrop = this.handleDrop.bind(this);\n this.handleDoubleClick = this.handleDoubleClick.bind(this);\n this.handleMouseDown = this.handleMouseDown.bind(this);\n this.handleMouseMove = this.handleMouseMove.bind(this);\n this.handleMouseUp = this.handleMouseUp.bind(this);\n\n this.itemRef = React.createRef();\n }\n\n itemRef: React.RefObject<HTMLDivElement>;\n\n handleBlur(e: React.FocusEvent<HTMLDivElement>): void {\n const { itemIndex, onBlur } = this.props;\n onBlur(itemIndex, e);\n }\n\n handleFocus(e: React.FocusEvent<HTMLDivElement>): void {\n const { itemIndex, onFocus } = this.props;\n onFocus(itemIndex, e);\n }\n\n handleClick(e: React.MouseEvent<HTMLDivElement>): void {\n const { itemIndex, onClick } = this.props;\n onClick(itemIndex, e);\n }\n\n handleContextMenu(e: React.MouseEvent<HTMLDivElement>): void {\n const { itemIndex, onContextMenu } = this.props;\n onContextMenu(itemIndex, e);\n }\n\n handleDragStart(e: React.DragEvent<HTMLDivElement>): void {\n const { itemIndex, onDragStart } = this.props;\n onDragStart(itemIndex, e);\n }\n\n handleDrag(e: React.DragEvent<HTMLDivElement>): void {\n const { itemIndex, onDrag } = this.props;\n onDrag(itemIndex, e);\n }\n\n handleDragOver(e: React.DragEvent<HTMLDivElement>): void {\n // Have to call preventDefault otherwise onDrop won't get triggered\n e.preventDefault();\n const { itemIndex, onDragOver } = this.props;\n onDragOver(itemIndex, e);\n }\n\n handleDragEnd(e: React.DragEvent<HTMLDivElement>): void {\n const { itemIndex, onDragEnd } = this.props;\n onDragEnd(itemIndex, e);\n }\n\n handleDrop(e: React.DragEvent<HTMLDivElement>): void {\n const { itemIndex, onDrop } = this.props;\n onDrop(itemIndex, e);\n }\n\n handleDoubleClick(e: React.MouseEvent<HTMLDivElement>): void {\n const { itemIndex, onDoubleClick } = this.props;\n onDoubleClick(itemIndex, e);\n }\n\n handleMouseMove(e: React.MouseEvent<HTMLDivElement>): void {\n const { itemIndex, onMouseMove } = this.props;\n onMouseMove(itemIndex, e);\n }\n\n handleMouseDown(e: React.MouseEvent<HTMLDivElement>): void {\n const { itemIndex, onMouseDown } = this.props;\n onMouseDown(itemIndex, e);\n }\n\n handleMouseUp(e: React.MouseEvent<HTMLDivElement>): void {\n const { itemIndex, onMouseUp } = this.props;\n onMouseUp(itemIndex, e);\n }\n\n render(): JSX.Element {\n const {\n isDraggable,\n isFocused,\n isSelected,\n style,\n children,\n 'data-testid': dataTestId,\n } = this.props;\n return (\n <div\n className={classNames(\n 'item-list-item',\n { active: isSelected },\n { 'is-focused': isFocused },\n { 'is-draggable': isDraggable }\n )}\n onKeyDown={ItemListItem.handleKeyDown}\n onContextMenu={this.handleContextMenu}\n onClick={this.handleClick}\n onDrag={this.handleDrag}\n onDragStart={this.handleDragStart}\n onDragOver={this.handleDragOver}\n onDragEnd={this.handleDragEnd}\n onDrop={this.handleDrop}\n onDoubleClick={this.handleDoubleClick}\n onMouseDown={this.handleMouseDown}\n onMouseMove={this.handleMouseMove}\n onMouseUp={this.handleMouseUp}\n tabIndex={-1}\n ref={this.itemRef}\n role=\"listitem\"\n style={style}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n draggable={isDraggable}\n data-testid={dataTestId}\n >\n {children}\n </div>\n );\n }\n}\n\nexport default ItemListItem;\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@deephaven/components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.18.1-beta.0+3295265",
|
|
4
4
|
"description": "Deephaven React component library",
|
|
5
5
|
"author": "Deephaven Data Labs LLC",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -31,10 +31,10 @@
|
|
|
31
31
|
"start": "cross-env NODE_ENV=development npm run watch"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@deephaven/icons": "^0.
|
|
35
|
-
"@deephaven/log": "^0.
|
|
36
|
-
"@deephaven/react-hooks": "^0.
|
|
37
|
-
"@deephaven/utils": "^0.
|
|
34
|
+
"@deephaven/icons": "^0.18.1-beta.0+3295265",
|
|
35
|
+
"@deephaven/log": "^0.18.1-beta.0+3295265",
|
|
36
|
+
"@deephaven/react-hooks": "^0.18.1-beta.0+3295265",
|
|
37
|
+
"@deephaven/utils": "^0.18.1-beta.0+3295265",
|
|
38
38
|
"@fortawesome/fontawesome-svg-core": "^6.1.1",
|
|
39
39
|
"@fortawesome/react-fontawesome": "^0.1.18",
|
|
40
40
|
"bootstrap": "4.6.1",
|
|
@@ -57,8 +57,8 @@
|
|
|
57
57
|
"react-dom": "^17.x"
|
|
58
58
|
},
|
|
59
59
|
"devDependencies": {
|
|
60
|
-
"@deephaven/mocks": "^0.
|
|
61
|
-
"@deephaven/tsconfig": "^0.
|
|
60
|
+
"@deephaven/mocks": "^0.18.1-beta.0+3295265",
|
|
61
|
+
"@deephaven/tsconfig": "^0.18.1-beta.0+3295265"
|
|
62
62
|
},
|
|
63
63
|
"files": [
|
|
64
64
|
"dist",
|
|
@@ -70,5 +70,5 @@
|
|
|
70
70
|
"publishConfig": {
|
|
71
71
|
"access": "public"
|
|
72
72
|
},
|
|
73
|
-
"gitHead": "
|
|
73
|
+
"gitHead": "3295265e760a8dc9133e5cc3e4cd857173ec7c29"
|
|
74
74
|
}
|