@codacy/ui-components 0.45.4 → 0.47.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/lib/Button/styles.d.ts +1 -1
- package/lib/Button/styles.js +5 -5
- package/lib/Icons/Severities.js +18 -18
- package/lib/Modal/Modal.js +7 -5
- package/lib/ScrollableContent/ScrollableContent.d.ts +3 -1
- package/lib/ScrollableContent/ScrollableContent.js +23 -8
- package/lib/ScrollableContent/ScrollableContent.types.d.ts +2 -2
- package/lib/ScrollableContent/useScrollContainer.d.ts +10 -2
- package/lib/ScrollableContent/useScrollContainer.js +38 -25
- package/lib/Table/Table.d.ts +9 -0
- package/lib/Table/Table.js +57 -17
- package/lib/Table/Table.styles.d.ts +2 -2
- package/lib/Table/Table.styles.js +67 -54
- package/lib/Table/Table.types.d.ts +14 -6
- package/lib/Typography/Typography.styles.js +28 -25
- package/lib/Typography/Typography.types.d.ts +1 -0
- package/lib/hooks/index.d.ts +1 -0
- package/lib/hooks/index.js +2 -1
- package/lib/hooks/useInfiniteScroll.d.ts +2 -0
- package/lib/hooks/useInfiniteScroll.js +21 -0
- package/package.json +2 -1
package/lib/Button/styles.d.ts
CHANGED
|
@@ -15,6 +15,6 @@ export declare const ButtonGroup: import("@emotion/styled-base").StyledComponent
|
|
|
15
15
|
theme?: object | undefined;
|
|
16
16
|
}>, "left" | "right" | "bottom" | "top" | "hidden" | "dir" | "p" | "slot" | "style" | "title" | "color" | "size" | "border" | "padding" | "backgroundColor" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "boxShadow" | "display" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "textAlign" | "textShadow" | "translate" | "verticalAlign" | "width" | "zIndex" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "margin" | "overflow" | "prefix" | "children" | "key" | "m" | "mt" | "mb" | "ml" | "mr" | "my" | "marginY" | "mx" | "marginX" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "id" | "className" | "theme" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "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" | "css" | "textColor" | "bg" | "borderX" | "borderY" | "as"> & {
|
|
17
17
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
18
|
-
} & Pick<import("../Flexbox").
|
|
18
|
+
} & Pick<import("../Flexbox").FlexProps, "left" | "right" | "bottom" | "top" | "p" | "size" | "flex" | "border" | "padding" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "boxShadow" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "textAlign" | "textShadow" | "verticalAlign" | "width" | "zIndex" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "margin" | "overflow" | "m" | "mt" | "mb" | "ml" | "mr" | "my" | "marginY" | "mx" | "marginX" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "textColor" | "bg" | "borderX" | "borderY" | "as"> & {
|
|
19
19
|
theme?: object | undefined;
|
|
20
20
|
}>, {}, CodacyTheme>;
|
package/lib/Button/styles.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _styled from "@emotion/styled-base";
|
|
2
2
|
import { transition } from '../theme';
|
|
3
3
|
import { css } from '@emotion/core';
|
|
4
|
-
import {
|
|
4
|
+
import { Flex } from '../Flexbox';
|
|
5
5
|
import { IconWrapper } from '../Icon/Icon.styles';
|
|
6
6
|
import { space } from 'styled-system';
|
|
7
7
|
|
|
@@ -11,7 +11,7 @@ var ButtonColorScheme = function ButtonColorScheme(_ref) {
|
|
|
11
11
|
invert = _ref.invert,
|
|
12
12
|
state = _ref.state,
|
|
13
13
|
theme = _ref.theme;
|
|
14
|
-
return /*#__PURE__*/css("border:", "solid ".concat(theme.borderSize[0], " ").concat(border ? theme.colors["accent-".concat(scheme).concat(state ? "-".concat(state) : '')] : 'transparent'), ";background-color:", invert ? border && state && ['hover', 'focus', 'active'].includes(state) ? "".concat(theme.colors["accent-".concat(scheme)]).concat(state === 'active' ? '32' : '16') : 'transparent' : theme.colors["accent-".concat(scheme).concat(state ? "-".concat(state) : '')], ";color:", invert ? theme.colors["accent-".concat(scheme).concat(state ? "-".concat(state) : '')] : theme.colors['neutral-0'], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
14
|
+
return /*#__PURE__*/css("border:", "solid ".concat(theme.borderSize[0], " ").concat(border ? theme.colors["accent-".concat(scheme).concat(state ? "-".concat(state) : '')] : 'transparent'), ";background-color:", invert ? border && state && ['hover', 'focus', 'active'].includes(state) ? "".concat(theme.colors["accent-".concat(scheme)]).concat(state === 'active' ? '32' : '16') : 'transparent' : theme.colors["accent-".concat(scheme).concat(state ? "-".concat(state) : '')], ";color:", invert ? theme.colors["accent-".concat(scheme).concat(state ? "-".concat(state) : '')] : theme.colors['neutral-0'], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CdXR0b24vc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCMkciLCJmaWxlIjoiLi4vLi4vc3JjL0J1dHRvbi9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2RhY3lUaGVtZSwgQ29sb3IsIHRyYW5zaXRpb24gfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEJ1dHRvblNpemUsIERlcHJlY2F0ZWRCdXR0b25TaXplcyB9IGZyb20gJy4vdHlwZXMnXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IEljb25XcmFwcGVyIH0gZnJvbSAnLi4vSWNvbi9JY29uLnN0eWxlcydcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnc3R5bGVkLXN5c3RlbSdcblxuZXhwb3J0IHR5cGUgU3R5bGVkQnV0dG9uU2NoZW1lcyA9ICdwcmltYXJ5JyB8ICdzdWNjZXNzJyB8ICdkYW5nZXInIHwgJ3N1YnRsZSdcbmV4cG9ydCBpbnRlcmZhY2UgU3R5bGVkQnV0dG9uUHJvcHMge1xuICBzaXplOiBCdXR0b25TaXplIHwgRGVwcmVjYXRlZEJ1dHRvblNpemVzXG4gIHNjaGVtZTogU3R5bGVkQnV0dG9uU2NoZW1lc1xuICBib3JkZXI6IGJvb2xlYW5cbiAgaW52ZXJ0OiBib29sZWFuXG4gIHNoYWRvd3M6IGJvb2xlYW5cbiAgZGlzYWJsZWQ6IGJvb2xlYW5cbn1cblxuY29uc3QgQnV0dG9uQ29sb3JTY2hlbWUgPSAoe1xuICBzY2hlbWUsXG4gIGJvcmRlcixcbiAgaW52ZXJ0LFxuICBzdGF0ZSxcbiAgdGhlbWUsXG59OiBQaWNrPFN0eWxlZEJ1dHRvblByb3BzLCAnc2NoZW1lJyB8ICdib3JkZXInIHwgJ2ludmVydCc+ICYgeyBzdGF0ZT86IHN0cmluZzsgdGhlbWU6IENvZGFjeVRoZW1lIH0pID0+IGNzc2BcbiAgYm9yZGVyOiAke2Bzb2xpZCAke3RoZW1lLmJvcmRlclNpemVbMF19ICR7XG4gICAgYm9yZGVyID8gdGhlbWUuY29sb3JzW2BhY2NlbnQtJHtzY2hlbWV9JHtzdGF0ZSA/IGAtJHtzdGF0ZX1gIDogJyd9YCBhcyBDb2xvcl0gOiAndHJhbnNwYXJlbnQnXG4gIH1gfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtpbnZlcnRcbiAgICA/IGJvcmRlciAmJiBzdGF0ZSAmJiBbJ2hvdmVyJywgJ2ZvY3VzJywgJ2FjdGl2ZSddLmluY2x1ZGVzKHN0YXRlKVxuICAgICAgPyBgJHt0aGVtZS5jb2xvcnNbYGFjY2VudC0ke3NjaGVtZX1gIGFzIENvbG9yXX0ke3N0YXRlID09PSAnYWN0aXZlJyA/ICczMicgOiAnMTYnfWBcbiAgICAgIDogJ3RyYW5zcGFyZW50J1xuICAgIDogdGhlbWUuY29sb3JzW2BhY2NlbnQtJHtzY2hlbWV9JHtzdGF0ZSA/IGAtJHtzdGF0ZX1gIDogJyd9YCBhcyBDb2xvcl19O1xuXG4gIGNvbG9yOiAke2ludmVydCA/IHRoZW1lLmNvbG9yc1tgYWNjZW50LSR7c2NoZW1lfSR7c3RhdGUgPyBgLSR7c3RhdGV9YCA6ICcnfWAgYXMgQ29sb3JdIDogdGhlbWUuY29sb3JzWyduZXV0cmFsLTAnXX07XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQuYnV0dG9uPFN0eWxlZEJ1dHRvblByb3BzLCBDb2RhY3lUaGVtZT5gXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgb3V0bGluZTogMDtcblxuICBmb250LWZhbWlseTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5mb250c1snbm9ybWFsJ119O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJvcmRlclJhZGl1c1sxXX07XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUsIHNpemUgfSkgPT4gYDAgJHtzaXplID09PSAnc20nID8gdGhlbWUuc3BhY2VbMl0gOiB0aGVtZS5zcGFjZVszXX1gfTtcbiAgZm9udC1zaXplOiAkeyh7IHRoZW1lLCBzaXplIH0pID0+IChzaXplID09PSAnc20nID8gdGhlbWUuZm9udFNpemVzWzFdIDogdGhlbWUuZm9udFNpemVzWzJdKX07XG4gIGhlaWdodDogJHsoeyBzaXplIH0pID0+IChzaXplID09PSAnc20nID8gJzEuNXJlbScgOiAnMnJlbScpfTtcbiAgbGluZS1oZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiBgY2FsYygke3NpemUgPT09ICdzbScgPyAnMS41cmVtJyA6ICcycmVtJ30gLSAycHgpYH07XG5cbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0cmFuc2l0aW9uOiAkeygpID0+IHRyYW5zaXRpb24oWydiYWNrZ3JvdW5kLWNvbG9yJywgJ2JvcmRlci1jb2xvcicsICdib3gtc2hhZG93J10sICdmYXN0Jyl9O1xuXG4gICR7KHsgc2NoZW1lLCB0aGVtZSwgYm9yZGVyLCBpbnZlcnQgfSkgPT4gQnV0dG9uQ29sb3JTY2hlbWUoeyBzY2hlbWUsIGJvcmRlciwgdGhlbWUsIGludmVydCB9KX07XG5cbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSwgc2hhZG93cyB9KSA9PiAoc2hhZG93cyA/IHRoZW1lLnNoYWRvd3NbMF0gOiB1bmRlZmluZWQpfTtcblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNjaGVtZSwgdGhlbWUsIGJvcmRlciwgaW52ZXJ0IH0pID0+IEJ1dHRvbkNvbG9yU2NoZW1lKHsgc3RhdGU6ICdob3ZlcicsIHNjaGVtZSwgYm9yZGVyLCB0aGVtZSwgaW52ZXJ0IH0pfTtcbiAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBzaGFkb3dzIH0pID0+IChzaGFkb3dzID8gdGhlbWUuc2hhZG93c1sxXSA6IHVuZGVmaW5lZCl9O1xuICAgIHRleHQtZGVjb3JhdGlvbjogJHsoeyBib3JkZXIgfSkgPT4gKCFib3JkZXIgPyAndW5kZXJsaW5lJyA6IHVuZGVmaW5lZCl9O1xuICB9XG5cbiAgJjpmb2N1cyB7XG4gICAgJHsoeyBzY2hlbWUsIHRoZW1lLCBib3JkZXIsIGludmVydCB9KSA9PiBCdXR0b25Db2xvclNjaGVtZSh7IHN0YXRlOiAnZm9jdXMnLCBzY2hlbWUsIGJvcmRlciwgdGhlbWUsIGludmVydCB9KX07XG4gICAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSwgc2hhZG93cyB9KSA9PiAoc2hhZG93cyA/IHRoZW1lLnNoYWRvd3NbMV0gOiB1bmRlZmluZWQpfTtcbiAgfVxuXG4gICY6YWN0aXZlIHtcbiAgICAkeyh7IHNjaGVtZSwgdGhlbWUsIGJvcmRlciwgaW52ZXJ0IH0pID0+IEJ1dHRvbkNvbG9yU2NoZW1lKHsgc3RhdGU6ICdhY3RpdmUnLCBzY2hlbWUsIGJvcmRlciwgdGhlbWUsIGludmVydCB9KX07XG4gICAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSwgc2hhZG93cyB9KSA9PiAoc2hhZG93cyA/IHRoZW1lLnNoYWRvd3NbMV0gOiB1bmRlZmluZWQpfTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgICR7KHsgc2NoZW1lLCB0aGVtZSwgYm9yZGVyLCBpbnZlcnQgfSkgPT4gQnV0dG9uQ29sb3JTY2hlbWUoeyBzdGF0ZTogJ2Rpc2FibGVkJywgc2NoZW1lLCBib3JkZXIsIHRoZW1lLCBpbnZlcnQgfSl9O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgfVxuXG4gID4gJHtJY29uV3JhcHBlcn0ge1xuICAgIG1hcmdpbi1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsyXX07XG4gICAgbWFyZ2luLWxlZnQ6IC0keyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzFdfTtcbiAgfVxuXG4gICR7c3BhY2V9XG5gXG5cbmV4cG9ydCBjb25zdCBCdXR0b25Hcm91cCA9IHN0eWxlZChGbGV4KTx7fSwgQ29kYWN5VGhlbWU+YFxuICAmID4gJHtTdHlsZWRCdXR0b259Om5vdCg6bGFzdC1jaGlsZCkge1xuICAgIG1hcmdpbi1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsyXX07XG4gIH1cblxuICAvKiBUaGlzIGNhc2UgY292ZXJzIHNwZWNpZmljIHVzZSB3aGVuIHRoZSBidXR0b24gaXMgd3JhcHBlZCBpbiBzb21ldGhpbmcgZWxzZSwgbGlrZSBhIHRvb2x0aXAgKi9cbiAgJiA+ICo6bm90KDpsYXN0LWNoaWxkKSA+ICR7U3R5bGVkQnV0dG9ufSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbiAgfVxuYFxuIl19 */"));
|
|
15
15
|
};
|
|
16
16
|
|
|
17
17
|
export var StyledButton = _styled("button", {
|
|
@@ -122,8 +122,8 @@ export var StyledButton = _styled("button", {
|
|
|
122
122
|
}, ";margin-left:-", function (_ref19) {
|
|
123
123
|
var theme = _ref19.theme;
|
|
124
124
|
return theme.space[1];
|
|
125
|
-
}, ";}", space, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
126
|
-
export var ButtonGroup = /*#__PURE__*/_styled(
|
|
125
|
+
}, ";}", space, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CdXR0b24vc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDeUUiLCJmaWxlIjoiLi4vLi4vc3JjL0J1dHRvbi9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2RhY3lUaGVtZSwgQ29sb3IsIHRyYW5zaXRpb24gfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEJ1dHRvblNpemUsIERlcHJlY2F0ZWRCdXR0b25TaXplcyB9IGZyb20gJy4vdHlwZXMnXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IEljb25XcmFwcGVyIH0gZnJvbSAnLi4vSWNvbi9JY29uLnN0eWxlcydcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnc3R5bGVkLXN5c3RlbSdcblxuZXhwb3J0IHR5cGUgU3R5bGVkQnV0dG9uU2NoZW1lcyA9ICdwcmltYXJ5JyB8ICdzdWNjZXNzJyB8ICdkYW5nZXInIHwgJ3N1YnRsZSdcbmV4cG9ydCBpbnRlcmZhY2UgU3R5bGVkQnV0dG9uUHJvcHMge1xuICBzaXplOiBCdXR0b25TaXplIHwgRGVwcmVjYXRlZEJ1dHRvblNpemVzXG4gIHNjaGVtZTogU3R5bGVkQnV0dG9uU2NoZW1lc1xuICBib3JkZXI6IGJvb2xlYW5cbiAgaW52ZXJ0OiBib29sZWFuXG4gIHNoYWRvd3M6IGJvb2xlYW5cbiAgZGlzYWJsZWQ6IGJvb2xlYW5cbn1cblxuY29uc3QgQnV0dG9uQ29sb3JTY2hlbWUgPSAoe1xuICBzY2hlbWUsXG4gIGJvcmRlcixcbiAgaW52ZXJ0LFxuICBzdGF0ZSxcbiAgdGhlbWUsXG59OiBQaWNrPFN0eWxlZEJ1dHRvblByb3BzLCAnc2NoZW1lJyB8ICdib3JkZXInIHwgJ2ludmVydCc+ICYgeyBzdGF0ZT86IHN0cmluZzsgdGhlbWU6IENvZGFjeVRoZW1lIH0pID0+IGNzc2BcbiAgYm9yZGVyOiAke2Bzb2xpZCAke3RoZW1lLmJvcmRlclNpemVbMF19ICR7XG4gICAgYm9yZGVyID8gdGhlbWUuY29sb3JzW2BhY2NlbnQtJHtzY2hlbWV9JHtzdGF0ZSA/IGAtJHtzdGF0ZX1gIDogJyd9YCBhcyBDb2xvcl0gOiAndHJhbnNwYXJlbnQnXG4gIH1gfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtpbnZlcnRcbiAgICA/IGJvcmRlciAmJiBzdGF0ZSAmJiBbJ2hvdmVyJywgJ2ZvY3VzJywgJ2FjdGl2ZSddLmluY2x1ZGVzKHN0YXRlKVxuICAgICAgPyBgJHt0aGVtZS5jb2xvcnNbYGFjY2VudC0ke3NjaGVtZX1gIGFzIENvbG9yXX0ke3N0YXRlID09PSAnYWN0aXZlJyA/ICczMicgOiAnMTYnfWBcbiAgICAgIDogJ3RyYW5zcGFyZW50J1xuICAgIDogdGhlbWUuY29sb3JzW2BhY2NlbnQtJHtzY2hlbWV9JHtzdGF0ZSA/IGAtJHtzdGF0ZX1gIDogJyd9YCBhcyBDb2xvcl19O1xuXG4gIGNvbG9yOiAke2ludmVydCA/IHRoZW1lLmNvbG9yc1tgYWNjZW50LSR7c2NoZW1lfSR7c3RhdGUgPyBgLSR7c3RhdGV9YCA6ICcnfWAgYXMgQ29sb3JdIDogdGhlbWUuY29sb3JzWyduZXV0cmFsLTAnXX07XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQuYnV0dG9uPFN0eWxlZEJ1dHRvblByb3BzLCBDb2RhY3lUaGVtZT5gXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgb3V0bGluZTogMDtcblxuICBmb250LWZhbWlseTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5mb250c1snbm9ybWFsJ119O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJvcmRlclJhZGl1c1sxXX07XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUsIHNpemUgfSkgPT4gYDAgJHtzaXplID09PSAnc20nID8gdGhlbWUuc3BhY2VbMl0gOiB0aGVtZS5zcGFjZVszXX1gfTtcbiAgZm9udC1zaXplOiAkeyh7IHRoZW1lLCBzaXplIH0pID0+IChzaXplID09PSAnc20nID8gdGhlbWUuZm9udFNpemVzWzFdIDogdGhlbWUuZm9udFNpemVzWzJdKX07XG4gIGhlaWdodDogJHsoeyBzaXplIH0pID0+IChzaXplID09PSAnc20nID8gJzEuNXJlbScgOiAnMnJlbScpfTtcbiAgbGluZS1oZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiBgY2FsYygke3NpemUgPT09ICdzbScgPyAnMS41cmVtJyA6ICcycmVtJ30gLSAycHgpYH07XG5cbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0cmFuc2l0aW9uOiAkeygpID0+IHRyYW5zaXRpb24oWydiYWNrZ3JvdW5kLWNvbG9yJywgJ2JvcmRlci1jb2xvcicsICdib3gtc2hhZG93J10sICdmYXN0Jyl9O1xuXG4gICR7KHsgc2NoZW1lLCB0aGVtZSwgYm9yZGVyLCBpbnZlcnQgfSkgPT4gQnV0dG9uQ29sb3JTY2hlbWUoeyBzY2hlbWUsIGJvcmRlciwgdGhlbWUsIGludmVydCB9KX07XG5cbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSwgc2hhZG93cyB9KSA9PiAoc2hhZG93cyA/IHRoZW1lLnNoYWRvd3NbMF0gOiB1bmRlZmluZWQpfTtcblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNjaGVtZSwgdGhlbWUsIGJvcmRlciwgaW52ZXJ0IH0pID0+IEJ1dHRvbkNvbG9yU2NoZW1lKHsgc3RhdGU6ICdob3ZlcicsIHNjaGVtZSwgYm9yZGVyLCB0aGVtZSwgaW52ZXJ0IH0pfTtcbiAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBzaGFkb3dzIH0pID0+IChzaGFkb3dzID8gdGhlbWUuc2hhZG93c1sxXSA6IHVuZGVmaW5lZCl9O1xuICAgIHRleHQtZGVjb3JhdGlvbjogJHsoeyBib3JkZXIgfSkgPT4gKCFib3JkZXIgPyAndW5kZXJsaW5lJyA6IHVuZGVmaW5lZCl9O1xuICB9XG5cbiAgJjpmb2N1cyB7XG4gICAgJHsoeyBzY2hlbWUsIHRoZW1lLCBib3JkZXIsIGludmVydCB9KSA9PiBCdXR0b25Db2xvclNjaGVtZSh7IHN0YXRlOiAnZm9jdXMnLCBzY2hlbWUsIGJvcmRlciwgdGhlbWUsIGludmVydCB9KX07XG4gICAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSwgc2hhZG93cyB9KSA9PiAoc2hhZG93cyA/IHRoZW1lLnNoYWRvd3NbMV0gOiB1bmRlZmluZWQpfTtcbiAgfVxuXG4gICY6YWN0aXZlIHtcbiAgICAkeyh7IHNjaGVtZSwgdGhlbWUsIGJvcmRlciwgaW52ZXJ0IH0pID0+IEJ1dHRvbkNvbG9yU2NoZW1lKHsgc3RhdGU6ICdhY3RpdmUnLCBzY2hlbWUsIGJvcmRlciwgdGhlbWUsIGludmVydCB9KX07XG4gICAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSwgc2hhZG93cyB9KSA9PiAoc2hhZG93cyA/IHRoZW1lLnNoYWRvd3NbMV0gOiB1bmRlZmluZWQpfTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgICR7KHsgc2NoZW1lLCB0aGVtZSwgYm9yZGVyLCBpbnZlcnQgfSkgPT4gQnV0dG9uQ29sb3JTY2hlbWUoeyBzdGF0ZTogJ2Rpc2FibGVkJywgc2NoZW1lLCBib3JkZXIsIHRoZW1lLCBpbnZlcnQgfSl9O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgfVxuXG4gID4gJHtJY29uV3JhcHBlcn0ge1xuICAgIG1hcmdpbi1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsyXX07XG4gICAgbWFyZ2luLWxlZnQ6IC0keyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzFdfTtcbiAgfVxuXG4gICR7c3BhY2V9XG5gXG5cbmV4cG9ydCBjb25zdCBCdXR0b25Hcm91cCA9IHN0eWxlZChGbGV4KTx7fSwgQ29kYWN5VGhlbWU+YFxuICAmID4gJHtTdHlsZWRCdXR0b259Om5vdCg6bGFzdC1jaGlsZCkge1xuICAgIG1hcmdpbi1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsyXX07XG4gIH1cblxuICAvKiBUaGlzIGNhc2UgY292ZXJzIHNwZWNpZmljIHVzZSB3aGVuIHRoZSBidXR0b24gaXMgd3JhcHBlZCBpbiBzb21ldGhpbmcgZWxzZSwgbGlrZSBhIHRvb2x0aXAgKi9cbiAgJiA+ICo6bm90KDpsYXN0LWNoaWxkKSA+ICR7U3R5bGVkQnV0dG9ufSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbiAgfVxuYFxuIl19 */");
|
|
126
|
+
export var ButtonGroup = /*#__PURE__*/_styled(Flex, {
|
|
127
127
|
target: "e1xed6y71"
|
|
128
128
|
})("& > ", StyledButton, ":not(:last-child){margin-right:", function (_ref20) {
|
|
129
129
|
var theme = _ref20.theme;
|
|
@@ -131,4 +131,4 @@ export var ButtonGroup = /*#__PURE__*/_styled(Box, {
|
|
|
131
131
|
}, ";}& > *:not(:last-child) > ", StyledButton, "{margin-right:", function (_ref21) {
|
|
132
132
|
var theme = _ref21.theme;
|
|
133
133
|
return theme.space[2];
|
|
134
|
-
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
134
|
+
}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CdXR0b24vc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlGd0QiLCJmaWxlIjoiLi4vLi4vc3JjL0J1dHRvbi9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb2RhY3lUaGVtZSwgQ29sb3IsIHRyYW5zaXRpb24gfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEJ1dHRvblNpemUsIERlcHJlY2F0ZWRCdXR0b25TaXplcyB9IGZyb20gJy4vdHlwZXMnXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IEljb25XcmFwcGVyIH0gZnJvbSAnLi4vSWNvbi9JY29uLnN0eWxlcydcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnc3R5bGVkLXN5c3RlbSdcblxuZXhwb3J0IHR5cGUgU3R5bGVkQnV0dG9uU2NoZW1lcyA9ICdwcmltYXJ5JyB8ICdzdWNjZXNzJyB8ICdkYW5nZXInIHwgJ3N1YnRsZSdcbmV4cG9ydCBpbnRlcmZhY2UgU3R5bGVkQnV0dG9uUHJvcHMge1xuICBzaXplOiBCdXR0b25TaXplIHwgRGVwcmVjYXRlZEJ1dHRvblNpemVzXG4gIHNjaGVtZTogU3R5bGVkQnV0dG9uU2NoZW1lc1xuICBib3JkZXI6IGJvb2xlYW5cbiAgaW52ZXJ0OiBib29sZWFuXG4gIHNoYWRvd3M6IGJvb2xlYW5cbiAgZGlzYWJsZWQ6IGJvb2xlYW5cbn1cblxuY29uc3QgQnV0dG9uQ29sb3JTY2hlbWUgPSAoe1xuICBzY2hlbWUsXG4gIGJvcmRlcixcbiAgaW52ZXJ0LFxuICBzdGF0ZSxcbiAgdGhlbWUsXG59OiBQaWNrPFN0eWxlZEJ1dHRvblByb3BzLCAnc2NoZW1lJyB8ICdib3JkZXInIHwgJ2ludmVydCc+ICYgeyBzdGF0ZT86IHN0cmluZzsgdGhlbWU6IENvZGFjeVRoZW1lIH0pID0+IGNzc2BcbiAgYm9yZGVyOiAke2Bzb2xpZCAke3RoZW1lLmJvcmRlclNpemVbMF19ICR7XG4gICAgYm9yZGVyID8gdGhlbWUuY29sb3JzW2BhY2NlbnQtJHtzY2hlbWV9JHtzdGF0ZSA/IGAtJHtzdGF0ZX1gIDogJyd9YCBhcyBDb2xvcl0gOiAndHJhbnNwYXJlbnQnXG4gIH1gfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtpbnZlcnRcbiAgICA/IGJvcmRlciAmJiBzdGF0ZSAmJiBbJ2hvdmVyJywgJ2ZvY3VzJywgJ2FjdGl2ZSddLmluY2x1ZGVzKHN0YXRlKVxuICAgICAgPyBgJHt0aGVtZS5jb2xvcnNbYGFjY2VudC0ke3NjaGVtZX1gIGFzIENvbG9yXX0ke3N0YXRlID09PSAnYWN0aXZlJyA/ICczMicgOiAnMTYnfWBcbiAgICAgIDogJ3RyYW5zcGFyZW50J1xuICAgIDogdGhlbWUuY29sb3JzW2BhY2NlbnQtJHtzY2hlbWV9JHtzdGF0ZSA/IGAtJHtzdGF0ZX1gIDogJyd9YCBhcyBDb2xvcl19O1xuXG4gIGNvbG9yOiAke2ludmVydCA/IHRoZW1lLmNvbG9yc1tgYWNjZW50LSR7c2NoZW1lfSR7c3RhdGUgPyBgLSR7c3RhdGV9YCA6ICcnfWAgYXMgQ29sb3JdIDogdGhlbWUuY29sb3JzWyduZXV0cmFsLTAnXX07XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQuYnV0dG9uPFN0eWxlZEJ1dHRvblByb3BzLCBDb2RhY3lUaGVtZT5gXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgb3V0bGluZTogMDtcblxuICBmb250LWZhbWlseTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5mb250c1snbm9ybWFsJ119O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJvcmRlclJhZGl1c1sxXX07XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUsIHNpemUgfSkgPT4gYDAgJHtzaXplID09PSAnc20nID8gdGhlbWUuc3BhY2VbMl0gOiB0aGVtZS5zcGFjZVszXX1gfTtcbiAgZm9udC1zaXplOiAkeyh7IHRoZW1lLCBzaXplIH0pID0+IChzaXplID09PSAnc20nID8gdGhlbWUuZm9udFNpemVzWzFdIDogdGhlbWUuZm9udFNpemVzWzJdKX07XG4gIGhlaWdodDogJHsoeyBzaXplIH0pID0+IChzaXplID09PSAnc20nID8gJzEuNXJlbScgOiAnMnJlbScpfTtcbiAgbGluZS1oZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiBgY2FsYygke3NpemUgPT09ICdzbScgPyAnMS41cmVtJyA6ICcycmVtJ30gLSAycHgpYH07XG5cbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0cmFuc2l0aW9uOiAkeygpID0+IHRyYW5zaXRpb24oWydiYWNrZ3JvdW5kLWNvbG9yJywgJ2JvcmRlci1jb2xvcicsICdib3gtc2hhZG93J10sICdmYXN0Jyl9O1xuXG4gICR7KHsgc2NoZW1lLCB0aGVtZSwgYm9yZGVyLCBpbnZlcnQgfSkgPT4gQnV0dG9uQ29sb3JTY2hlbWUoeyBzY2hlbWUsIGJvcmRlciwgdGhlbWUsIGludmVydCB9KX07XG5cbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSwgc2hhZG93cyB9KSA9PiAoc2hhZG93cyA/IHRoZW1lLnNoYWRvd3NbMF0gOiB1bmRlZmluZWQpfTtcblxuICAmOmhvdmVyIHtcbiAgICAkeyh7IHNjaGVtZSwgdGhlbWUsIGJvcmRlciwgaW52ZXJ0IH0pID0+IEJ1dHRvbkNvbG9yU2NoZW1lKHsgc3RhdGU6ICdob3ZlcicsIHNjaGVtZSwgYm9yZGVyLCB0aGVtZSwgaW52ZXJ0IH0pfTtcbiAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBzaGFkb3dzIH0pID0+IChzaGFkb3dzID8gdGhlbWUuc2hhZG93c1sxXSA6IHVuZGVmaW5lZCl9O1xuICAgIHRleHQtZGVjb3JhdGlvbjogJHsoeyBib3JkZXIgfSkgPT4gKCFib3JkZXIgPyAndW5kZXJsaW5lJyA6IHVuZGVmaW5lZCl9O1xuICB9XG5cbiAgJjpmb2N1cyB7XG4gICAgJHsoeyBzY2hlbWUsIHRoZW1lLCBib3JkZXIsIGludmVydCB9KSA9PiBCdXR0b25Db2xvclNjaGVtZSh7IHN0YXRlOiAnZm9jdXMnLCBzY2hlbWUsIGJvcmRlciwgdGhlbWUsIGludmVydCB9KX07XG4gICAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSwgc2hhZG93cyB9KSA9PiAoc2hhZG93cyA/IHRoZW1lLnNoYWRvd3NbMV0gOiB1bmRlZmluZWQpfTtcbiAgfVxuXG4gICY6YWN0aXZlIHtcbiAgICAkeyh7IHNjaGVtZSwgdGhlbWUsIGJvcmRlciwgaW52ZXJ0IH0pID0+IEJ1dHRvbkNvbG9yU2NoZW1lKHsgc3RhdGU6ICdhY3RpdmUnLCBzY2hlbWUsIGJvcmRlciwgdGhlbWUsIGludmVydCB9KX07XG4gICAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSwgc2hhZG93cyB9KSA9PiAoc2hhZG93cyA/IHRoZW1lLnNoYWRvd3NbMV0gOiB1bmRlZmluZWQpfTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgICR7KHsgc2NoZW1lLCB0aGVtZSwgYm9yZGVyLCBpbnZlcnQgfSkgPT4gQnV0dG9uQ29sb3JTY2hlbWUoeyBzdGF0ZTogJ2Rpc2FibGVkJywgc2NoZW1lLCBib3JkZXIsIHRoZW1lLCBpbnZlcnQgfSl9O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgfVxuXG4gID4gJHtJY29uV3JhcHBlcn0ge1xuICAgIG1hcmdpbi1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsyXX07XG4gICAgbWFyZ2luLWxlZnQ6IC0keyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzFdfTtcbiAgfVxuXG4gICR7c3BhY2V9XG5gXG5cbmV4cG9ydCBjb25zdCBCdXR0b25Hcm91cCA9IHN0eWxlZChGbGV4KTx7fSwgQ29kYWN5VGhlbWU+YFxuICAmID4gJHtTdHlsZWRCdXR0b259Om5vdCg6bGFzdC1jaGlsZCkge1xuICAgIG1hcmdpbi1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsyXX07XG4gIH1cblxuICAvKiBUaGlzIGNhc2UgY292ZXJzIHNwZWNpZmljIHVzZSB3aGVuIHRoZSBidXR0b24gaXMgd3JhcHBlZCBpbiBzb21ldGhpbmcgZWxzZSwgbGlrZSBhIHRvb2x0aXAgKi9cbiAgJiA+ICo6bm90KDpsYXN0LWNoaWxkKSA+ICR7U3R5bGVkQnV0dG9ufSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbiAgfVxuYFxuIl19 */"));
|
package/lib/Icons/Severities.js
CHANGED
|
@@ -11,8 +11,8 @@ export var MinorSeverityIcon = function MinorSeverityIcon() {
|
|
|
11
11
|
height: "320",
|
|
12
12
|
rx: "20",
|
|
13
13
|
ry: "20",
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
strokeLinecap: "round",
|
|
15
|
+
strokeLinejoin: "round",
|
|
16
16
|
className: "stroke-width"
|
|
17
17
|
}), /*#__PURE__*/React.createElement("rect", {
|
|
18
18
|
x: "211",
|
|
@@ -22,8 +22,8 @@ export var MinorSeverityIcon = function MinorSeverityIcon() {
|
|
|
22
22
|
rx: "20",
|
|
23
23
|
ry: "20",
|
|
24
24
|
opacity: "0.5",
|
|
25
|
-
|
|
26
|
-
|
|
25
|
+
strokeLinecap: "round",
|
|
26
|
+
strokeLinejoin: "round",
|
|
27
27
|
className: "fill-none stroke-width"
|
|
28
28
|
}), /*#__PURE__*/React.createElement("rect", {
|
|
29
29
|
x: "390",
|
|
@@ -33,8 +33,8 @@ export var MinorSeverityIcon = function MinorSeverityIcon() {
|
|
|
33
33
|
rx: "20",
|
|
34
34
|
ry: "20",
|
|
35
35
|
opacity: "0.5",
|
|
36
|
-
|
|
37
|
-
|
|
36
|
+
strokeLinecap: "round",
|
|
37
|
+
strokeLinejoin: "round",
|
|
38
38
|
className: "fill-none stroke-width"
|
|
39
39
|
}));
|
|
40
40
|
};
|
|
@@ -50,8 +50,8 @@ export var MediumSeverityIcon = function MediumSeverityIcon() {
|
|
|
50
50
|
height: "320",
|
|
51
51
|
rx: "20",
|
|
52
52
|
ry: "20",
|
|
53
|
-
|
|
54
|
-
|
|
53
|
+
strokeLinecap: "round",
|
|
54
|
+
strokeLinejoin: "round",
|
|
55
55
|
className: "stroke-width"
|
|
56
56
|
}), /*#__PURE__*/React.createElement("rect", {
|
|
57
57
|
x: "211",
|
|
@@ -60,8 +60,8 @@ export var MediumSeverityIcon = function MediumSeverityIcon() {
|
|
|
60
60
|
height: "320",
|
|
61
61
|
rx: "20",
|
|
62
62
|
ry: "20",
|
|
63
|
-
|
|
64
|
-
|
|
63
|
+
strokeLinecap: "round",
|
|
64
|
+
strokeLinejoin: "round",
|
|
65
65
|
className: "stroke-width"
|
|
66
66
|
}), /*#__PURE__*/React.createElement("rect", {
|
|
67
67
|
x: "390",
|
|
@@ -71,8 +71,8 @@ export var MediumSeverityIcon = function MediumSeverityIcon() {
|
|
|
71
71
|
rx: "20",
|
|
72
72
|
ry: "20",
|
|
73
73
|
opacity: "0.5",
|
|
74
|
-
|
|
75
|
-
|
|
74
|
+
strokeLinecap: "round",
|
|
75
|
+
strokeLinejoin: "round",
|
|
76
76
|
className: "fill-none stroke-width"
|
|
77
77
|
}));
|
|
78
78
|
};
|
|
@@ -88,8 +88,8 @@ export var CriticalSeverityIcon = function CriticalSeverityIcon() {
|
|
|
88
88
|
height: "320",
|
|
89
89
|
rx: "20",
|
|
90
90
|
ry: "20",
|
|
91
|
-
|
|
92
|
-
|
|
91
|
+
strokeLinecap: "round",
|
|
92
|
+
strokeLinejoin: "round",
|
|
93
93
|
className: "stroke-width"
|
|
94
94
|
}), /*#__PURE__*/React.createElement("rect", {
|
|
95
95
|
x: "211",
|
|
@@ -98,8 +98,8 @@ export var CriticalSeverityIcon = function CriticalSeverityIcon() {
|
|
|
98
98
|
height: "320",
|
|
99
99
|
rx: "20",
|
|
100
100
|
ry: "20",
|
|
101
|
-
|
|
102
|
-
|
|
101
|
+
strokeLinecap: "round",
|
|
102
|
+
strokeLinejoin: "round",
|
|
103
103
|
className: "stroke-width"
|
|
104
104
|
}), /*#__PURE__*/React.createElement("rect", {
|
|
105
105
|
x: "390",
|
|
@@ -108,8 +108,8 @@ export var CriticalSeverityIcon = function CriticalSeverityIcon() {
|
|
|
108
108
|
height: "320",
|
|
109
109
|
rx: "20",
|
|
110
110
|
ry: "20",
|
|
111
|
-
|
|
112
|
-
|
|
111
|
+
strokeLinecap: "round",
|
|
112
|
+
strokeLinejoin: "round",
|
|
113
113
|
className: "stroke-width"
|
|
114
114
|
}));
|
|
115
115
|
};
|
package/lib/Modal/Modal.js
CHANGED
|
@@ -107,14 +107,16 @@ var ModalBody = function ModalBody(_ref3) {
|
|
|
107
107
|
props = _objectWithoutProperties(_ref3, ["children"]);
|
|
108
108
|
|
|
109
109
|
var _useScrollContainer = useScrollContainer(),
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
110
|
+
atTop = _useScrollContainer.atTop,
|
|
111
|
+
atBottom = _useScrollContainer.atBottom,
|
|
112
|
+
scroll = _useScrollContainer.scroll,
|
|
113
|
+
height = _useScrollContainer.height,
|
|
114
|
+
divProps = _objectWithoutProperties(_useScrollContainer, ["atTop", "atBottom", "scroll", "height"]);
|
|
113
115
|
|
|
114
116
|
return /*#__PURE__*/React.createElement(ModalBodyBox, Object.assign({
|
|
115
117
|
px: defaultModalPadding,
|
|
116
|
-
moreTop:
|
|
117
|
-
moreBottom:
|
|
118
|
+
moreTop: !atTop,
|
|
119
|
+
moreBottom: !atBottom
|
|
118
120
|
}, props, divProps), children);
|
|
119
121
|
};
|
|
120
122
|
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ScrollableContentProps } from './ScrollableContent.types';
|
|
3
|
+
import { ScrollState } from './useScrollContainer';
|
|
4
|
+
export declare const ScrollableContentContext: React.Context<ScrollState>;
|
|
3
5
|
/**
|
|
4
|
-
*
|
|
6
|
+
* ScrollableContent
|
|
5
7
|
*/
|
|
6
8
|
export declare const ScrollableContent: React.ForwardRefExoticComponent<ScrollableContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -2,8 +2,14 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { ScrollableContentWrapper } from './ScrollableContent.styles';
|
|
4
4
|
import { useScrollContainer } from './useScrollContainer';
|
|
5
|
+
export var ScrollableContentContext = React.createContext({
|
|
6
|
+
atTop: true,
|
|
7
|
+
atBottom: true,
|
|
8
|
+
scroll: 0,
|
|
9
|
+
height: 0
|
|
10
|
+
});
|
|
5
11
|
/**
|
|
6
|
-
*
|
|
12
|
+
* ScrollableContent
|
|
7
13
|
*/
|
|
8
14
|
|
|
9
15
|
export var ScrollableContent = React.forwardRef(function (_ref, ref) {
|
|
@@ -11,13 +17,22 @@ export var ScrollableContent = React.forwardRef(function (_ref, ref) {
|
|
|
11
17
|
props = _objectWithoutProperties(_ref, ["children"]);
|
|
12
18
|
|
|
13
19
|
var _useScrollContainer = useScrollContainer(),
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
20
|
+
atTop = _useScrollContainer.atTop,
|
|
21
|
+
atBottom = _useScrollContainer.atBottom,
|
|
22
|
+
scroll = _useScrollContainer.scroll,
|
|
23
|
+
height = _useScrollContainer.height,
|
|
24
|
+
divProps = _objectWithoutProperties(_useScrollContainer, ["atTop", "atBottom", "scroll", "height"]);
|
|
17
25
|
|
|
18
|
-
return /*#__PURE__*/React.createElement(
|
|
19
|
-
|
|
20
|
-
|
|
26
|
+
return /*#__PURE__*/React.createElement(ScrollableContentContext.Provider, {
|
|
27
|
+
value: {
|
|
28
|
+
atTop: atTop,
|
|
29
|
+
atBottom: atBottom,
|
|
30
|
+
scroll: scroll,
|
|
31
|
+
height: height
|
|
32
|
+
}
|
|
33
|
+
}, /*#__PURE__*/React.createElement(ScrollableContentWrapper, Object.assign({}, props, {
|
|
34
|
+
moreTop: !atTop,
|
|
35
|
+
moreBottom: !atBottom,
|
|
21
36
|
ref: ref
|
|
22
|
-
}), /*#__PURE__*/React.createElement("div", divProps, children));
|
|
37
|
+
}), /*#__PURE__*/React.createElement("div", divProps, children)));
|
|
23
38
|
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ContainerComponentProps } from '../types';
|
|
2
|
-
import { SpaceProps, LayoutProps } from '../system-props/types';
|
|
3
2
|
import { Color } from '../theme';
|
|
4
|
-
|
|
3
|
+
import { FlexProps } from '../Flexbox';
|
|
4
|
+
export interface ScrollableContentProps extends ContainerComponentProps, FlexProps {
|
|
5
5
|
background?: Color;
|
|
6
6
|
fadeHeight?: string;
|
|
7
7
|
}
|
|
@@ -1,7 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
export interface ScrollState {
|
|
3
|
+
atTop: boolean;
|
|
4
|
+
atBottom: boolean;
|
|
5
|
+
scroll: number;
|
|
6
|
+
height: number;
|
|
7
|
+
}
|
|
2
8
|
export declare const useScrollContainer: () => {
|
|
9
|
+
atTop: boolean;
|
|
10
|
+
atBottom: boolean;
|
|
11
|
+
scroll: number;
|
|
12
|
+
height: number;
|
|
3
13
|
onScroll: (event: React.UIEvent<HTMLDivElement, UIEvent>) => void;
|
|
4
14
|
ref: React.RefObject<HTMLDivElement>;
|
|
5
|
-
moreTop: boolean;
|
|
6
|
-
moreBottom: boolean;
|
|
7
15
|
};
|
|
@@ -1,30 +1,38 @@
|
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
1
2
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
|
-
import { useState, useCallback, useEffect, useRef } from 'react';
|
|
3
|
+
import { useState, useCallback, useEffect, useRef, useMemo } from 'react';
|
|
3
4
|
import { throttle } from 'lodash';
|
|
4
5
|
export var useScrollContainer = function useScrollContainer() {
|
|
5
6
|
var ref = useRef(null);
|
|
6
7
|
|
|
7
|
-
var _useState = useState(
|
|
8
|
+
var _useState = useState({
|
|
9
|
+
atTop: true,
|
|
10
|
+
atBottom: true,
|
|
11
|
+
scroll: 0,
|
|
12
|
+
height: 0
|
|
13
|
+
}),
|
|
8
14
|
_useState2 = _slicedToArray(_useState, 2),
|
|
9
|
-
|
|
10
|
-
|
|
15
|
+
state = _useState2[0],
|
|
16
|
+
setState = _useState2[1];
|
|
11
17
|
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
if (
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
18
|
+
var throttledHandler = useMemo(function () {
|
|
19
|
+
return throttle(function (scrollHeight, scrollTop, containerHeight) {
|
|
20
|
+
setState({
|
|
21
|
+
atTop: scrollHeight <= containerHeight || scrollTop <= 10,
|
|
22
|
+
atBottom: scrollHeight <= containerHeight || scrollTop >= scrollHeight - containerHeight - 10,
|
|
23
|
+
scroll: scrollTop,
|
|
24
|
+
height: containerHeight
|
|
25
|
+
});
|
|
26
|
+
}, 250);
|
|
27
|
+
}, []);
|
|
28
|
+
var resizeObserver = useMemo(function () {
|
|
29
|
+
return new ResizeObserver(function (entries) {
|
|
30
|
+
if (entries.length > 0) {
|
|
31
|
+
var div = entries[0].target;
|
|
32
|
+
throttledHandler(div.scrollHeight, div.scrollTop, div.offsetHeight);
|
|
33
|
+
}
|
|
34
|
+
});
|
|
35
|
+
}, [throttledHandler]);
|
|
28
36
|
var onScroll = useCallback(function (event) {
|
|
29
37
|
var e = event.currentTarget;
|
|
30
38
|
throttledHandler(e.scrollHeight, e.scrollTop, e.offsetHeight);
|
|
@@ -35,10 +43,15 @@ export var useScrollContainer = function useScrollContainer() {
|
|
|
35
43
|
throttledHandler(div.scrollHeight, div.scrollTop, div.offsetHeight);
|
|
36
44
|
}
|
|
37
45
|
}, [throttledHandler]);
|
|
38
|
-
|
|
46
|
+
useEffect(function () {
|
|
47
|
+
var containerDiv = ref.current;
|
|
48
|
+
if (containerDiv) resizeObserver.observe(containerDiv);
|
|
49
|
+
return function () {
|
|
50
|
+
if (containerDiv) resizeObserver.unobserve(containerDiv);
|
|
51
|
+
};
|
|
52
|
+
}, [resizeObserver]);
|
|
53
|
+
return _objectSpread({
|
|
39
54
|
onScroll: onScroll,
|
|
40
|
-
ref: ref
|
|
41
|
-
|
|
42
|
-
moreBottom: moreBottom
|
|
43
|
-
};
|
|
55
|
+
ref: ref
|
|
56
|
+
}, state);
|
|
44
57
|
};
|
package/lib/Table/Table.d.ts
CHANGED
|
@@ -1,11 +1,20 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TableProps, TableHeaderProps, TableHeaderCellProps, TableRowsProps, TableRowProps, TableCellProps } from './Table.types';
|
|
3
|
+
export interface TableContextType {
|
|
4
|
+
columnsCount: number;
|
|
5
|
+
setColumnsCount: (n: number) => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const TableContext: React.Context<TableContextType>;
|
|
3
8
|
export declare const ColumnsGroup: React.FC<TableHeaderProps>;
|
|
4
9
|
export declare const Table: React.FC<TableProps> & {
|
|
5
10
|
Header: React.FC<TableHeaderProps>;
|
|
6
11
|
HeaderCell: React.FC<TableHeaderCellProps>;
|
|
7
12
|
Rows: React.FC<TableRowsProps>;
|
|
8
13
|
Row: React.FC<TableRowProps>;
|
|
14
|
+
VirtualRow: React.FC<TableRowProps & {
|
|
15
|
+
index: number;
|
|
16
|
+
height: number;
|
|
17
|
+
}>;
|
|
9
18
|
Cell: React.FC<TableCellProps>;
|
|
10
19
|
SelectableHeader: React.FC<import("./NewSelectableTable").SelectableHeaderProps>;
|
|
11
20
|
SelectableRow: React.FC<import("./NewSelectableTable").SelectableRowProps>;
|
package/lib/Table/Table.js
CHANGED
|
@@ -1,10 +1,17 @@
|
|
|
1
|
+
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
1
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
-
import React from 'react';
|
|
3
|
+
import React, { useContext, useState, useCallback } from 'react';
|
|
3
4
|
import { TableWrapper, StyledTableHeader, StyledTableHeaderCell, StyledTableBodyCell, StyledTableBody, StyledTableRow, StyledTable } from './Table.styles';
|
|
4
5
|
import { IconAndText } from '../IconAndText';
|
|
5
6
|
import { SortDown, SortUp } from '../Icons';
|
|
6
7
|
import { SelectableHeader, SelectableRow } from './NewSelectableTable';
|
|
7
|
-
import {
|
|
8
|
+
import { ScrollableContentContext } from '../ScrollableContent';
|
|
9
|
+
export var TableContext = React.createContext({
|
|
10
|
+
columnsCount: 0,
|
|
11
|
+
setColumnsCount: function setColumnsCount() {
|
|
12
|
+
return null;
|
|
13
|
+
}
|
|
14
|
+
});
|
|
8
15
|
/**
|
|
9
16
|
* Styled table component
|
|
10
17
|
*/
|
|
@@ -13,11 +20,23 @@ var TableComponent = function TableComponent(_ref) {
|
|
|
13
20
|
var children = _ref.children,
|
|
14
21
|
props = _objectWithoutProperties(_ref, ["children"]);
|
|
15
22
|
|
|
16
|
-
|
|
23
|
+
var _useState = useState(0),
|
|
24
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
25
|
+
columnsCount = _useState2[0],
|
|
26
|
+
setColumnsCount = _useState2[1];
|
|
27
|
+
|
|
28
|
+
return /*#__PURE__*/React.createElement(TableContext.Provider, {
|
|
29
|
+
value: {
|
|
30
|
+
columnsCount: columnsCount,
|
|
31
|
+
setColumnsCount: setColumnsCount
|
|
32
|
+
}
|
|
33
|
+
}, /*#__PURE__*/React.createElement(TableWrapper, props, /*#__PURE__*/React.createElement(StyledTable, null, children)));
|
|
17
34
|
};
|
|
18
35
|
|
|
19
36
|
export var ColumnsGroup = function ColumnsGroup(_ref2) {
|
|
20
37
|
var children = _ref2.children;
|
|
38
|
+
var tableCtx = useContext(TableContext);
|
|
39
|
+
if (tableCtx) tableCtx.setColumnsCount(React.Children.count(children));
|
|
21
40
|
return /*#__PURE__*/React.createElement("colgroup", null, React.Children.map(children, function (child) {
|
|
22
41
|
if (React.isValidElement(child)) {
|
|
23
42
|
if (child.props.width) {
|
|
@@ -85,31 +104,51 @@ var HeaderCell = function HeaderCell(_ref4) {
|
|
|
85
104
|
}, props), content);
|
|
86
105
|
};
|
|
87
106
|
|
|
88
|
-
var
|
|
107
|
+
var Cell = function Cell(_ref5) {
|
|
89
108
|
var children = _ref5.children,
|
|
90
|
-
|
|
109
|
+
_ref5$align = _ref5.align,
|
|
110
|
+
align = _ref5$align === void 0 ? 'left' : _ref5$align,
|
|
111
|
+
span = _ref5.span,
|
|
112
|
+
props = _objectWithoutProperties(_ref5, ["children", "align", "span"]);
|
|
91
113
|
|
|
92
|
-
|
|
114
|
+
var tableCtx = useContext(TableContext);
|
|
115
|
+
return /*#__PURE__*/React.createElement(StyledTableBodyCell, Object.assign({
|
|
116
|
+
colSpan: span === 'auto' ? tableCtx === null || tableCtx === void 0 ? void 0 : tableCtx.columnsCount : span,
|
|
117
|
+
align: align
|
|
118
|
+
}, props), children);
|
|
93
119
|
};
|
|
94
120
|
|
|
95
|
-
var
|
|
121
|
+
var Rows = function Rows(_ref6) {
|
|
96
122
|
var children = _ref6.children,
|
|
97
123
|
props = _objectWithoutProperties(_ref6, ["children"]);
|
|
98
124
|
|
|
99
|
-
return /*#__PURE__*/React.createElement(
|
|
125
|
+
return /*#__PURE__*/React.createElement(StyledTableBody, props, children);
|
|
100
126
|
};
|
|
101
127
|
|
|
102
|
-
var
|
|
128
|
+
var Row = function Row(_ref7) {
|
|
103
129
|
var children = _ref7.children,
|
|
104
|
-
|
|
105
|
-
align = _ref7$align === void 0 ? 'left' : _ref7$align,
|
|
106
|
-
span = _ref7.span,
|
|
107
|
-
props = _objectWithoutProperties(_ref7, ["children", "align", "span"]);
|
|
130
|
+
props = _objectWithoutProperties(_ref7, ["children"]);
|
|
108
131
|
|
|
109
|
-
return /*#__PURE__*/React.createElement(
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
132
|
+
return /*#__PURE__*/React.createElement(StyledTableRow, props, children);
|
|
133
|
+
};
|
|
134
|
+
|
|
135
|
+
var VirtualRow = function VirtualRow(_ref8) {
|
|
136
|
+
var children = _ref8.children,
|
|
137
|
+
index = _ref8.index,
|
|
138
|
+
height = _ref8.height,
|
|
139
|
+
props = _objectWithoutProperties(_ref8, ["children", "index", "height"]);
|
|
140
|
+
|
|
141
|
+
var scrollCtx = useContext(ScrollableContentContext);
|
|
142
|
+
var top = (index + 1) *
|
|
143
|
+
/* +1 to acknowledge the header row */
|
|
144
|
+
height;
|
|
145
|
+
var threshold = height / 2;
|
|
146
|
+
var inViewport = top >= scrollCtx.scroll - threshold && top <= scrollCtx.scroll + scrollCtx.height + threshold;
|
|
147
|
+
return /*#__PURE__*/React.createElement(StyledTableRow, Object.assign({}, props, {
|
|
148
|
+
height: height
|
|
149
|
+
}), inViewport ? children : /*#__PURE__*/React.createElement(Cell, {
|
|
150
|
+
span: "auto"
|
|
151
|
+
}));
|
|
113
152
|
};
|
|
114
153
|
|
|
115
154
|
export var Table = Object.assign(TableComponent, {
|
|
@@ -117,6 +156,7 @@ export var Table = Object.assign(TableComponent, {
|
|
|
117
156
|
HeaderCell: HeaderCell,
|
|
118
157
|
Rows: Rows,
|
|
119
158
|
Row: Row,
|
|
159
|
+
VirtualRow: VirtualRow,
|
|
120
160
|
Cell: Cell,
|
|
121
161
|
SelectableHeader: SelectableHeader,
|
|
122
162
|
SelectableRow: SelectableRow
|
|
@@ -9,10 +9,10 @@ export declare const TableWrapper: import("@emotion/styled-base").StyledComponen
|
|
|
9
9
|
} & Pick<import("../Flexbox").BoxProps, "left" | "right" | "bottom" | "top" | "p" | "size" | "flex" | "border" | "padding" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "boxShadow" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "textAlign" | "textShadow" | "verticalAlign" | "width" | "zIndex" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "gridColumnGap" | "gridGap" | "gridRowGap" | "m" | "mt" | "mb" | "ml" | "mr" | "my" | "marginY" | "mx" | "marginX" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "textColor" | "bg" | "borderX" | "borderY" | "as"> & {
|
|
10
10
|
theme?: object | undefined;
|
|
11
11
|
}>, {}, CodacyTheme>;
|
|
12
|
-
export declare const StyledTableHeader: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, Pick<TableHeaderProps, "sticky" | "stickyOffset">, CodacyTheme>;
|
|
13
12
|
export declare const StyledTableHeaderCell: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, TableHeaderCellProps & {
|
|
14
13
|
totalizer?: boolean | undefined;
|
|
15
14
|
}, CodacyTheme>;
|
|
16
|
-
export declare const
|
|
15
|
+
export declare const StyledTableHeader: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, Pick<TableHeaderProps, "sticky" | "background" | "stickyOffset">, CodacyTheme>;
|
|
17
16
|
export declare const StyledTableBodyCell: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, TableCellProps, CodacyTheme>;
|
|
17
|
+
export declare const StyledTableRow: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, TableRowProps, CodacyTheme>;
|
|
18
18
|
export declare const StyledTableBody: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, TableRowsProps, CodacyTheme>;
|