@pinnacle0/web-ui 0.6.24 → 0.6.25
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.
|
@@ -27,7 +27,7 @@ export class MultipleSelector extends React.PureComponent {
|
|
|
27
27
|
renderSelectedAsTags = (labels) => {
|
|
28
28
|
const { disabled } = this.props;
|
|
29
29
|
return (React.createElement("div", { className: "g-multiple-selector-selected-tags" },
|
|
30
|
-
React.createElement(Tags, { maxWidth: 600, color: "blue", items: labels, onClose: disabled ? undefined : this.onClose })));
|
|
30
|
+
React.createElement(Tags, { maxWidth: 600, color: "blue", items: labels, onClose: disabled ? undefined : this.onClose, useItemsAsKey: true })));
|
|
31
31
|
};
|
|
32
32
|
renderSelectedItems = () => {
|
|
33
33
|
const { value, renderTags } = this.props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/MultipleSelector/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAC;AACjC,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAE7B,OAAO,EAAC,IAAI,EAAC,MAAM,0BAA0B,CAAC;AAE9C,OAAO,EAAC,QAAQ,EAAC,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAyB5C,MAAM,OAAO,gBAAyC,SAAQ,KAAK,CAAC,aAA6B;IAC7F,MAAM,CAAC,WAAW,GAAG,kBAAkB,CAAC;IAExC,UAAU,GAAG,GAAW,EAAE;QACtB,MAAM,EAAC,KAAK,EAAE,gBAAgB,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAC7C,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;QACjB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAC5B,IAAI,gBAAgB,EAAE,CAAC;YACnB,OAAO,OAAO,gBAAgB,KAAK,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;QAC9F,CAAC;aAAM,CAAC;YACJ,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC;QACjG,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,GAAG,CAAC,KAAa,EAAE,EAAE;QACxB,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACrC,MAAM,QAAQ,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;QAC5B,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAC1B,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,oBAAoB,GAAG,CAAC,MAAgB,EAAE,EAAE;QACxC,MAAM,EAAC,QAAQ,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAC9B,OAAO,CACH,6BAAK,SAAS,EAAC,mCAAmC;YAC9C,oBAAC,IAAI,IAAC,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/MultipleSelector/index.tsx"],"names":[],"mappings":"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"}
|
package/core/Tags/index.d.ts
CHANGED
|
@@ -2,6 +2,10 @@ import React from "react";
|
|
|
2
2
|
import type { TagColor } from "../Tag";
|
|
3
3
|
export interface Props {
|
|
4
4
|
items: Array<React.ReactElement | string | number | null>;
|
|
5
|
+
/**
|
|
6
|
+
* If true, items are used as key. (Only accpet string or number)
|
|
7
|
+
*/
|
|
8
|
+
useItemsAsKey?: boolean;
|
|
5
9
|
/**
|
|
6
10
|
* If undefined, tags are not closable.
|
|
7
11
|
*/
|
package/core/Tags/index.js
CHANGED
|
@@ -4,9 +4,10 @@ export class Tags extends React.PureComponent {
|
|
|
4
4
|
static displayName = "Tags";
|
|
5
5
|
singleTagStyle = { marginRight: 5, marginBottom: 4 };
|
|
6
6
|
renderTag = (item, index) => {
|
|
7
|
-
const { color, onClose } = this.props;
|
|
7
|
+
const { color, onClose, useItemsAsKey } = this.props;
|
|
8
8
|
const tagColor = typeof color === "function" ? color(item, index) : color;
|
|
9
|
-
|
|
9
|
+
const key = (typeof item === "string" || typeof item === "number") && useItemsAsKey ? item : null;
|
|
10
|
+
return (React.createElement(Tag, { color: tagColor, key: key, style: this.singleTagStyle, closable: onClose !== undefined, onClose: () => onClose?.(index) }, item));
|
|
10
11
|
};
|
|
11
12
|
render() {
|
|
12
13
|
const { items, maxWidth, extraContent } = this.props;
|
package/core/Tags/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Tags/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,GAAG,EAAC,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Tags/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,GAAG,EAAC,MAAM,QAAQ,CAAC;AAkB3B,MAAM,OAAO,IAAK,SAAQ,KAAK,CAAC,aAAoB;IAChD,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC;IAEX,cAAc,GAAwB,EAAC,WAAW,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAC,CAAC;IAEzF,SAAS,GAAG,CAAC,IAAiD,EAAE,KAAa,EAAE,EAAE;QAC7E,MAAM,EAAC,KAAK,EAAE,OAAO,EAAE,aAAa,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACnD,MAAM,QAAQ,GAAG,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAC1E,MAAM,GAAG,GAAG,CAAC,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;QAClG,OAAO,CACH,oBAAC,GAAG,IAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,QAAQ,EAAE,OAAO,KAAK,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,IACvH,IAAI,CACH,CACT,CAAC;IACN,CAAC,CAAC;IAEF,MAAM;QACF,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACnD,OAAO,CACH,6BAAK,KAAK,EAAE,EAAC,QAAQ,EAAC;YACjB,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;YACzB,YAAY,IAAI,YAAY,CAC3B,CACT,CAAC;IACN,CAAC"}
|