UNPKG

@awsui/components-react

Version:

On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en

13 lines 1.45 kB
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. // SPDX-License-Identifier: Apache-2.0 import React, { forwardRef } from 'react'; import { getBaseProps } from '../../base-component'; import DragHandleWrapper from '../drag-handle-wrapper'; import DragHandleButton from './button'; const InternalDragHandle = forwardRef(({ variant, size, ariaLabel, ariaLabelledBy, ariaDescribedby, tooltipText, ariaValue, disabled, directions = {}, onPointerDown, onClick, onKeyDown, onDirectionClick, triggerMode, initialShowButtons, controlledShowButtons, hideButtonsOnDrag = false, clickDragThreshold = 3, active, ...rest }, ref) => { const baseProps = getBaseProps(rest); return (React.createElement(DragHandleWrapper, { directions: !disabled ? directions : {}, tooltipText: tooltipText, onDirectionClick: onDirectionClick, triggerMode: triggerMode, initialShowButtons: initialShowButtons, controlledShowButtons: controlledShowButtons, hideButtonsOnDrag: hideButtonsOnDrag, clickDragThreshold: clickDragThreshold }, React.createElement(DragHandleButton, { ref: ref, className: baseProps.className, variant: variant, size: size, ariaLabel: ariaLabel, ariaLabelledBy: ariaLabelledBy, ariaDescribedby: ariaDescribedby, ariaValue: ariaValue, disabled: disabled, active: active, onPointerDown: onPointerDown, onClick: onClick, onKeyDown: onKeyDown }))); }); export default InternalDragHandle; //# sourceMappingURL=index.js.map