@ringcentral/juno 2.15.0 → 2.17.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/components/Downshift/Downshift.d.ts +9 -1
- package/components/Downshift/Downshift.js +26 -9
- package/components/Downshift/SuggestionList/SuggestionList.d.ts +13 -1
- package/components/Downshift/SuggestionList/SuggestionList.js +6 -4
- package/components/Downshift/styles/StyledPopper.d.ts +10 -5
- package/components/Downshift/styles/StyledPopper.js +2 -2
- package/components/Downshift/utils/useDownshift.d.ts +1 -0
- package/components/Downshift/utils/useDownshift.js +3 -0
- package/components/List/ListItem/ListItem.d.ts +3 -1
- package/components/List/ListItem/ListItem.js +3 -2
- package/components/List/ListItem/styles/ListItemStyle.d.ts +5 -0
- package/components/List/ListItem/styles/ListItemStyle.js +17 -5
- package/components/List/ListItem/utils/ListItemUtils.d.ts +2 -0
- package/components/List/ListItem/utils/ListItemUtils.js +5 -4
- package/components/Menu/MenuItem/MenuItem.d.ts +7 -6
- package/components/Menu/MenuItem/MenuItem.js +14 -4
- package/components/Menu/MenuItem/styles/MenuItemStyle.js +6 -3
- package/components/Menu/MenuItem/utils/MenuItemUtils.d.ts +4 -1
- package/components/Menu/MenuItem/utils/MenuItemUtils.js +4 -1
- package/components/Menu/MenuOption/styles/StyledMenuOption.d.ts +1 -1
- package/components/Menu/SubMenu/SubMenu.d.ts +1 -1
- package/components/Menu/SubMenu/utils/SubMenuUtils.d.ts +1 -1
- package/components/TablePagination/styles/TablePaginationStyle.d.ts +4 -4
- package/components/Text/index.d.ts +0 -1
- package/components/Text/index.js +0 -1
- package/components/index.d.ts +0 -1
- package/components/index.js +0 -1
- package/es6/components/Downshift/Downshift.js +27 -10
- package/es6/components/Downshift/SuggestionList/SuggestionList.js +6 -4
- package/es6/components/Downshift/styles/StyledPopper.js +2 -2
- package/es6/components/Downshift/utils/useDownshift.js +3 -0
- package/es6/components/List/ListItem/ListItem.js +3 -2
- package/es6/components/List/ListItem/styles/ListItemStyle.js +19 -7
- package/es6/components/List/ListItem/utils/ListItemUtils.js +4 -3
- package/es6/components/Menu/MenuItem/MenuItem.js +16 -6
- package/es6/components/Menu/MenuItem/styles/MenuItemStyle.js +10 -7
- package/es6/components/Menu/MenuItem/utils/MenuItemUtils.js +4 -1
- package/es6/components/Text/index.js +0 -1
- package/es6/components/index.js +0 -1
- package/foundation/theme/ThemeHandler.d.ts +1 -1
- package/foundation/theme/ThemeSwitcherProvider/ThemeSwitcherProvider.d.ts +2 -2
- package/package.json +1 -1
- package/components/Autocomplete/Autocomplete.d.ts +0 -4
- package/components/Autocomplete/Autocomplete.js +0 -7
- package/components/Autocomplete/index.d.ts +0 -1
- package/components/Autocomplete/index.js +0 -4
- package/components/Grid/deprecated/Grid.d.ts +0 -6
- package/components/Grid/deprecated/Grid.js +0 -8
- package/components/Grid/deprecated/index.d.ts +0 -1
- package/components/Grid/deprecated/index.js +0 -4
- package/components/ImageView/ImageView.d.ts +0 -311
- package/components/ImageView/ImageView.js +0 -206
- package/components/ImageView/index.d.ts +0 -1
- package/components/ImageView/index.js +0 -4
- package/components/Tables/Table.d.ts +0 -34
- package/components/Tables/Table.js +0 -31
- package/components/Tables/TableBodyCellContent.d.ts +0 -10
- package/components/Tables/TableBodyCellContent.js +0 -16
- package/components/Tables/TableHead.d.ts +0 -4
- package/components/Tables/TableHead.js +0 -18
- package/components/Tables/TableHeadCell.d.ts +0 -4
- package/components/Tables/TableHeadCell.js +0 -64
- package/components/Tables/TableRow.d.ts +0 -3
- package/components/Tables/TableRow.js +0 -6
- package/components/Tables/index.d.ts +0 -7
- package/components/Tables/index.js +0 -10
- package/components/Tables/styled.d.ts +0 -24
- package/components/Tables/styled.js +0 -46
- package/components/Tables/types.d.ts +0 -60
- package/components/Tables/types.js +0 -49
- package/components/Text/TextWithEllipsis.d.ts +0 -6
- package/components/Text/TextWithEllipsis.js +0 -21
- package/components/TextWithHighlight/TextWithHighlight.d.ts +0 -6
- package/components/TextWithHighlight/TextWithHighlight.js +0 -20
- package/components/TextWithHighlight/index.d.ts +0 -1
- package/components/TextWithHighlight/index.js +0 -4
- package/components/TextWithLink/TextWithLink.d.ts +0 -14
- package/components/TextWithLink/TextWithLink.js +0 -31
- package/components/TextWithLink/index.d.ts +0 -1
- package/components/TextWithLink/index.js +0 -4
- package/components/TextWithTooltip/TextWithTooltip.d.ts +0 -8
- package/components/TextWithTooltip/TextWithTooltip.js +0 -35
- package/components/TextWithTooltip/index.d.ts +0 -1
- package/components/TextWithTooltip/index.js +0 -4
- package/es6/components/Autocomplete/Autocomplete.js +0 -4
- package/es6/components/Autocomplete/index.js +0 -1
- package/es6/components/Grid/deprecated/Grid.js +0 -6
- package/es6/components/Grid/deprecated/index.js +0 -1
- package/es6/components/ImageView/ImageView.js +0 -204
- package/es6/components/ImageView/index.js +0 -1
- package/es6/components/Tables/Table.js +0 -29
- package/es6/components/Tables/TableBodyCellContent.js +0 -14
- package/es6/components/Tables/TableHead.js +0 -15
- package/es6/components/Tables/TableHeadCell.js +0 -62
- package/es6/components/Tables/TableRow.js +0 -4
- package/es6/components/Tables/index.js +0 -7
- package/es6/components/Tables/styled.js +0 -38
- package/es6/components/Tables/types.js +0 -41
- package/es6/components/Text/TextWithEllipsis.js +0 -19
- package/es6/components/TextWithHighlight/TextWithHighlight.js +0 -18
- package/es6/components/TextWithHighlight/index.js +0 -1
- package/es6/components/TextWithLink/TextWithLink.js +0 -29
- package/es6/components/TextWithLink/index.js +0 -1
- package/es6/components/TextWithTooltip/TextWithTooltip.js +0 -33
- package/es6/components/TextWithTooltip/index.js +0 -1
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { RcTypographyProps } from '../Typography';
|
|
3
|
-
import { COLUMN_TEXT_ALIGN } from './types';
|
|
4
|
-
declare type RcTableBodyCellContentProps = {
|
|
5
|
-
readonly textAlign?: COLUMN_TEXT_ALIGN;
|
|
6
|
-
} & RcTypographyProps;
|
|
7
|
-
declare const RcTableBodyCellContent: import("styled-components").StyledComponentClass<Pick<RcTableBodyCellContentProps, "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "display" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "innerRef" | "component" | "textAlign" | "useRcTooltip" | "TooltipProps" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "weight"> & React.RefAttributes<any>, import("../../foundation").RcTheme, Pick<Pick<RcTableBodyCellContentProps, "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "display" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "innerRef" | "component" | "textAlign" | "useRcTooltip" | "TooltipProps" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "weight"> & React.RefAttributes<any>, "ref" | "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "display" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "innerRef" | "component" | "textAlign" | "useRcTooltip" | "TooltipProps" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "weight"> & {
|
|
8
|
-
theme?: import("../../foundation").RcTheme | undefined;
|
|
9
|
-
}>;
|
|
10
|
-
export { RcTableBodyCellContent };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
var tslib_1 = require("tslib");
|
|
4
|
-
var react_1 = tslib_1.__importStar(require("react"));
|
|
5
|
-
var foundation_1 = require("../../foundation");
|
|
6
|
-
var Typography_1 = require("../Typography");
|
|
7
|
-
var _RcTableBodyCellContent = react_1.forwardRef(function (_a, ref) {
|
|
8
|
-
var children = _a.children, _b = _a.noWrap, noWrap = _b === void 0 ? true : _b, rest = tslib_1.__rest(_a, ["children", "noWrap"]);
|
|
9
|
-
return (react_1.default.createElement(Typography_1.RcTypography, tslib_1.__assign({ ref: ref, noWrap: noWrap, component: "div", color: "neutral.f05" }, rest), children));
|
|
10
|
-
});
|
|
11
|
-
var RcTableBodyCellContent = foundation_1.styled(_RcTableBodyCellContent)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n text-align: ", ";\n"], ["\n text-align: ", ";\n"])), function (_a) {
|
|
12
|
-
var textAlign = _a.textAlign;
|
|
13
|
-
return textAlign;
|
|
14
|
-
});
|
|
15
|
-
exports.RcTableBodyCellContent = RcTableBodyCellContent;
|
|
16
|
-
var templateObject_1;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
var tslib_1 = require("tslib");
|
|
4
|
-
var react_1 = tslib_1.__importDefault(require("react"));
|
|
5
|
-
var styled_1 = require("./styled");
|
|
6
|
-
var TableHeadCell_1 = require("./TableHeadCell");
|
|
7
|
-
var types_1 = require("./types");
|
|
8
|
-
var RcTableHeadView = function (props) {
|
|
9
|
-
var columnData = props.columnData, sortMap = props.sortMap, sortHandler = props.sortHandler;
|
|
10
|
-
return (react_1.default.createElement("thead", null,
|
|
11
|
-
react_1.default.createElement(styled_1.StyledTableRow, null, columnData.map(function (column) {
|
|
12
|
-
var sortDirection = sortMap && sortMap.sortKey === column.sortKey
|
|
13
|
-
? sortMap.sortDirection
|
|
14
|
-
: types_1.ORDER_TABLE_BY.NONE;
|
|
15
|
-
return (react_1.default.createElement(TableHeadCell_1.RcTableHeadCell, { key: column.sortKey + "-" + column.title, width: column.width, title: column.title, sortDirection: sortDirection, sortKey: column.sortKey, sortHandler: sortHandler, textAlign: column.textAlign, automationID: column.automationID }));
|
|
16
|
-
}))));
|
|
17
|
-
};
|
|
18
|
-
exports.RcTableHeadView = RcTableHeadView;
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
var tslib_1 = require("tslib");
|
|
4
|
-
var react_1 = tslib_1.__importStar(require("react"));
|
|
5
|
-
var isFunction_1 = tslib_1.__importDefault(require("lodash/isFunction"));
|
|
6
|
-
var isNumber_1 = tslib_1.__importDefault(require("lodash/isNumber"));
|
|
7
|
-
var juno_icon_1 = require("@ringcentral/juno-icon");
|
|
8
|
-
var foundation_1 = require("../../foundation");
|
|
9
|
-
var Icon_1 = require("../Icon");
|
|
10
|
-
var styled_1 = require("./styled");
|
|
11
|
-
var types_1 = require("./types");
|
|
12
|
-
var RcTableHeadCell = function (props) {
|
|
13
|
-
var automationID = props.automationID, title = props.title, width = props.width, sortDirection = props.sortDirection, sortKey = props.sortKey, textAlign = props.textAlign;
|
|
14
|
-
var onClick = function () {
|
|
15
|
-
var sortHandler = props.sortHandler, sortKey = props.sortKey, sortDirection = props.sortDirection;
|
|
16
|
-
if (sortKey === undefined || !sortHandler) {
|
|
17
|
-
return;
|
|
18
|
-
}
|
|
19
|
-
if (sortDirection === types_1.ORDER_TABLE_BY.ASC) {
|
|
20
|
-
sortHandler(types_1.ORDER_TABLE_BY.DESC, sortKey);
|
|
21
|
-
}
|
|
22
|
-
else {
|
|
23
|
-
sortHandler(types_1.ORDER_TABLE_BY.ASC, sortKey);
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
var onKeyDown = foundation_1.useA11yKeyEvent(onClick);
|
|
27
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
28
|
-
var shouldSort = function () {
|
|
29
|
-
var sortHandler = props.sortHandler, sortKey = props.sortKey;
|
|
30
|
-
return isFunction_1.default(sortHandler) && isNumber_1.default(sortKey);
|
|
31
|
-
};
|
|
32
|
-
var sortDirectionArrow = react_1.useMemo(function () {
|
|
33
|
-
var sortClass = '';
|
|
34
|
-
switch (sortDirection) {
|
|
35
|
-
case types_1.ORDER_TABLE_BY.ASC:
|
|
36
|
-
sortClass = types_1.SORT_ICON_CLASS.SORT_UP;
|
|
37
|
-
break;
|
|
38
|
-
case types_1.ORDER_TABLE_BY.DESC:
|
|
39
|
-
sortClass = types_1.SORT_ICON_CLASS.SORT_DOWN;
|
|
40
|
-
break;
|
|
41
|
-
default:
|
|
42
|
-
}
|
|
43
|
-
if (shouldSort()) {
|
|
44
|
-
return (react_1.default.createElement(styled_1.StyledSortIconWrapper, { className: sortClass },
|
|
45
|
-
react_1.default.createElement(Icon_1.RcIcon, { symbol: sortDirection === types_1.ORDER_TABLE_BY.ASC ? juno_icon_1.JumpToUnread : juno_icon_1.JumpToLatest, size: "small" })));
|
|
46
|
-
}
|
|
47
|
-
return react_1.default.createElement(react_1.default.Fragment, null);
|
|
48
|
-
}, [shouldSort, sortDirection]);
|
|
49
|
-
var ariaSort = tslib_1.__assign({}, (sortDirection !== undefined &&
|
|
50
|
-
[types_1.ORDER_TABLE_BY.ASC, types_1.ORDER_TABLE_BY.DESC].includes(sortDirection) && {
|
|
51
|
-
'aria-sort': types_1.ARIA_SORT_VALUES[types_1.ORDER_TABLE_BY[sortDirection]],
|
|
52
|
-
}));
|
|
53
|
-
var headCellSortProps = tslib_1.__assign({}, (shouldSort() && tslib_1.__assign({ onKeyDown: onKeyDown }, ariaSort)));
|
|
54
|
-
var cellContentSortProps = tslib_1.__assign({}, (shouldSort() && {
|
|
55
|
-
role: 'button',
|
|
56
|
-
onClickCapture: onClick,
|
|
57
|
-
}));
|
|
58
|
-
var hasSortKey = sortKey !== undefined;
|
|
59
|
-
return (react_1.default.createElement(styled_1.StyledTableHeadCell, tslib_1.__assign({ scope: "col", tabIndex: hasSortKey ? 0 : undefined, width: width, hasSortKey: hasSortKey, sortDirection: sortDirection, "data-test-automation-value": automationID, "data-test-automation-class": "table-header-cell" }, headCellSortProps),
|
|
60
|
-
react_1.default.createElement(styled_1.StyledTableHeadCellContent, tslib_1.__assign({ textAlign: textAlign }, cellContentSortProps),
|
|
61
|
-
react_1.default.createElement(styled_1.StyledTableHeadText, null, title),
|
|
62
|
-
sortDirectionArrow)));
|
|
63
|
-
};
|
|
64
|
-
exports.RcTableHeadCell = RcTableHeadCell;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
/// <reference types="styled-jsx" />
|
|
3
|
-
export declare const RcTableRow: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, import("../../foundation").RcTheme, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>>;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
var tslib_1 = require("tslib");
|
|
4
|
-
var foundation_1 = require("../../foundation");
|
|
5
|
-
exports.RcTableRow = foundation_1.styled.tr(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n outline: none;\n\n &:not(:last-child) {\n border-bottom: 1px solid ", ";\n }\n\n &:hover {\n background-color: ", ";\n }\n"], ["\n outline: none;\n\n &:not(:last-child) {\n border-bottom: 1px solid ", ";\n }\n\n &:hover {\n background-color: ", ";\n }\n"])), foundation_1.palette2('neutral', 'l02'), foundation_1.setOpacity(foundation_1.palette2('action', 'grayLight'), '08'));
|
|
6
|
-
var templateObject_1;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
var tslib_1 = require("tslib");
|
|
4
|
-
tslib_1.__exportStar(require("./Table"), exports);
|
|
5
|
-
tslib_1.__exportStar(require("./TableHead"), exports);
|
|
6
|
-
tslib_1.__exportStar(require("./TableHeadCell"), exports);
|
|
7
|
-
tslib_1.__exportStar(require("./types"), exports);
|
|
8
|
-
tslib_1.__exportStar(require("./TableRow"), exports);
|
|
9
|
-
tslib_1.__exportStar(require("./TableBodyCellContent"), exports);
|
|
10
|
-
tslib_1.__exportStar(require("./styled"), exports);
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/// <reference types="styled-jsx" />
|
|
2
|
-
import { KeyboardEventHandler } from 'react';
|
|
3
|
-
import { COLUMN_TEXT_ALIGN } from './types';
|
|
4
|
-
interface StyledTableCellProps {
|
|
5
|
-
readonly width?: number | string;
|
|
6
|
-
readonly sortDirection: any;
|
|
7
|
-
readonly hasSortKey?: boolean;
|
|
8
|
-
readonly onClickCapture?: KeyboardEventHandler<HTMLTableHeaderCellElement>;
|
|
9
|
-
readonly onKeyDown?: KeyboardEventHandler<HTMLTableHeaderCellElement>;
|
|
10
|
-
}
|
|
11
|
-
interface StyledTableHeadCellContentProps {
|
|
12
|
-
readonly textAlign?: COLUMN_TEXT_ALIGN;
|
|
13
|
-
}
|
|
14
|
-
declare const TableWrapper: import("styled-components").StyledComponentClass<unknown, import("../../foundation").RcTheme, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
15
|
-
interface StyledTableProps {
|
|
16
|
-
readonly minWidth?: number | string;
|
|
17
|
-
}
|
|
18
|
-
declare const StyledTable: import("styled-components").StyledComponentClass<StyledTableProps, import("../../foundation").RcTheme, import("react").ClassAttributes<HTMLTableElement> & import("react").TableHTMLAttributes<HTMLTableElement> & StyledTableProps>;
|
|
19
|
-
declare const StyledTableRow: import("styled-components").StyledComponentClass<unknown, import("../../foundation").RcTheme, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>>;
|
|
20
|
-
declare const StyledSortIconWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("../../foundation").RcTheme, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
21
|
-
declare const StyledTableHeadText: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("../../foundation").RcTheme, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
22
|
-
declare const StyledTableHeadCell: import("styled-components").StyledComponentClass<StyledTableCellProps, import("../../foundation").RcTheme, import("react").ClassAttributes<HTMLTableHeaderCellElement> & import("react").ThHTMLAttributes<HTMLTableHeaderCellElement> & StyledTableCellProps>;
|
|
23
|
-
declare const StyledTableHeadCellContent: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyledTableHeadCellContentProps, import("../../foundation").RcTheme, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyledTableHeadCellContentProps>;
|
|
24
|
-
export { TableWrapper, StyledTable, StyledTableRow, StyledSortIconWrapper, StyledTableHeadCell, StyledTableHeadText, StyledTableHeadCellContent, };
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
var tslib_1 = require("tslib");
|
|
4
|
-
var foundation_1 = require("../../foundation");
|
|
5
|
-
var types_1 = require("./types");
|
|
6
|
-
var TableWrapper = foundation_1.styled('div')(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n height: 100%;\n width: 100%;\n overflow: auto;\n\n background-color: ", ";\n &.", " {\n border-radius: 4px;\n border: 1px solid ", ";\n }\n"], ["\n height: 100%;\n width: 100%;\n overflow: auto;\n\n background-color: ", ";\n &.", " {\n border-radius: 4px;\n border: 1px solid ", ";\n }\n"])), foundation_1.palette2('neutral', 'b01'), types_1.TABLE_BORDER_TYPE.BORDERED, foundation_1.palette2('neutral', 'l02'));
|
|
7
|
-
exports.TableWrapper = TableWrapper;
|
|
8
|
-
var StyledTable = foundation_1.styled('table')(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n border-collapse: collapse;\n table-layout: fixed;\n width: 100%;\n display: table;\n /* scroll when viewport is less than 960px including the 332px from left navs */\n min-width: ", ";\n\n @media only screen and (max-width: ", ") {\n table-layout: auto;\n }\n\n &.", " th {\n position: sticky;\n top: 0;\n }\n\n thead {\n border-bottom: 1px solid ", ";\n width: 100%;\n position: sticky;\n top: 0;\n display: table-header-group;\n z-index: 5;\n }\n\n tbody {\n display: table-row-group;\n }\n\n tr {\n display: table-row;\n padding-left: ", ";\n\n th,\n td {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n vertical-align: middle;\n }\n td:first-child {\n padding-left: ", ";\n margin-left: -", ";\n }\n td:not(:first-child) {\n padding-left: ", ";\n padding-right: ", ";\n }\n }\n\n &.", " tr td {\n overflow: hidden;\n height: 40px;\n }\n\n &.", " tr td {\n overflow: hidden;\n height: 52px;\n }\n\n &.", " tr td {\n overflow: hidden;\n height: 64px;\n }\n\n &.", " tr td {\n overflow: hidden;\n padding: ", ";\n height: auto;\n }\n"], ["\n border-collapse: collapse;\n table-layout: fixed;\n width: 100%;\n display: table;\n /* scroll when viewport is less than 960px including the 332px from left navs */\n min-width: ", ";\n\n @media only screen and (max-width: ", ") {\n table-layout: auto;\n }\n\n &.", " th {\n position: sticky;\n top: 0;\n }\n\n thead {\n border-bottom: 1px solid ", ";\n width: 100%;\n position: sticky;\n top: 0;\n display: table-header-group;\n z-index: 5;\n }\n\n tbody {\n display: table-row-group;\n }\n\n tr {\n display: table-row;\n padding-left: ", ";\n\n th,\n td {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n vertical-align: middle;\n }\n td:first-child {\n padding-left: ", ";\n margin-left: -", ";\n }\n td:not(:first-child) {\n padding-left: ", ";\n padding-right: ", ";\n }\n }\n\n &.", " tr td {\n overflow: hidden;\n height: 40px;\n }\n\n &.", " tr td {\n overflow: hidden;\n height: 52px;\n }\n\n &.", " tr td {\n overflow: hidden;\n height: 64px;\n }\n\n &.", " tr td {\n overflow: hidden;\n padding: ", ";\n height: auto;\n }\n"])), foundation_1.spacing(157), foundation_1.spacing(157), types_1.TABLE_STICKY_TYPE.STICKY, foundation_1.palette2('neutral', 'l02'), foundation_1.spacing(4), foundation_1.spacing(4), foundation_1.spacing(4), foundation_1.spacing(4), foundation_1.spacing(4), types_1.TABLE_TYPE.MODAL, types_1.TABLE_TYPE.CARD, types_1.TABLE_TYPE.FULL, types_1.TABLE_TYPE.AUTO, foundation_1.spacing(3, 4));
|
|
9
|
-
exports.StyledTable = StyledTable;
|
|
10
|
-
var StyledTableRow = foundation_1.styled('tr')(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n height: 25px;\n display: table-row;\n font-size: 12px;\n text-align: left;\n vertical-align: middle;\n"], ["\n height: 25px;\n display: table-row;\n font-size: 12px;\n text-align: left;\n vertical-align: middle;\n"])));
|
|
11
|
-
exports.StyledTableRow = StyledTableRow;
|
|
12
|
-
var StyledSortIconWrapper = foundation_1.styled.div(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n padding-left: 8px;\n padding-right: 8px;\n vertical-align: middle;\n display: inline-flex;\n\n & path {\n fill: ", ";\n }\n"], ["\n padding-left: 8px;\n padding-right: 8px;\n vertical-align: middle;\n display: inline-flex;\n\n & path {\n fill: ", ";\n }\n"])), foundation_1.palette2('neutral', 'f04'));
|
|
13
|
-
exports.StyledSortIconWrapper = StyledSortIconWrapper;
|
|
14
|
-
var StyledTableHeadText = foundation_1.styled.div(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n text-overflow: ellipsis;\n overflow: auto;\n"], ["\n text-overflow: ellipsis;\n overflow: auto;\n"])));
|
|
15
|
-
exports.StyledTableHeadText = StyledTableHeadText;
|
|
16
|
-
var StyledTableHeadCell = foundation_1.styled('th')(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["\n color: ", ";\n user-select: none;\n text-align: left;\n background-color: ", ";\n z-index: 100;\n line-height: 32px;\n width: ", ";\n padding-top: 0;\n padding-bottom: 0;\n display: table-cell;\n white-space: nowrap;\n overflow: hidden;\n\n & > div {\n border: 1px solid inherit;\n padding-left: ", ";\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n }\n\n ", "\n"], ["\n color: ",
|
|
17
|
-
";\n user-select: none;\n text-align: left;\n background-color: ",
|
|
18
|
-
";\n z-index: 100;\n line-height: 32px;\n width: ", ";\n padding-top: 0;\n padding-bottom: 0;\n display: table-cell;\n white-space: nowrap;\n overflow: hidden;\n\n & > div {\n border: 1px solid inherit;\n padding-left: ", ";\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n }\n\n ",
|
|
19
|
-
"\n"])), function (props) {
|
|
20
|
-
return props.sortDirection === types_1.ORDER_TABLE_BY.NONE
|
|
21
|
-
? foundation_1.palette2('neutral', 'f06')
|
|
22
|
-
: foundation_1.palette2('interactive', 'f01');
|
|
23
|
-
}, function (props) {
|
|
24
|
-
return props.sortDirection === types_1.ORDER_TABLE_BY.NONE
|
|
25
|
-
? foundation_1.palette2('neutral', 'b02')
|
|
26
|
-
: foundation_1.palette2('neutral', 'b03');
|
|
27
|
-
}, function (props) { return props.width; }, foundation_1.spacing(4), function (_a) {
|
|
28
|
-
var hasSortKey = _a.hasSortKey;
|
|
29
|
-
return hasSortKey && foundation_1.css(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n ", " {\n background-color: ", ";\n ", ";\n cursor: pointer;\n outline: none;\n }\n position: relative;\n ", ";\n "], ["\n ", " {\n background-color: ", ";\n ", ";\n cursor: pointer;\n outline: none;\n }\n position: relative;\n ", ";\n "])), foundation_1.focusWithin, foundation_1.palette2('neutral', 'b03'), foundation_1.fakeBorder(), foundation_1.focusVisibleShadowStyle());
|
|
30
|
-
});
|
|
31
|
-
exports.StyledTableHeadCell = StyledTableHeadCell;
|
|
32
|
-
var StyledTableHeadCellContent = foundation_1.styled.div(templateObject_8 || (templateObject_8 = tslib_1.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n flex-direction: ", ";\n padding-left: ", ";\n padding-right: ", ";\n"], ["\n display: flex;\n align-items: center;\n\n flex-direction: ",
|
|
33
|
-
";\n padding-left: ",
|
|
34
|
-
";\n padding-right: ",
|
|
35
|
-
";\n"])), function (_a) {
|
|
36
|
-
var textAlign = _a.textAlign;
|
|
37
|
-
return textAlign === types_1.COLUMN_TEXT_ALIGN.RIGHT ? 'row-reverse' : 'row';
|
|
38
|
-
}, function (_a) {
|
|
39
|
-
var textAlign = _a.textAlign;
|
|
40
|
-
return textAlign === types_1.COLUMN_TEXT_ALIGN.RIGHT ? 0 : foundation_1.spacing(4);
|
|
41
|
-
}, function (_a) {
|
|
42
|
-
var textAlign = _a.textAlign;
|
|
43
|
-
return textAlign === types_1.COLUMN_TEXT_ALIGN.RIGHT ? foundation_1.spacing(4) : 0;
|
|
44
|
-
});
|
|
45
|
-
exports.StyledTableHeadCellContent = StyledTableHeadCellContent;
|
|
46
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { ComponentType } from 'react';
|
|
2
|
-
declare enum TABLE_BORDER_TYPE {
|
|
3
|
-
BORDERED = "table-bordered",
|
|
4
|
-
NONE = ""
|
|
5
|
-
}
|
|
6
|
-
declare enum TABLE_STICKY_TYPE {
|
|
7
|
-
STICKY = "table-sticky",
|
|
8
|
-
NONE = ""
|
|
9
|
-
}
|
|
10
|
-
declare enum TABLE_TYPE {
|
|
11
|
-
AUTO = "table-auto",
|
|
12
|
-
MODAL = "table-modal",
|
|
13
|
-
CARD = "table-card",
|
|
14
|
-
FULL = "table-full"
|
|
15
|
-
}
|
|
16
|
-
declare enum COLUMN_TEXT_ALIGN {
|
|
17
|
-
LEFT = "left",
|
|
18
|
-
RIGHT = "right"
|
|
19
|
-
}
|
|
20
|
-
declare type ColumnProps = {
|
|
21
|
-
automationID?: string;
|
|
22
|
-
width?: number | string;
|
|
23
|
-
title: string;
|
|
24
|
-
sortKey?: any;
|
|
25
|
-
textAlign?: COLUMN_TEXT_ALIGN;
|
|
26
|
-
};
|
|
27
|
-
declare type TableHeadCellProps = {
|
|
28
|
-
sortHandler?: (sortDirection: ORDER_TABLE_BY, sortKey: any) => void;
|
|
29
|
-
sortDirection?: ORDER_TABLE_BY;
|
|
30
|
-
} & ColumnProps;
|
|
31
|
-
declare type TableHeadProps = {
|
|
32
|
-
loading?: boolean;
|
|
33
|
-
width?: number;
|
|
34
|
-
columnData: ColumnProps[];
|
|
35
|
-
sortMap?: SortMap;
|
|
36
|
-
titleCells?: ComponentType<ColumnProps>[];
|
|
37
|
-
textAlign?: COLUMN_TEXT_ALIGN;
|
|
38
|
-
sortHandler?: (sortDirection: ORDER_TABLE_BY, sortKey: any) => void;
|
|
39
|
-
};
|
|
40
|
-
declare type SortMap = {
|
|
41
|
-
sortKey: any;
|
|
42
|
-
sortDirection: ORDER_TABLE_BY;
|
|
43
|
-
};
|
|
44
|
-
declare enum ORDER_TABLE_BY {
|
|
45
|
-
ASC = 0,
|
|
46
|
-
DESC = 1,
|
|
47
|
-
NONE = 2
|
|
48
|
-
}
|
|
49
|
-
declare enum ARIA_SORT_VALUES {
|
|
50
|
-
ASC = "ascending",
|
|
51
|
-
DESC = "descending",
|
|
52
|
-
NONE = "none",
|
|
53
|
-
OTHER = "other"
|
|
54
|
-
}
|
|
55
|
-
declare enum SORT_ICON_CLASS {
|
|
56
|
-
SORT_UP = "icon-sort-up",
|
|
57
|
-
SORT_DOWN = "icon-sort-down"
|
|
58
|
-
}
|
|
59
|
-
export { ARIA_SORT_VALUES, COLUMN_TEXT_ALIGN, ORDER_TABLE_BY, SORT_ICON_CLASS, TABLE_BORDER_TYPE, TABLE_STICKY_TYPE, TABLE_TYPE, };
|
|
60
|
-
export type { ColumnProps, SortMap, TableHeadCellProps, TableHeadProps };
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
var TABLE_BORDER_TYPE;
|
|
4
|
-
(function (TABLE_BORDER_TYPE) {
|
|
5
|
-
TABLE_BORDER_TYPE["BORDERED"] = "table-bordered";
|
|
6
|
-
TABLE_BORDER_TYPE["NONE"] = "";
|
|
7
|
-
})(TABLE_BORDER_TYPE || (TABLE_BORDER_TYPE = {}));
|
|
8
|
-
exports.TABLE_BORDER_TYPE = TABLE_BORDER_TYPE;
|
|
9
|
-
var TABLE_STICKY_TYPE;
|
|
10
|
-
(function (TABLE_STICKY_TYPE) {
|
|
11
|
-
TABLE_STICKY_TYPE["STICKY"] = "table-sticky";
|
|
12
|
-
TABLE_STICKY_TYPE["NONE"] = "";
|
|
13
|
-
})(TABLE_STICKY_TYPE || (TABLE_STICKY_TYPE = {}));
|
|
14
|
-
exports.TABLE_STICKY_TYPE = TABLE_STICKY_TYPE;
|
|
15
|
-
var TABLE_TYPE;
|
|
16
|
-
(function (TABLE_TYPE) {
|
|
17
|
-
TABLE_TYPE["AUTO"] = "table-auto";
|
|
18
|
-
TABLE_TYPE["MODAL"] = "table-modal";
|
|
19
|
-
TABLE_TYPE["CARD"] = "table-card";
|
|
20
|
-
TABLE_TYPE["FULL"] = "table-full";
|
|
21
|
-
})(TABLE_TYPE || (TABLE_TYPE = {}));
|
|
22
|
-
exports.TABLE_TYPE = TABLE_TYPE;
|
|
23
|
-
var COLUMN_TEXT_ALIGN;
|
|
24
|
-
(function (COLUMN_TEXT_ALIGN) {
|
|
25
|
-
COLUMN_TEXT_ALIGN["LEFT"] = "left";
|
|
26
|
-
COLUMN_TEXT_ALIGN["RIGHT"] = "right";
|
|
27
|
-
})(COLUMN_TEXT_ALIGN || (COLUMN_TEXT_ALIGN = {}));
|
|
28
|
-
exports.COLUMN_TEXT_ALIGN = COLUMN_TEXT_ALIGN;
|
|
29
|
-
var ORDER_TABLE_BY;
|
|
30
|
-
(function (ORDER_TABLE_BY) {
|
|
31
|
-
ORDER_TABLE_BY[ORDER_TABLE_BY["ASC"] = 0] = "ASC";
|
|
32
|
-
ORDER_TABLE_BY[ORDER_TABLE_BY["DESC"] = 1] = "DESC";
|
|
33
|
-
ORDER_TABLE_BY[ORDER_TABLE_BY["NONE"] = 2] = "NONE";
|
|
34
|
-
})(ORDER_TABLE_BY || (ORDER_TABLE_BY = {}));
|
|
35
|
-
exports.ORDER_TABLE_BY = ORDER_TABLE_BY;
|
|
36
|
-
var ARIA_SORT_VALUES;
|
|
37
|
-
(function (ARIA_SORT_VALUES) {
|
|
38
|
-
ARIA_SORT_VALUES["ASC"] = "ascending";
|
|
39
|
-
ARIA_SORT_VALUES["DESC"] = "descending";
|
|
40
|
-
ARIA_SORT_VALUES["NONE"] = "none";
|
|
41
|
-
ARIA_SORT_VALUES["OTHER"] = "other";
|
|
42
|
-
})(ARIA_SORT_VALUES || (ARIA_SORT_VALUES = {}));
|
|
43
|
-
exports.ARIA_SORT_VALUES = ARIA_SORT_VALUES;
|
|
44
|
-
var SORT_ICON_CLASS;
|
|
45
|
-
(function (SORT_ICON_CLASS) {
|
|
46
|
-
SORT_ICON_CLASS["SORT_UP"] = "icon-sort-up";
|
|
47
|
-
SORT_ICON_CLASS["SORT_DOWN"] = "icon-sort-down";
|
|
48
|
-
})(SORT_ICON_CLASS || (SORT_ICON_CLASS = {}));
|
|
49
|
-
exports.SORT_ICON_CLASS = SORT_ICON_CLASS;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
/** @deprecated should not use that, just use `RcText` with `titleWhenOverflow` and `flexFull` */
|
|
3
|
-
declare const RcTextWithEllipsis: import("styled-components").StyledComponentClass<Pick<import("@material-ui/core/OverridableComponent").DefaultComponentProps<import("@material-ui/core").TypographyTypeMap<{}, "span">>, "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "display" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "innerRef" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & React.RefAttributes<any>, import("../../foundation").RcTheme, Pick<Pick<import("@material-ui/core/OverridableComponent").DefaultComponentProps<import("@material-ui/core").TypographyTypeMap<{}, "span">>, "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "display" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "innerRef" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & React.RefAttributes<any>, "ref" | "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "display" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "innerRef" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
|
|
4
|
-
theme?: import("../../foundation").RcTheme | undefined;
|
|
5
|
-
}>;
|
|
6
|
-
export { RcTextWithEllipsis };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
var tslib_1 = require("tslib");
|
|
4
|
-
var react_1 = tslib_1.__importStar(require("react"));
|
|
5
|
-
var core_1 = require("@material-ui/core");
|
|
6
|
-
var foundation_1 = require("../../foundation");
|
|
7
|
-
var styled_components_1 = tslib_1.__importDefault(require("../../foundation/styled-components"));
|
|
8
|
-
var _RcTextWithEllipsis = react_1.forwardRef(function (props, ref) {
|
|
9
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
10
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
11
|
-
foundation_1.useDeprecatedLog({
|
|
12
|
-
component: 'RcTextWithEllipsis',
|
|
13
|
-
message: 'should not use that, just use `RcText` with `titleWhenOverflow` and `flexFull`',
|
|
14
|
-
});
|
|
15
|
-
}
|
|
16
|
-
return react_1.default.createElement(core_1.Typography, tslib_1.__assign({}, props, { ref: ref }));
|
|
17
|
-
});
|
|
18
|
-
/** @deprecated should not use that, just use `RcText` with `titleWhenOverflow` and `flexFull` */
|
|
19
|
-
var RcTextWithEllipsis = styled_components_1.default(_RcTextWithEllipsis)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n ", ";\n flex: 1 1 auto;\n"], ["\n ", ";\n flex: 1 1 auto;\n"])), foundation_1.ellipsis());
|
|
20
|
-
exports.RcTextWithEllipsis = RcTextWithEllipsis;
|
|
21
|
-
var templateObject_1;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
/** @deprecated should not use that, just use RcText with `highlight` */
|
|
3
|
-
declare const RcTextWithHighlight: (props: {
|
|
4
|
-
children: string | number | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | (string | number | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | null)[] | null;
|
|
5
|
-
}) => JSX.Element;
|
|
6
|
-
export { RcTextWithHighlight };
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
var tslib_1 = require("tslib");
|
|
4
|
-
var react_1 = tslib_1.__importDefault(require("react"));
|
|
5
|
-
var foundation_1 = require("../../foundation");
|
|
6
|
-
var styled_components_1 = tslib_1.__importDefault(require("../../foundation/styled-components"));
|
|
7
|
-
var StyledSpan = styled_components_1.default.span(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n color: ", ";\n background-color: ", ";\n a {\n color: inherit;\n }\n"], ["\n color: ", ";\n background-color: ", ";\n a {\n color: inherit;\n }\n"])), foundation_1.palette2('highlight', 'f01'), foundation_1.palette2('highlight', 'b02'));
|
|
8
|
-
/** @deprecated should not use that, just use RcText with `highlight` */
|
|
9
|
-
var RcTextWithHighlight = function (props) {
|
|
10
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
11
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
12
|
-
foundation_1.useDeprecatedLog({
|
|
13
|
-
component: 'RcTextWithHighlight',
|
|
14
|
-
message: 'should not use that, just use RcText with `highlight`',
|
|
15
|
-
});
|
|
16
|
-
}
|
|
17
|
-
return react_1.default.createElement(StyledSpan, tslib_1.__assign({ className: "highlight-term" }, props));
|
|
18
|
-
};
|
|
19
|
-
exports.RcTextWithHighlight = RcTextWithHighlight;
|
|
20
|
-
var templateObject_1;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './TextWithHighlight';
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TypographyProps } from '@material-ui/core/Typography';
|
|
3
|
-
import { RcBaseProps } from '../../foundation/typings';
|
|
4
|
-
import { RcLinkProps } from '../Link';
|
|
5
|
-
declare type RcTextWithLinkProps = {
|
|
6
|
-
text: string;
|
|
7
|
-
linkText: string;
|
|
8
|
-
onClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;
|
|
9
|
-
TypographyProps?: RcBaseProps<TypographyProps>;
|
|
10
|
-
RcLinkProps?: RcLinkProps;
|
|
11
|
-
};
|
|
12
|
-
/** @deprecated please don't use that component, just use RcText and RcLink directly */
|
|
13
|
-
declare const RcTextWithLink: React.MemoExoticComponent<(props: RcTextWithLinkProps) => JSX.Element>;
|
|
14
|
-
export { RcTextWithLink };
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
var tslib_1 = require("tslib");
|
|
4
|
-
var react_1 = tslib_1.__importStar(require("react"));
|
|
5
|
-
var Typography_1 = tslib_1.__importDefault(require("@material-ui/core/Typography"));
|
|
6
|
-
var foundation_1 = require("../../foundation");
|
|
7
|
-
var styled_components_1 = tslib_1.__importDefault(require("../../foundation/styled-components"));
|
|
8
|
-
var Link_1 = require("../Link");
|
|
9
|
-
var TipsText = styled_components_1.default(Typography_1.default)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n && {\n color: ", ";\n ", ";\n * {\n ", ";\n }\n }\n"], ["\n && {\n color: ", ";\n ", ";\n * {\n ", ";\n }\n }\n"])), foundation_1.palette2('neutral', 'f04'), foundation_1.typography('caption1'), foundation_1.typography('caption1'));
|
|
10
|
-
/** @deprecated please don't use that component, just use RcText and RcLink directly */
|
|
11
|
-
var RcTextWithLink = react_1.memo(function (props) {
|
|
12
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
13
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
14
|
-
foundation_1.useDeprecatedLog({
|
|
15
|
-
component: 'RcTextWithLink',
|
|
16
|
-
message: "please don't use that component, just use `RcText` and RcLink directly",
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
var text = props.text, linkText = props.linkText, onClick = props.onClick, TypographyProps = props.TypographyProps, RcLinkProps = props.RcLinkProps;
|
|
20
|
-
var textProps;
|
|
21
|
-
if (TypographyProps) {
|
|
22
|
-
var innerRef = TypographyProps.innerRef, rest = tslib_1.__rest(TypographyProps, ["innerRef"]);
|
|
23
|
-
textProps = rest;
|
|
24
|
-
}
|
|
25
|
-
return (react_1.default.createElement(TipsText, tslib_1.__assign({}, textProps),
|
|
26
|
-
text,
|
|
27
|
-
react_1.default.createElement(Link_1.RcLink, tslib_1.__assign({ handleOnClick: onClick }, RcLinkProps), linkText)));
|
|
28
|
-
});
|
|
29
|
-
exports.RcTextWithLink = RcTextWithLink;
|
|
30
|
-
RcTextWithLink.displayName = 'RcTextWithLink';
|
|
31
|
-
var templateObject_1;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './TextWithLink';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
/** @deprecated please don't use that component, just use `RcText` with `title` directly */
|
|
3
|
-
declare const RcTextWithTooltip: (props: {
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
tooltip?: string | undefined;
|
|
6
|
-
textColor?: (string & Record<never, never>) | "action.grayDark" | "action.grayLight" | "action.primary" | "avatar.ash" | "avatar.blueberry" | "avatar.brass" | "avatar.global" | "avatar.gold" | "avatar.lake" | "avatar.oasis" | "avatar.pear" | "avatar.persimmon" | "avatar.sage" | "avatar.tomato" | "content.brand" | "danger.b01" | "danger.b02" | "danger.b03" | "danger.b04" | "danger.f01" | "danger.f02" | "danger.f11" | "dialHeader.avatarBg" | "dialHeader.avatarIcon" | "dialHeader.bg" | "dialHeader.focusBorder" | "dialHeader.icon" | "dialHeader.text" | "dialHeader.textHint" | "disabled.b01" | "disabled.f01" | "disabled.f02" | "header.bgLeft" | "header.bgOverlay" | "header.bgOverlayDisabled" | "header.bgRight" | "header.border" | "header.divider" | "header.fabBg" | "header.fabIcon" | "header.focusBorder" | "header.icon" | "header.iconDisabled" | "header.text" | "header.textHint" | "highContrast" | "highlight.b01" | "highlight.b02" | "highlight.b03" | "highlight.f01" | "highlight.f02" | "informative.b01" | "informative.f01" | "informative.f02" | "interactive.b01" | "interactive.b02" | "interactive.f01" | "label.black02" | "label.blue01" | "label.blue02" | "label.green01" | "label.green02" | "label.orange01" | "label.orange02" | "label.purple01" | "label.purple02" | "label.red01" | "label.red02" | "label.teal01" | "label.teal02" | "label.yellow01" | "label.yellow02" | "nav.b01" | "nav.b02" | "nav.bookmark" | "nav.ctlDefault" | "nav.ctlSelected" | "nav.f01" | "nav.f02" | "nav.f03" | "nav.f04" | "nav.iconDefault" | "nav.iconSelected" | "nav.line" | "nav.mention" | "nav.menuBg" | "nav.menuText" | "neutral.b01" | "neutral.b02" | "neutral.b03" | "neutral.b04" | "neutral.b05" | "neutral.b06" | "neutral.elevation" | "neutral.f01" | "neutral.f02" | "neutral.f03" | "neutral.f04" | "neutral.f05" | "neutral.f06" | "neutral.f07" | "neutral.f11" | "neutral.l01" | "neutral.l02" | "neutral.l03" | "neutral.l04" | "neutral.transparent" | "presence.available" | "presence.busy" | "presence.invisible" | "subAction" | "success.b01" | "success.b02" | "success.b03" | "success.b04" | "success.b05" | "success.f01" | "success.f02" | "success.f11" | "tab.default" | "tab.selected" | "umi.bg" | "umi.mentioned" | "umi.text" | "warning.b01" | "warning.b02" | "warning.b03" | "warning.f01" | "warning.f02" | "warning.f11" | string[] | import("../../foundation/styles/newPalette").PaletteReturnType | undefined;
|
|
7
|
-
}) => JSX.Element;
|
|
8
|
-
export { RcTextWithTooltip };
|