@hazelcast/ui 1.3.2-next.91 → 1.3.2-next.92
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/Select/Common.js
CHANGED
|
@@ -4,8 +4,8 @@ import { components as rsComponents } from 'react-select';
|
|
|
4
4
|
import cn from 'classnames';
|
|
5
5
|
import { Icon } from '../Icon';
|
|
6
6
|
import { IconButton } from '../IconButton';
|
|
7
|
-
import styles from './Common.module.scss';
|
|
8
7
|
import { TruncatedText } from '../TruncatedText';
|
|
8
|
+
import styles from './Common.module.scss';
|
|
9
9
|
const DropdownIndicator = ({ selectProps }) => (React.createElement(Icon, { icon: ChevronDown, ariaHidden: true, size: "medium", className: cn(styles.chevron, { [styles.open]: selectProps.menuIsOpen, [styles.disabled]: selectProps.isDisabled }) }));
|
|
10
10
|
// innerProps set event handling
|
|
11
11
|
const ClearIndicator = ({ innerProps }) => (
|
|
@@ -31,13 +31,23 @@ const MenuList = (props) => {
|
|
|
31
31
|
React.createElement(rsComponents.MenuList, { ...props }),
|
|
32
32
|
isRenderMenuFooterFunction(renderMenuFooter) && renderMenuFooter()));
|
|
33
33
|
};
|
|
34
|
-
const Option = (props) =>
|
|
35
|
-
|
|
34
|
+
const Option = (props) => {
|
|
35
|
+
var _a;
|
|
36
|
+
return (React.createElement(rsComponents.Option, { ...props },
|
|
37
|
+
React.createElement("div", { className: styles.valueContainer },
|
|
38
|
+
React.createElement(TruncatedText, { text: props.label }),
|
|
39
|
+
React.createElement("span", { className: styles.trailingNote }, (_a = props.data) === null || _a === void 0 ? void 0 : _a.trailingNote))));
|
|
40
|
+
};
|
|
36
41
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
37
42
|
// @ts-ignore
|
|
38
43
|
const IndicatorSeparator = () => null;
|
|
39
|
-
const SingleValue = ({ children, ...props }) =>
|
|
40
|
-
|
|
44
|
+
const SingleValue = ({ children, ...props }) => {
|
|
45
|
+
var _a;
|
|
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
|
+
};
|
|
41
51
|
const components = {
|
|
42
52
|
DropdownIndicator,
|
|
43
53
|
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;
|
|
1
|
+
{"version":3,"file":"Common.js","sourceRoot":"","sources":["../../src/Select/Common.tsx"],"names":[],"mappings":"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"}
|
|
@@ -54,3 +54,16 @@ $selectHorizontalPadding: c.$grid * 3;
|
|
|
54
54
|
// color: c.$colorPrimary;
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
|
+
|
|
58
|
+
.valueContainer {
|
|
59
|
+
display: flex;
|
|
60
|
+
justify-content: space-between;
|
|
61
|
+
align-items: center;
|
|
62
|
+
width: 100%;
|
|
63
|
+
|
|
64
|
+
.trailingNote {
|
|
65
|
+
flex-shrink: 0;
|
|
66
|
+
color: c.$colorTextSecondary;
|
|
67
|
+
margin-left: c.$grid * 2;
|
|
68
|
+
}
|
|
69
|
+
}
|
package/lib/Select/helpers.d.ts
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
1
2
|
import { Options, GroupBase } from 'react-select';
|
|
2
3
|
export type SelectFieldOption<V> = {
|
|
3
4
|
label: string;
|
|
4
5
|
value: V;
|
|
6
|
+
trailingNote?: ReactNode;
|
|
5
7
|
};
|
|
6
8
|
export type SelectFieldOptionsMap<V> = {
|
|
7
9
|
[key: string]: SelectFieldOption<V>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/Select/helpers.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/Select/helpers.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAYxC,MAAM,cAAc,GAAG,CAAI,MAA8D,EAAkC,EAAE,CAC3H,CAAC,CAAE,MAA+B,CAAC,KAAK,CAAA;AAE1C,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,OAAuF,EAC7D,EAAE;AAC5B,uGAAuG;AACtG,OAAyE,CAAC,MAAM,CAC/E,CAAC,GAA6B,EAAE,aAAqE,EAA4B,EAAE;IACjI,oCAAoC;IACpC,IAAI,cAAc,CAAC,aAAa,CAAC,EAAE;QACjC,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,aAAa,CAAA;QACxC,2BAA2B;KAC5B;SAAM;QACL,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,QAAkC,EAAE,MAA4B,EAAE,EAAE;YAChG,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAA;YAC/B,OAAO,QAAQ,CAAA;QACjB,CAAC,EAAE,GAAG,CAAC,CAAA;KACR;IACD,OAAO,GAAG,CAAA;AACZ,CAAC,EACD,EAA8B,CAC/B,CAAA;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,gBAAsD,EAAkC,EAAE;IACzH,IAAI,gBAAgB,IAAI,MAAM,EAAE;QAC9B,0CAA0C;QAC1C,OAAO,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAA;KAC7C;IACD,IAAI,gBAAgB,IAAI,MAAM,EAAE;QAC9B,OAAO,SAAS,CAAA;KACjB;IACD,OAAO,gBAAgB,CAAA;AACzB,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hazelcast/ui",
|
|
3
|
-
"version": "1.3.2-next.
|
|
3
|
+
"version": "1.3.2-next.92+f73ed61",
|
|
4
4
|
"description": "Hazelcast design system components",
|
|
5
5
|
"author": "",
|
|
6
6
|
"homepage": "https://github.com/hazelcast/frontend-shared#readme",
|
|
@@ -115,5 +115,5 @@
|
|
|
115
115
|
"react": "^17 || ^18",
|
|
116
116
|
"react-dom": "^17 || ^18"
|
|
117
117
|
},
|
|
118
|
-
"gitHead": "
|
|
118
|
+
"gitHead": "f73ed615f20b4adfe5c4375275606ac1d2f1ad1d"
|
|
119
119
|
}
|