@hazelcast/ui 1.3.3-next.3 → 1.3.3-next.30
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/Alert.module.scss +1 -0
- package/lib/AppHeader/AppHeader.d.ts +16 -0
- package/lib/AppHeader/AppHeader.js +17 -0
- package/lib/AppHeader/AppHeader.js.map +1 -0
- package/lib/AppHeader/AppHeader.module.scss +29 -0
- package/lib/AppHeader/AppHeaderLogo/AppHeaderLogo.d.ts +12 -0
- package/lib/AppHeader/AppHeaderLogo/AppHeaderLogo.js +7 -0
- package/lib/AppHeader/AppHeaderLogo/AppHeaderLogo.js.map +1 -0
- package/lib/AppHeader/AppHeaderLogo/AppHeaderLogo.module.scss +29 -0
- package/lib/AppHeader/AppHeaderLogo/index.d.ts +1 -0
- package/lib/AppHeader/AppHeaderLogo/index.js +2 -0
- package/lib/AppHeader/AppHeaderLogo/index.js.map +1 -0
- package/lib/AppHeader/AppHeaderMenu/AppHeaderMenu.d.ts +8 -0
- package/lib/AppHeader/AppHeaderMenu/AppHeaderMenu.js +15 -0
- package/lib/AppHeader/AppHeaderMenu/AppHeaderMenu.js.map +1 -0
- package/lib/AppHeader/AppHeaderMenu/AppHeaderMenu.module.scss +20 -0
- package/lib/AppHeader/AppHeaderMenu/index.d.ts +1 -0
- package/lib/AppHeader/AppHeaderMenu/index.js +2 -0
- package/lib/AppHeader/AppHeaderMenu/index.js.map +1 -0
- package/lib/AppHeader/EnvironmentBadge/EnvironmentBadge.d.ts +5 -0
- package/lib/AppHeader/EnvironmentBadge/EnvironmentBadge.js +10 -0
- package/lib/AppHeader/EnvironmentBadge/EnvironmentBadge.js.map +1 -0
- package/lib/AppHeader/EnvironmentBadge/EnvironmentBadge.module.scss +13 -0
- package/lib/AppHeader/EnvironmentBadge/index.d.ts +1 -0
- package/lib/AppHeader/EnvironmentBadge/index.js +2 -0
- package/lib/AppHeader/EnvironmentBadge/index.js.map +1 -0
- package/lib/AppHeader/SelectCluster/SelectCluster.d.ts +9 -0
- package/lib/AppHeader/SelectCluster/SelectCluster.js +37 -0
- package/lib/AppHeader/SelectCluster/SelectCluster.js.map +1 -0
- package/lib/AppHeader/SelectCluster/SelectCluster.module.scss +101 -0
- package/lib/AppHeader/SelectCluster/index.d.ts +1 -0
- package/lib/AppHeader/SelectCluster/index.js +2 -0
- package/lib/AppHeader/SelectCluster/index.js.map +1 -0
- package/lib/AppHeader/index.d.ts +1 -0
- package/lib/AppHeader/index.js +2 -0
- package/lib/AppHeader/index.js.map +1 -0
- package/lib/AppSidebar/AppSidebar.d.ts +12 -0
- package/lib/AppSidebar/AppSidebar.js +31 -0
- package/lib/AppSidebar/AppSidebar.js.map +1 -0
- package/lib/AppSidebar/AppSidebar.module.scss +66 -0
- package/lib/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.d.ts +6 -0
- package/lib/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.js +22 -0
- package/lib/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.js.map +1 -0
- package/lib/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.module.scss +16 -0
- package/lib/AppSidebar/AppSidebarFavoriteButton/index.d.ts +1 -0
- package/lib/AppSidebar/AppSidebarFavoriteButton/index.js +2 -0
- package/lib/AppSidebar/AppSidebarFavoriteButton/index.js.map +1 -0
- package/lib/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.d.ts +7 -0
- package/lib/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.js +11 -0
- package/lib/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.js.map +1 -0
- package/lib/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.module.scss +13 -0
- package/lib/AppSidebar/AppSidebarFavorites/index.d.ts +1 -0
- package/lib/AppSidebar/AppSidebarFavorites/index.js +2 -0
- package/lib/AppSidebar/AppSidebarFavorites/index.js.map +1 -0
- package/lib/AppSidebar/AppSidebarItem/AppSidebarItem.d.ts +28 -0
- package/lib/AppSidebar/AppSidebarItem/AppSidebarItem.js +23 -0
- package/lib/AppSidebar/AppSidebarItem/AppSidebarItem.js.map +1 -0
- package/lib/AppSidebar/AppSidebarItem/AppSidebarItem.module.scss +92 -0
- package/lib/AppSidebar/AppSidebarItem/index.d.ts +1 -0
- package/lib/AppSidebar/AppSidebarItem/index.js +2 -0
- package/lib/AppSidebar/AppSidebarItem/index.js.map +1 -0
- package/lib/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.d.ts +6 -0
- package/lib/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.js +6 -0
- package/lib/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.js.map +1 -0
- package/lib/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.module.scss +24 -0
- package/lib/AppSidebar/AppSidebarMenuItemCounter/index.d.ts +1 -0
- package/lib/AppSidebar/AppSidebarMenuItemCounter/index.js +2 -0
- package/lib/AppSidebar/AppSidebarMenuItemCounter/index.js.map +1 -0
- package/lib/AppSidebar/AppSidebarSection/AppSidebarSection.d.ts +13 -0
- package/lib/AppSidebar/AppSidebarSection/AppSidebarSection.js +15 -0
- package/lib/AppSidebar/AppSidebarSection/AppSidebarSection.js.map +1 -0
- package/lib/AppSidebar/AppSidebarSection/AppSidebarSection.module.scss +58 -0
- package/lib/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.d.ts +12 -0
- package/lib/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.js +55 -0
- package/lib/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.js.map +1 -0
- package/lib/AppSidebar/AppSidebarSection/appSidebarSectionContext.d.ts +2 -0
- package/lib/AppSidebar/AppSidebarSection/appSidebarSectionContext.js +3 -0
- package/lib/AppSidebar/AppSidebarSection/appSidebarSectionContext.js.map +1 -0
- package/lib/AppSidebar/AppSidebarSection/index.d.ts +1 -0
- package/lib/AppSidebar/AppSidebarSection/index.js +2 -0
- package/lib/AppSidebar/AppSidebarSection/index.js.map +1 -0
- package/lib/AppSidebar/appSidebarContext.d.ts +10 -0
- package/lib/AppSidebar/appSidebarContext.js +11 -0
- package/lib/AppSidebar/appSidebarContext.js.map +1 -0
- package/lib/AppSidebar/index.d.ts +5 -0
- package/lib/AppSidebar/index.js +6 -0
- package/lib/AppSidebar/index.js.map +1 -0
- package/lib/Button.d.ts +8 -3
- package/lib/Button.js +11 -10
- package/lib/Button.js.map +1 -1
- package/lib/Button.module.scss +40 -10
- package/lib/Card.d.ts +2 -0
- package/lib/Card.js +3 -2
- package/lib/Card.js.map +1 -1
- package/lib/Card.module.scss +51 -18
- package/lib/CenteredLoader.d.ts +5 -0
- package/lib/CenteredLoader.js +6 -0
- package/lib/CenteredLoader.js.map +1 -0
- package/lib/CenteredLoader.module.scss +11 -0
- package/lib/Checkbox.module.scss +2 -2
- package/lib/Icon.d.ts +2 -1
- package/lib/Icon.js +2 -2
- package/lib/Icon.js.map +1 -1
- package/lib/Link.d.ts +1 -1
- package/lib/Link.js +1 -0
- package/lib/Link.js.map +1 -1
- package/lib/Link.module.scss +5 -0
- package/lib/Modal.module.scss +2 -1
- package/lib/NumberField.d.ts +1 -0
- package/lib/NumberField.js +19 -3
- package/lib/NumberField.js.map +1 -1
- package/lib/Overlay.js +3 -1
- package/lib/Overlay.js.map +1 -1
- package/lib/Overlay.module.scss +5 -2
- package/lib/Pagination.js +9 -9
- package/lib/Pagination.js.map +1 -1
- package/lib/Pagination.module.scss +4 -4
- package/lib/Select/Common.js +8 -12
- package/lib/Select/Common.js.map +1 -1
- package/lib/Select/Common.module.scss +1 -1
- package/lib/Select/SelectField.d.ts +1 -0
- package/lib/Select/SelectField.js.map +1 -1
- package/lib/Slider.module.scss +6 -6
- package/lib/Table/Cell.d.ts +5 -3
- package/lib/Table/Cell.js +1 -1
- package/lib/Table/Cell.js.map +1 -1
- package/lib/Table/Cell.module.scss +14 -5
- package/lib/Table/CellWrapper.d.ts +6 -6
- package/lib/Table/CellWrapper.js +6 -6
- package/lib/Table/CellWrapper.js.map +1 -1
- package/lib/Table/EnhancedRenderers.d.ts +8 -10
- package/lib/Table/EnhancedRenderers.js +7 -10
- package/lib/Table/EnhancedRenderers.js.map +1 -1
- package/lib/Table/Header.d.ts +9 -5
- package/lib/Table/Header.js +12 -7
- package/lib/Table/Header.js.map +1 -1
- package/lib/Table/Header.module.scss +12 -7
- package/lib/Table/Row.d.ts +5 -3
- package/lib/Table/Row.js +4 -4
- package/lib/Table/Row.js.map +1 -1
- package/lib/Table/Row.module.scss +15 -12
- package/lib/Table/Table.d.ts +21 -36
- package/lib/Table/Table.js +102 -87
- package/lib/Table/Table.js.map +1 -1
- package/lib/Table/Table.module.scss +6 -0
- package/lib/Table/TableContent.d.ts +7 -7
- package/lib/Table/TableContent.js +20 -14
- package/lib/Table/TableContent.js.map +1 -1
- package/lib/Table/helpers.d.ts +2 -0
- package/lib/Table/helpers.js +10 -0
- package/lib/Table/helpers.js.map +1 -0
- package/lib/Table/tableTypes.d.ts +80 -0
- package/lib/Table/tableTypes.js +2 -0
- package/lib/Table/tableTypes.js.map +1 -0
- package/lib/Table/useTrackTableState.d.ts +3 -0
- package/lib/Table/useTrackTableState.js +30 -0
- package/lib/Table/useTrackTableState.js.map +1 -0
- package/lib/Table/utils.d.ts +16 -0
- package/lib/Table/utils.js +121 -0
- package/lib/Table/utils.js.map +1 -0
- package/lib/Tooltip.d.ts +3 -0
- package/lib/Tooltip.js +21 -15
- package/lib/Tooltip.js.map +1 -1
- package/lib/Tooltip.module.scss +102 -70
- package/lib/TruncatedText.d.ts +2 -0
- package/lib/TruncatedText.js +3 -3
- package/lib/TruncatedText.js.map +1 -1
- package/lib/TruncatedText.module.scss +4 -0
- package/lib/hooks/useOnClickOutside.d.ts +1 -1
- package/lib/hooks/useOnClickOutside.js +7 -1
- package/lib/hooks/useOnClickOutside.js.map +1 -1
- package/package.json +25 -18
- package/styles/constants/_colors.scss +36 -12
- package/styles/constants/_typography.scss +0 -7
- package/styles/helpers/_a11y.scss +8 -0
- package/styles/helpers/_gradients.scss +39 -6
- package/styles/helpers/_text.scss +9 -0
- package/styles/typography/fonts/UbuntuMono-Bold.woff2 +0 -0
- package/styles/typography/fonts/UbuntuMono-BoldItalic.woff2 +0 -0
- package/styles/typography/fonts/UbuntuMono-Italic.woff2 +0 -0
- package/styles/typography/fonts/UbuntuMono-Regular.woff2 +0 -0
- package/styles/typography/ubuntu-mono.css +31 -0
package/lib/Pagination.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../src/Pagination.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../src/Pagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -44,6 +44,10 @@
|
|
|
44
44
|
|
|
45
45
|
@include c.typographyBodySmall;
|
|
46
46
|
|
|
47
|
+
.outline {
|
|
48
|
+
display: none;
|
|
49
|
+
}
|
|
50
|
+
|
|
47
51
|
.body {
|
|
48
52
|
padding: 0 c.$grid * 2.5;
|
|
49
53
|
}
|
|
@@ -56,10 +60,6 @@
|
|
|
56
60
|
}
|
|
57
61
|
|
|
58
62
|
&:focus-visible {
|
|
59
|
-
.outline {
|
|
60
|
-
visibility: hidden;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
63
|
color: c.$colorText;
|
|
64
64
|
border-color: c.$colorAccessibilityOutline;
|
|
65
65
|
}
|
package/lib/Select/Common.js
CHANGED
|
@@ -31,23 +31,19 @@ const MenuList = (props) => {
|
|
|
31
31
|
React.createElement(rsComponents.MenuList, { ...props }),
|
|
32
32
|
isRenderMenuFooterFunction(renderMenuFooter) && renderMenuFooter()));
|
|
33
33
|
};
|
|
34
|
-
const
|
|
34
|
+
const ValueContainer = (props) => {
|
|
35
35
|
var _a;
|
|
36
|
-
return (React.createElement(
|
|
37
|
-
React.createElement(
|
|
38
|
-
|
|
39
|
-
React.createElement("span", { className: styles.trailingNote }, (_a = props.data) === null || _a === void 0 ? void 0 : _a.trailingNote))));
|
|
36
|
+
return (React.createElement("div", { className: cn(props.className, styles.valueContainer) },
|
|
37
|
+
React.createElement(TruncatedText, { text: props.children }),
|
|
38
|
+
React.createElement("span", { className: cn(styles.trailingNote, `${props.selectProps.classNamePrefix || ''}__trailing-note`) }, (_a = props.data) === null || _a === void 0 ? void 0 : _a.trailingNote)));
|
|
40
39
|
};
|
|
40
|
+
const Option = (props) => (React.createElement(rsComponents.Option, { ...props },
|
|
41
|
+
React.createElement(ValueContainer, { ...props, className: `${props.selectProps.classNamePrefix || ''}__value-container` }, props.label)));
|
|
41
42
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
42
43
|
// @ts-ignore
|
|
43
44
|
const IndicatorSeparator = () => null;
|
|
44
|
-
const SingleValue = ({ children, ...props }) => {
|
|
45
|
-
|
|
46
|
-
return (React.createElement(rsComponents.SingleValue, { ...props },
|
|
47
|
-
React.createElement("div", { className: styles.valueContainer },
|
|
48
|
-
React.createElement(TruncatedText, { text: children }),
|
|
49
|
-
React.createElement("span", { className: styles.trailingNote }, (_a = props.data) === null || _a === void 0 ? void 0 : _a.trailingNote))));
|
|
50
|
-
};
|
|
45
|
+
const SingleValue = ({ children, ...props }) => (React.createElement(rsComponents.SingleValue, { ...props },
|
|
46
|
+
React.createElement(ValueContainer, { ...props }, children)));
|
|
51
47
|
const components = {
|
|
52
48
|
DropdownIndicator,
|
|
53
49
|
ClearIndicator,
|
package/lib/Select/Common.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Common.js","sourceRoot":"","sources":["../../src/Select/Common.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AACzD,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAGhD,OAAO,MAAM,MAAM,sBAAsB,CAAA;AAEzC,MAAM,iBAAiB,GAA0C,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CACpF,oBAAC,IAAI,IACH,IAAI,EAAE,WAAW,EACjB,UAAU,QACV,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC,UAAU,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,EAAE,CAAC,GACnH,CACH,CAAA;AAED,gCAAgC;AAChC,MAAM,cAAc,GAAuC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC;AAC7E,mJAAmJ;AACnJ,6DAA6D;AAC7D,aAAa;AACb,oBAAC,UAAU,OAAK,UAAU,EAAE,IAAI,EAAE,CAAC,EAAE,UAAU,QAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,GAAI,CACvH,CAAA;AAED,MAAM,KAAK,GAA8B,CAAC,UAAU,EAAE,EAAE;IACtD,mFAAmF;IACnF,kEAAkE;IAClE,MAAM,KAAK,GAAG;QACZ,GAAG,UAAU;QACb,YAAY,EAAE,YAAY;KAC3B,CAAA;IACD,OAAO,oBAAC,YAAY,CAAC,KAAK,OAAK,KAAK,GAAI,CAAA;AAC1C,CAAC,CAAA;AAID,MAAM,0BAA0B,GAAG,CAAC,EAAU,EAAkC,EAAE,CAAC,OAAO,EAAE,KAAK,UAAU,CAAA;AAE3G,MAAM,QAAQ,GAAiC,CAAC,KAAK,EAAE,EAAE;IACvD,6DAA6D;IAC7D,aAAa;IACb,MAAM,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC,WAAW,CAAA;IAC9C,OAAO,CACL;QACE,oBAAC,YAAY,CAAC,QAAQ,OAAK,KAAK,GAAI;QAEnC,0BAA0B,CAAC,gBAAgB,CAAC,IAAI,gBAAgB,EAAE,CAClE,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,
|
|
1
|
+
{"version":3,"file":"Common.js","sourceRoot":"","sources":["../../src/Select/Common.tsx"],"names":[],"mappings":"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"}
|
|
@@ -36,6 +36,7 @@ export type SelectFieldExtraProps<V> = {
|
|
|
36
36
|
formatOptionLabel?: ReactSelectProps<SelectFieldOption<V>>['formatOptionLabel'];
|
|
37
37
|
renderMenuFooter?: RenderMenuFooterFunction;
|
|
38
38
|
styles?: ReactSelectProps<SelectFieldOption<V>>['styles'];
|
|
39
|
+
classNames?: ReactSelectProps<SelectFieldOption<V>>['classNames'];
|
|
39
40
|
singleValueTooltipVisible?: boolean;
|
|
40
41
|
} & DataTestProp & Pick<InputHTMLAttributes<HTMLElement>, 'autoFocus' | 'disabled' | 'required' | 'placeholder' | 'aria-required'> & Pick<ReactSelectProps, 'isSearchable' | 'isClearable' | 'menuIsOpen' | 'menuPlacement' | 'closeMenuOnScroll' | 'noOptionsMessage' | 'inputValue' | 'menuShouldScrollIntoView' | 'menuShouldBlockScroll'> & SelectFieldIconLeftProps & Omit<FieldHeaderProps, 'id'>;
|
|
41
42
|
export type SelectFieldProps<V> = SelectFieldCoreStaticProps<V> & SelectFieldExtraProps<V>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../src/Select/SelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiD,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrH,OAAO,WAAyG,MAAM,cAAc,CAAA;AACpI,OAAO,oBAAoB,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,yBAAyB,MAAM,yCAAyC,CAAA;AAC/E,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AACzC,OAAO,EAAE,WAAW,EAAoB,MAAM,gBAAgB,CAAA;AAC9D,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAA4C,MAAM,WAAW,CAAA;AACrG,OAAO,EAAE,UAAU,EAA4B,MAAM,UAAU,CAAA;AAC/D,OAAO,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5D,OAAO,MAAM,MAAM,2BAA2B,CAAA;
|
|
1
|
+
{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../src/Select/SelectField.tsx"],"names":[],"mappings":"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"}
|
package/lib/Slider.module.scss
CHANGED
|
@@ -111,12 +111,6 @@ ul.markDescriptions {
|
|
|
111
111
|
margin: $thumbWidth 0;
|
|
112
112
|
|
|
113
113
|
input[type='range'] {
|
|
114
|
-
&::-webkit-slider-runnable-track,
|
|
115
|
-
&::-webkit-slider-thumb,
|
|
116
|
-
& {
|
|
117
|
-
appearance: none;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
114
|
z-index: c.$zIndex100;
|
|
121
115
|
outline: none;
|
|
122
116
|
background: none;
|
|
@@ -132,6 +126,12 @@ ul.markDescriptions {
|
|
|
132
126
|
margin: 0;
|
|
133
127
|
justify-self: center;
|
|
134
128
|
|
|
129
|
+
&::-webkit-slider-runnable-track,
|
|
130
|
+
&::-webkit-slider-thumb,
|
|
131
|
+
& {
|
|
132
|
+
appearance: none;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
135
|
// Style the track
|
|
136
136
|
&::-webkit-slider-runnable-track {
|
|
137
137
|
@include track;
|
package/lib/Table/Cell.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { FC, RefObject } from 'react';
|
|
2
|
-
import { TableCellProps } from 'react-table';
|
|
1
|
+
import { CSSProperties, FC, RefObject } from 'react';
|
|
3
2
|
export type CellWarningProps = {
|
|
4
3
|
align: 'left' | 'right';
|
|
5
4
|
warning: string;
|
|
@@ -15,11 +14,14 @@ export type CellProps = {
|
|
|
15
14
|
warning?: string;
|
|
16
15
|
colSpan?: number;
|
|
17
16
|
cellId?: string;
|
|
17
|
+
style?: CSSProperties;
|
|
18
|
+
role?: string;
|
|
19
|
+
className?: string;
|
|
18
20
|
selectionStartedRef?: RefObject<boolean>;
|
|
19
21
|
onMouseEnterSelection?: (id: string) => void;
|
|
20
22
|
onClickSelection?: (id: string, modifiers: {
|
|
21
23
|
ctrl: boolean;
|
|
22
24
|
shift: boolean;
|
|
23
25
|
}) => void;
|
|
24
|
-
}
|
|
26
|
+
};
|
|
25
27
|
export declare const Cell: FC<CellProps>;
|
package/lib/Table/Cell.js
CHANGED
|
@@ -15,7 +15,7 @@ export const CellWarning = ({ align, warning }) => {
|
|
|
15
15
|
}) },
|
|
16
16
|
React.createElement(Icon, { icon: AlertTriangle, ariaLabelledBy: id, size: "small" })))));
|
|
17
17
|
};
|
|
18
|
-
export const Cell = ({ align = 'left', warning, colSpan, children, style, className, role, cellId, onClickSelection, selected, onMouseEnterSelection, selectionStartedRef, }) => {
|
|
18
|
+
export const Cell = ({ align = 'left', warning, colSpan, children, style, className, role = 'cell', cellId, onClickSelection, selected, onMouseEnterSelection, selectionStartedRef, }) => {
|
|
19
19
|
const rootRef = useRef(null);
|
|
20
20
|
const { isOpen, open, close } = useOpenCloseState();
|
|
21
21
|
const handleClick = (e) => {
|
package/lib/Table/Cell.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cell.js","sourceRoot":"","sources":["../../src/Table/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Cell.js","sourceRoot":"","sources":["../../src/Table/Cell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +1,22 @@
|
|
|
1
|
+
@use 'sass:color';
|
|
1
2
|
@use '../../styles/constants' as c;
|
|
2
3
|
@use '../../styles/helpers' as h;
|
|
3
4
|
|
|
4
5
|
.td {
|
|
5
6
|
position: relative;
|
|
6
7
|
display: flex;
|
|
8
|
+
box-sizing: border-box;
|
|
7
9
|
align-items: center;
|
|
8
|
-
height: c.$grid *
|
|
10
|
+
height: c.$grid * 6;
|
|
9
11
|
padding-right: c.$grid * 5;
|
|
10
12
|
padding-left: c.$grid * 5;
|
|
11
13
|
color: c.$colorText;
|
|
12
14
|
background-color: inherit;
|
|
15
|
+
flex-grow: 1;
|
|
16
|
+
flex-basis: auto;
|
|
17
|
+
flex-shrink: 0;
|
|
18
|
+
font-family: 'Ubuntu Mono', monospace;
|
|
13
19
|
|
|
14
|
-
@include c.typographyBodySmall;
|
|
15
20
|
@include h.overflowEllipsis;
|
|
16
21
|
|
|
17
22
|
&.alignLeft {
|
|
@@ -27,16 +32,16 @@
|
|
|
27
32
|
}
|
|
28
33
|
|
|
29
34
|
&.selected {
|
|
30
|
-
background:
|
|
35
|
+
background: color.adjust(c.$colorPrimary, $lightness: 30%) !important;
|
|
31
36
|
}
|
|
32
37
|
|
|
33
38
|
&:not(:last-of-type) {
|
|
34
|
-
border-right: c.$borderWidth solid c.$
|
|
39
|
+
border-right: c.$borderWidth solid c.$colorNeutralWhite;
|
|
35
40
|
}
|
|
36
41
|
}
|
|
37
42
|
|
|
38
43
|
.warningIcon {
|
|
39
|
-
color: c.$
|
|
44
|
+
color: c.$colorWarningDark;
|
|
40
45
|
|
|
41
46
|
&.left {
|
|
42
47
|
margin-left: c.$grid * 2;
|
|
@@ -50,3 +55,7 @@
|
|
|
50
55
|
.selectable {
|
|
51
56
|
user-select: none;
|
|
52
57
|
}
|
|
58
|
+
|
|
59
|
+
.truncated {
|
|
60
|
+
font-family: 'Ubuntu Mono', monospace;
|
|
61
|
+
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { RefObject } from 'react';
|
|
2
|
-
import {
|
|
1
|
+
import { CSSProperties, RefObject } from 'react';
|
|
2
|
+
import { Cell } from '@tanstack/react-table';
|
|
3
3
|
import { CellProps } from './Cell';
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
import { RowData } from './tableTypes';
|
|
5
|
+
export type CellWrapperProps<D extends RowData> = CellProps & {
|
|
6
|
+
cell: Cell<D, unknown>;
|
|
6
7
|
selectable?: boolean;
|
|
7
|
-
|
|
8
|
+
style: CSSProperties;
|
|
8
9
|
selectedColumnValuesRef?: RefObject<(string | undefined)[][]>;
|
|
9
|
-
columnResizing: UseResizeColumnsState<D>['columnResizing'];
|
|
10
10
|
};
|
|
11
11
|
export declare const CellWrapper: <D extends object>(props: CellWrapperProps<D>) => JSX.Element;
|
package/lib/Table/CellWrapper.js
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import React, { useEffect } from 'react';
|
|
2
|
+
import { flexRender } from '@tanstack/react-table';
|
|
2
3
|
import { ROW_EXPANDER_COLUMN_ID } from './constants';
|
|
3
4
|
import { Cell as TableCell } from './Cell';
|
|
4
|
-
import { EnhancedCellRenderer } from './EnhancedRenderers';
|
|
5
5
|
export const CellWrapper = (props) => {
|
|
6
|
-
|
|
7
|
-
const
|
|
6
|
+
var _a;
|
|
7
|
+
const { selectable, cell, selectedColumnValuesRef, onClickSelection, onMouseEnterSelection, selectionStartedRef, ...rest } = props;
|
|
8
|
+
const isSelectable = selectable && ((_a = cell.column) === null || _a === void 0 ? void 0 : _a.id) !== ROW_EXPANDER_COLUMN_ID;
|
|
8
9
|
useEffect(() => {
|
|
9
10
|
if (rest.cellId) {
|
|
10
11
|
const [rowIndex, cellIndex] = rest.cellId.split(':');
|
|
@@ -12,7 +13,7 @@ export const CellWrapper = (props) => {
|
|
|
12
13
|
if (rest.selected) {
|
|
13
14
|
const row = selectedColumnValuesRef.current[Number(rowIndex)];
|
|
14
15
|
if (row) {
|
|
15
|
-
row[Number(cellIndex)] = typeof cell.
|
|
16
|
+
row[Number(cellIndex)] = typeof cell.getValue() !== 'object' ? String(cell.getValue()) : '';
|
|
16
17
|
}
|
|
17
18
|
}
|
|
18
19
|
else {
|
|
@@ -23,7 +24,6 @@ export const CellWrapper = (props) => {
|
|
|
23
24
|
}
|
|
24
25
|
}
|
|
25
26
|
}, [rest, cell, selectedColumnValuesRef]);
|
|
26
|
-
|
|
27
|
-
return (React.createElement(TableCell, { onClickSelection: isSelectable ? onClickSelection : undefined, selectionStartedRef: isSelectable ? selectionStartedRef : undefined, onMouseEnterSelection: isSelectable ? onMouseEnterSelection : undefined, ...rest }, content));
|
|
27
|
+
return (React.createElement(TableCell, { onClickSelection: isSelectable ? onClickSelection : undefined, selectionStartedRef: isSelectable ? selectionStartedRef : undefined, onMouseEnterSelection: isSelectable ? onMouseEnterSelection : undefined, ...rest }, flexRender(cell.column.columnDef.cell, cell.getContext())));
|
|
28
28
|
};
|
|
29
29
|
//# sourceMappingURL=CellWrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CellWrapper.js","sourceRoot":"","sources":["../../src/Table/CellWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"CellWrapper.js","sourceRoot":"","sources":["../../src/Table/CellWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAA;AAClE,OAAO,EAAQ,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAExD,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AACpD,OAAO,EAAa,IAAI,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAA;AAUrD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAmB,KAA0B,EAAE,EAAE;;IAC1E,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAElI,MAAM,YAAY,GAAG,UAAU,IAAI,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,EAAE,MAAK,sBAAsB,CAAA;IAE7E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAqB,CAAA;YAExE,IAAI,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAE,OAAO,EAAE;gBACpC,IAAI,IAAI,CAAC,QAAQ,EAAE;oBACjB,MAAM,GAAG,GAAG,uBAAuB,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAA;oBAC7D,IAAI,GAAG,EAAE;wBACP,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,QAAQ,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;qBAC5F;iBACF;qBAAM;oBACL,IAAI,uBAAuB,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,uBAAuB,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE;wBAC7H,uBAAuB,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,SAAS,CAAA;qBACjF;iBACF;aACF;SACF;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,uBAAuB,CAAC,CAAC,CAAA;IAEzC,OAAO,CACL,oBAAC,SAAS,IACR,gBAAgB,EAAE,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,EAC7D,mBAAmB,EAAE,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,EACnE,qBAAqB,EAAE,YAAY,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,KACnE,IAAI,IAEP,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAChD,CACb,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
import { Cell as CellType,
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Cell as CellType, HeaderContext } from '@tanstack/react-table';
|
|
3
3
|
/**
|
|
4
4
|
* Few notes about text truncation:
|
|
5
5
|
* We try to enhance Header, Footer and Cell with text truncation and a tooltip using TruncatedText.
|
|
@@ -10,14 +10,12 @@ import { Cell as CellType, HeaderGroup, UseResizeColumnsState } from 'react-tabl
|
|
|
10
10
|
* Here's how react-table renderers are made: https://github.com/tannerlinsley/react-table/blob/6e2fe31ac028e543ce0f9d56168d5f922389fbbc/src/publicUtils.js#L199
|
|
11
11
|
*/
|
|
12
12
|
export type EnhancedHeaderFooterRendererProps<D extends object> = {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
type: 'Header' | 'Footer';
|
|
13
|
+
context: HeaderContext<D, unknown>;
|
|
14
|
+
type: 'header' | 'footer';
|
|
16
15
|
};
|
|
17
|
-
export declare const EnhancedHeaderFooterRenderer: <D extends object>({
|
|
16
|
+
export declare const EnhancedHeaderFooterRenderer: <D extends object>({ context, type }: EnhancedHeaderFooterRendererProps<D>) => JSX.Element;
|
|
18
17
|
export type EnhancedCellRendererProps<D extends object> = {
|
|
19
|
-
cell: CellType<D,
|
|
20
|
-
|
|
21
|
-
columnResizing: UseResizeColumnsState<D>['columnResizing'];
|
|
18
|
+
cell: CellType<D, unknown>;
|
|
19
|
+
columnResizing: boolean;
|
|
22
20
|
};
|
|
23
|
-
export declare const EnhancedCellRenderer: <D extends object>({ cell,
|
|
21
|
+
export declare const EnhancedCellRenderer: <D extends object>({ cell, columnResizing }: EnhancedCellRendererProps<D>) => JSX.Element;
|
|
@@ -1,16 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { flexRender } from '@tanstack/react-table';
|
|
2
3
|
import { TruncatedText } from '../TruncatedText';
|
|
3
|
-
|
|
4
|
-
|
|
4
|
+
import styles from './Cell.module.scss';
|
|
5
|
+
export const EnhancedHeaderFooterRenderer = ({ context, type }) => {
|
|
6
|
+
const value = context.column.columnDef[type];
|
|
5
7
|
if (typeof value === 'string') {
|
|
6
|
-
return React.createElement(TruncatedText, { text: value, forceUpdateToken:
|
|
8
|
+
return React.createElement(TruncatedText, { text: value, forceUpdateToken: context.column.getIsResizing() });
|
|
7
9
|
}
|
|
8
|
-
return
|
|
9
|
-
};
|
|
10
|
-
export const EnhancedCellRenderer = ({ cell, hasCellRenderer, columnResizing }) => {
|
|
11
|
-
if (hasCellRenderer) {
|
|
12
|
-
return cell.render('Cell');
|
|
13
|
-
}
|
|
14
|
-
return React.createElement(TruncatedText, { text: cell.value, forceUpdateToken: columnResizing.isResizingColumn });
|
|
10
|
+
return React.createElement(React.Fragment, null, flexRender(value, context));
|
|
15
11
|
};
|
|
12
|
+
export const EnhancedCellRenderer = ({ cell, columnResizing }) => (React.createElement(TruncatedText, { text: cell.renderValue(), forceUpdateToken: columnResizing, tooltipClassName: styles.truncated }));
|
|
16
13
|
//# sourceMappingURL=EnhancedRenderers.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EnhancedRenderers.js","sourceRoot":"","sources":["../../src/Table/EnhancedRenderers.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"EnhancedRenderers.js","sourceRoot":"","sources":["../../src/Table/EnhancedRenderers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAoB,UAAU,EAAiB,MAAM,uBAAuB,CAAA;AAEnF,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAiBvC,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAmB,EAAE,OAAO,EAAE,IAAI,EAAwC,EAAE,EAAE;IACxH,MAAM,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;IAE5C,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,OAAO,oBAAC,aAAa,IAAC,IAAI,EAAE,KAAK,EAAE,gBAAgB,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,GAAI,CAAA;KACxF;IAED,OAAO,0CAAG,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,CAAI,CAAA;AAC1C,CAAC,CAAA;AAOD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAmB,EAAE,IAAI,EAAE,cAAc,EAAgC,EAAE,EAAE,CAAC,CAChH,oBAAC,aAAa,IAAC,IAAI,EAAE,IAAI,CAAC,WAAW,EAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,CAAC,SAAS,GAAI,CAC5H,CAAA"}
|
package/lib/Table/Header.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { TableHeaderProps, TableResizerProps } from 'react-table';
|
|
1
|
+
import React, { MouseEvent, KeyboardEvent, DragEvent, CSSProperties } from 'react';
|
|
3
2
|
export type HeaderProps = {
|
|
4
3
|
/**
|
|
5
4
|
* Number fields should be right aligned as that allows
|
|
@@ -13,9 +12,14 @@ export type HeaderProps = {
|
|
|
13
12
|
onClick?: (event: MouseEvent | KeyboardEvent) => void;
|
|
14
13
|
canResize: boolean;
|
|
15
14
|
isResizing: boolean;
|
|
16
|
-
|
|
15
|
+
size?: number;
|
|
17
16
|
index: number;
|
|
17
|
+
style?: CSSProperties;
|
|
18
|
+
role: string;
|
|
19
|
+
className?: string;
|
|
20
|
+
children?: React.ReactNode;
|
|
21
|
+
resizeHandler: (e: unknown) => void;
|
|
18
22
|
onDragStart?: (e: DragEvent) => void;
|
|
19
23
|
onDrop?: (e: DragEvent, index: number) => void;
|
|
20
|
-
}
|
|
21
|
-
export declare const Header:
|
|
24
|
+
};
|
|
25
|
+
export declare const Header: ({ align, colSpan, children, canSort, isSorted, isSortedDesc, canResize, isResizing, onClick, style, className, role, index, size, onDragStart, onDrop, resizeHandler, }: HeaderProps) => JSX.Element;
|
package/lib/Table/Header.js
CHANGED
|
@@ -4,7 +4,7 @@ import cn from 'classnames';
|
|
|
4
4
|
import { Icon } from '../Icon';
|
|
5
5
|
import { keyIsOneOf } from '../utils/keyboard';
|
|
6
6
|
import styles from './Header.module.scss';
|
|
7
|
-
export const Header = ({ align = 'left', colSpan, children, canSort, isSorted, isSortedDesc, canResize, isResizing,
|
|
7
|
+
export const Header = ({ align = 'left', colSpan, children, canSort, isSorted, isSortedDesc, canResize, isResizing, onClick, style, className, role, index, size, onDragStart, onDrop, resizeHandler, }) => {
|
|
8
8
|
const rootRef = useRef(null);
|
|
9
9
|
const isDragStarterRef = useRef(false);
|
|
10
10
|
const counterRef = useRef(0);
|
|
@@ -13,13 +13,13 @@ export const Header = ({ align = 'left', colSpan, children, canSort, isSorted, i
|
|
|
13
13
|
if (isSorted) {
|
|
14
14
|
ariaSort = isSortedDesc ? 'descending' : 'ascending';
|
|
15
15
|
}
|
|
16
|
-
const Chevron = useMemo(() => (React.createElement(Icon, { className: cn(styles.sortingIcon, {
|
|
16
|
+
const Chevron = useMemo(() => (React.createElement(Icon, { "data-test": "chevron", className: cn(styles.sortingIcon, {
|
|
17
17
|
[styles.left]: align === 'left',
|
|
18
18
|
[styles.right]: align === 'right',
|
|
19
19
|
[styles.isSorted]: isSorted,
|
|
20
20
|
}), icon: !isSorted ? ChevronUp : isSortedDesc ? ChevronDown : ChevronUp, ariaLabel: !isSorted ? 'Not Sorted' : isSortedDesc ? 'Descending' : 'Ascending', size: "smallMedium" })), [align, isSorted, isSortedDesc]);
|
|
21
21
|
const DraggableIcon = (React.createElement(Icon, { icon: Menu, size: "small", ariaLabel: "draggable-indicator", className: cn(styles.dragIcon, { [styles.dragIconRight]: align === 'right' }) }));
|
|
22
|
-
const
|
|
22
|
+
const onKeyDown = useCallback((event) => {
|
|
23
23
|
event.preventDefault();
|
|
24
24
|
if (keyIsOneOf(event, 'Enter') && onClick) {
|
|
25
25
|
onClick(event);
|
|
@@ -28,10 +28,13 @@ export const Header = ({ align = 'left', colSpan, children, canSort, isSorted, i
|
|
|
28
28
|
const buttonRoleProps = {
|
|
29
29
|
tabIndex: onClick ? 0 : undefined,
|
|
30
30
|
role: onClick ? 'button' : undefined,
|
|
31
|
-
|
|
31
|
+
onKeyDown: onClick ? onKeyDown : undefined,
|
|
32
32
|
onClick,
|
|
33
33
|
};
|
|
34
|
-
return (React.createElement("div", { ref: rootRef, "data-test": "table-header-container", className: cn(styles.container, className), style:
|
|
34
|
+
return (React.createElement("div", { ref: rootRef, "data-test": "table-header-container", className: cn(styles.container, className), style: {
|
|
35
|
+
...style,
|
|
36
|
+
...(size != null ? { width: size } : {}),
|
|
37
|
+
}, role: role, "aria-colspan": colSpan, "aria-sort": ariaSort },
|
|
35
38
|
React.createElement("div", { draggable: draggable, "data-test": "table-header-content", className: cn(styles.th, {
|
|
36
39
|
[styles.sortable]: canSort,
|
|
37
40
|
[styles.alignLeft]: align === 'left',
|
|
@@ -75,8 +78,10 @@ export const Header = ({ align = 'left', colSpan, children, canSort, isSorted, i
|
|
|
75
78
|
children,
|
|
76
79
|
canSort && (align === 'left' || align === 'center') && Chevron,
|
|
77
80
|
draggable && (align === 'left' || align === 'center') && DraggableIcon),
|
|
78
|
-
canResize && (
|
|
79
|
-
|
|
81
|
+
canResize && (
|
|
82
|
+
// eslint-disable-next-line jsx-a11y/no-static-element-interactions
|
|
83
|
+
React.createElement("div", { "data-test": "table-header-column-resizer-container", className: styles.resizer, onMouseDown: resizeHandler, onTouchStart: resizeHandler },
|
|
84
|
+
React.createElement("div", { "data-test": "table-header-column-resizer", className: cn('resizer', styles.separator, {
|
|
80
85
|
[styles.resizing]: isResizing,
|
|
81
86
|
}) })))));
|
|
82
87
|
};
|
package/lib/Table/Header.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../src/Table/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../src/Table/Header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,10 +6,10 @@
|
|
|
6
6
|
display: flex;
|
|
7
7
|
justify-content: center;
|
|
8
8
|
align-items: center;
|
|
9
|
-
width:
|
|
9
|
+
width: 20px;
|
|
10
10
|
height: 100%;
|
|
11
11
|
top: 0;
|
|
12
|
-
right: -
|
|
12
|
+
right: -10px;
|
|
13
13
|
z-index: c.$zIndex100;
|
|
14
14
|
cursor: col-resize;
|
|
15
15
|
user-select: none;
|
|
@@ -20,9 +20,8 @@
|
|
|
20
20
|
/* doiuse-enable css-touch-action */
|
|
21
21
|
|
|
22
22
|
.separator {
|
|
23
|
-
width:
|
|
24
|
-
height:
|
|
25
|
-
background: c.$colorNeutral;
|
|
23
|
+
width: 1px;
|
|
24
|
+
height: 100%;
|
|
26
25
|
}
|
|
27
26
|
|
|
28
27
|
.resizing,
|
|
@@ -33,14 +32,20 @@
|
|
|
33
32
|
|
|
34
33
|
.container {
|
|
35
34
|
position: relative;
|
|
35
|
+
flex-grow: 1;
|
|
36
|
+
flex-basis: auto;
|
|
37
|
+
flex-shrink: 0;
|
|
38
|
+
background: c.$colorNeutralGray;
|
|
39
|
+
border-right: 1px solid c.$colorNeutralWhite;
|
|
36
40
|
|
|
37
41
|
.th {
|
|
38
42
|
display: flex;
|
|
39
43
|
align-items: center;
|
|
40
|
-
height: c.$grid *
|
|
44
|
+
height: c.$grid * 12;
|
|
41
45
|
padding-left: c.$grid * 5;
|
|
42
46
|
padding-right: c.$grid * 5;
|
|
43
47
|
color: c.$colorText;
|
|
48
|
+
box-sizing: border-box;
|
|
44
49
|
|
|
45
50
|
@include c.typographyBodySmall('bold');
|
|
46
51
|
@include h.overflowEllipsis;
|
|
@@ -78,7 +83,7 @@
|
|
|
78
83
|
}
|
|
79
84
|
|
|
80
85
|
&:hover {
|
|
81
|
-
background-color: c.$
|
|
86
|
+
background-color: c.$colorNeutralGrayDarker;
|
|
82
87
|
}
|
|
83
88
|
}
|
|
84
89
|
|
package/lib/Table/Row.d.ts
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
import { FC, AnchorHTMLAttributes } from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { FC, AnchorHTMLAttributes, CSSProperties } from 'react';
|
|
2
|
+
type RowBase = {
|
|
3
|
+
className?: string;
|
|
4
|
+
style?: CSSProperties;
|
|
5
|
+
role?: string;
|
|
4
6
|
ariaRowIndex?: number;
|
|
5
7
|
};
|
|
6
8
|
export type RowProps = RowBase & {
|
package/lib/Table/Row.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React, { useCallback } from 'react';
|
|
2
2
|
import cn from 'classnames';
|
|
3
|
-
import styles from './Row.module.scss';
|
|
4
3
|
import { useUID } from 'react-uid';
|
|
5
4
|
import { keyIsOneOf } from '../utils/keyboard';
|
|
5
|
+
import styles from './Row.module.scss';
|
|
6
6
|
export const Row = ({ children, className, style, role, ariaRowIndex, onClick }) => {
|
|
7
|
-
const
|
|
7
|
+
const onKeyDown = useCallback((event) => {
|
|
8
8
|
event.preventDefault();
|
|
9
9
|
if (keyIsOneOf(event, 'Enter') && onClick) {
|
|
10
10
|
onClick();
|
|
@@ -12,7 +12,7 @@ export const Row = ({ children, className, style, role, ariaRowIndex, onClick })
|
|
|
12
12
|
}, [onClick]);
|
|
13
13
|
return (React.createElement("div", { "data-test": "table-cell-row", className: cn(styles.row, {
|
|
14
14
|
[styles.clickable]: !!onClick,
|
|
15
|
-
}, className), style: style, "aria-rowindex": ariaRowIndex, role: role, tabIndex: onClick ? 0 : undefined,
|
|
15
|
+
}, className), style: style, "aria-rowindex": ariaRowIndex, role: role, tabIndex: onClick ? 0 : undefined, onKeyDown: onClick ? onKeyDown : undefined, onClick: onClick }, children));
|
|
16
16
|
};
|
|
17
17
|
// eslint-disable-next-line jsx-a11y/anchor-has-content
|
|
18
18
|
const DefaultAnchor = (props) => React.createElement("a", { ...props });
|
|
@@ -21,5 +21,5 @@ export const LinkRow = ({ children, className, style, role, ariaRowIndex, href,
|
|
|
21
21
|
return (React.createElement("div", { "data-test": "table-cell-row", className: cn(styles.linkRow, className), role: role, "aria-rowindex": ariaRowIndex, "aria-owns": anchorId },
|
|
22
22
|
React.createElement(AnchorComponent, { className: styles.link, style: style, href: href, id: anchorId }, children)));
|
|
23
23
|
};
|
|
24
|
-
export const HeaderRow = ({ children, className, style, role, ariaRowIndex }) => (React.createElement("div", { "data-test": "table-header-row", className: cn(styles.
|
|
24
|
+
export const HeaderRow = ({ children, className, style, role, ariaRowIndex }) => (React.createElement("div", { "data-test": "table-header-row", className: cn(styles.row, className), style: style, role: role, "aria-rowindex": ariaRowIndex }, children));
|
|
25
25
|
//# sourceMappingURL=Row.js.map
|