@superblocksteam/library 2.0.0-next.30 → 2.0.0-next.32
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/dist/{allPaths-vbWTRLnL.js → allPaths-BDjfzn82.js} +2 -2
- package/dist/{allPaths-vbWTRLnL.js.map → allPaths-BDjfzn82.js.map} +1 -1
- package/dist/{allPaths-BPA_rZsQ.js → allPaths-BpeB2CxS.js} +2 -2
- package/dist/{allPaths-BPA_rZsQ.js.map → allPaths-BpeB2CxS.js.map} +1 -1
- package/dist/{allPathsLoader-BCcFyr1P.js → allPathsLoader-CnJzd6Xx.js} +3 -3
- package/dist/{allPathsLoader-BCcFyr1P.js.map → allPathsLoader-CnJzd6Xx.js.map} +1 -1
- package/dist/{allPathsLoader-DbyWd1-q.js → allPathsLoader-V4FREx0I.js} +3 -3
- package/dist/{allPathsLoader-DbyWd1-q.js.map → allPathsLoader-V4FREx0I.js.map} +1 -1
- package/dist/{index-DTN4RUsr.js → index-RG7SFiT3.js} +52 -27
- package/dist/{index-DTN4RUsr.js.map → index-RG7SFiT3.js.map} +1 -1
- package/dist/index.js +2 -2
- package/dist/{splitPathsBySizeLoader-ByawxTZ1.js → splitPathsBySizeLoader-D_n88SPK.js} +2 -2
- package/dist/{splitPathsBySizeLoader-ByawxTZ1.js.map → splitPathsBySizeLoader-D_n88SPK.js.map} +1 -1
- package/dist/{splitPathsBySizeLoader-DSHvCqou.js → splitPathsBySizeLoader-ZzgI9e09.js} +2 -2
- package/dist/{splitPathsBySizeLoader-DSHvCqou.js.map → splitPathsBySizeLoader-ZzgI9e09.js.map} +1 -1
- package/dist-types/lib/internal-details/identifier-normalizer.d.ts +0 -1
- package/dist-types/lib/user-facing/components/dropdown/index.d.ts +1 -1
- package/dist-types/lib/user-facing/components/dropdown/props.d.ts +1 -1
- package/dist-types/lib/user-facing/components/dropdown/types.d.ts +1 -1
- package/package.json +2 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { I as IconSvgPaths16 } from "./index-BxzKdlqH.js";
|
|
2
2
|
import { I as IconSvgPaths20 } from "./index-DIn-fanT.js";
|
|
3
|
-
import { p as pascalCase, b as IconSize } from "./index-
|
|
3
|
+
import { p as pascalCase, b as IconSize } from "./index-RG7SFiT3.js";
|
|
4
4
|
function getIconPaths(name, size) {
|
|
5
5
|
var key = pascalCase(name);
|
|
6
6
|
return size === IconSize.STANDARD ? IconSvgPaths16[key] : IconSvgPaths20[key];
|
|
@@ -14,4 +14,4 @@ export {
|
|
|
14
14
|
getIconPaths,
|
|
15
15
|
iconNameToPathsRecordKey
|
|
16
16
|
};
|
|
17
|
-
//# sourceMappingURL=allPaths-
|
|
17
|
+
//# sourceMappingURL=allPaths-BDjfzn82.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allPaths-
|
|
1
|
+
{"version":3,"file":"allPaths-BDjfzn82.js","sources":["../../../node_modules/.pnpm/@blueprintjs+icons@5.20.0_@types+react@18.3.18_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@blueprintjs/icons/lib/esm/allPaths.js"],"sourcesContent":["/*\n * Copyright 2021 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { pascalCase } from \"change-case\";\nimport * as IconSvgPaths16 from \"./generated/16px/paths\";\nimport * as IconSvgPaths20 from \"./generated/20px/paths\";\nimport { IconSize } from \"./iconTypes\";\nexport { IconSvgPaths16, IconSvgPaths20 };\n/**\n * Get the list of vector paths that define a given icon. These path strings are used to render `<path>`\n * elements inside an `<svg>` icon element. For full implementation details and nuances, see the icon component\n * handlebars template and `generate-icon-components` script in the __@blueprintjs/icons__ package.\n *\n * Note: this function loads all icon definitions __statically__, which means every icon is included in your\n * JS bundle. Only use this API if your app is likely to use all Blueprint icons at runtime. If you are looking for a\n * dynamic icon loader which loads icon definitions on-demand, use `{ Icons } from \"@blueprintjs/icons\"` instead.\n */\nexport function getIconPaths(name, size) {\n var key = pascalCase(name);\n return size === IconSize.STANDARD ? IconSvgPaths16[key] : IconSvgPaths20[key];\n}\n/**\n * Type safe string literal conversion of snake-case icon names to PascalCase icon names.\n * This is useful for indexing into the SVG paths record to extract a single icon's SVG path definition.\n *\n * @deprecated use `getIconPaths` instead\n */\nexport function iconNameToPathsRecordKey(name) {\n return pascalCase(name);\n}\n//# sourceMappingURL=allPaths.js.map"],"names":[],"mappings":";;;AA6BO,SAAS,aAAa,MAAM,MAAM;AACrC,MAAI,MAAM,WAAW,IAAI;AACzB,SAAO,SAAS,SAAS,WAAW,eAAe,GAAG,IAAI,eAAe,GAAG;AAChF;AAOO,SAAS,yBAAyB,MAAM;AAC3C,SAAO,WAAW,IAAI;AAC1B;","x_google_ignoreList":[0]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { I as IconSvgPaths16 } from "./index-DIJYif9G.js";
|
|
2
2
|
import { I as IconSvgPaths20 } from "./index-LHtbj0-V.js";
|
|
3
|
-
import { p as pascalCase, I as IconSize } from "./index-
|
|
3
|
+
import { p as pascalCase, I as IconSize } from "./index-RG7SFiT3.js";
|
|
4
4
|
function getIconPaths(name, size) {
|
|
5
5
|
var key = pascalCase(name);
|
|
6
6
|
return size === IconSize.STANDARD ? IconSvgPaths16[key] : IconSvgPaths20[key];
|
|
@@ -14,4 +14,4 @@ export {
|
|
|
14
14
|
getIconPaths,
|
|
15
15
|
iconNameToPathsRecordKey
|
|
16
16
|
};
|
|
17
|
-
//# sourceMappingURL=allPaths-
|
|
17
|
+
//# sourceMappingURL=allPaths-BpeB2CxS.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allPaths-
|
|
1
|
+
{"version":3,"file":"allPaths-BpeB2CxS.js","sources":["../../../node_modules/.pnpm/@blueprintjs+icons@5.18.1_@types+react@18.3.18_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@blueprintjs/icons/lib/esm/allPaths.js"],"sourcesContent":["/*\n * Copyright 2021 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { pascalCase } from \"change-case\";\nimport * as IconSvgPaths16 from \"./generated/16px/paths\";\nimport * as IconSvgPaths20 from \"./generated/20px/paths\";\nimport { IconSize } from \"./iconTypes\";\nexport { IconSvgPaths16, IconSvgPaths20 };\n/**\n * Get the list of vector paths that define a given icon. These path strings are used to render `<path>`\n * elements inside an `<svg>` icon element. For full implementation details and nuances, see the icon component\n * handlebars template and `generate-icon-components` script in the __@blueprintjs/icons__ package.\n *\n * Note: this function loads all icon definitions __statically__, which means every icon is included in your\n * JS bundle. Only use this API if your app is likely to use all Blueprint icons at runtime. If you are looking for a\n * dynamic icon loader which loads icon definitions on-demand, use `{ Icons } from \"@blueprintjs/icons\"` instead.\n */\nexport function getIconPaths(name, size) {\n var key = pascalCase(name);\n return size === IconSize.STANDARD ? IconSvgPaths16[key] : IconSvgPaths20[key];\n}\n/**\n * Type safe string literal conversion of snake-case icon names to PascalCase icon names.\n * This is useful for indexing into the SVG paths record to extract a single icon's SVG path definition.\n *\n * @deprecated use `getIconPaths` instead\n */\nexport function iconNameToPathsRecordKey(name) {\n return pascalCase(name);\n}\n//# sourceMappingURL=allPaths.js.map"],"names":[],"mappings":";;;AA6BO,SAAS,aAAa,MAAM,MAAM;AACrC,MAAI,MAAM,WAAW,IAAI;AACzB,SAAO,SAAS,SAAS,WAAW,eAAe,GAAG,IAAI,eAAe,GAAG;AAChF;AAOO,SAAS,yBAAyB,MAAM;AAC3C,SAAO,WAAW,IAAI;AAC1B;","x_google_ignoreList":[0]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as __awaiter, a as __generator } from "./index-
|
|
1
|
+
import { _ as __awaiter, a as __generator } from "./index-RG7SFiT3.js";
|
|
2
2
|
var allPathsLoader = function(name, size) {
|
|
3
3
|
return __awaiter(void 0, void 0, void 0, function() {
|
|
4
4
|
var getIconPaths;
|
|
@@ -7,7 +7,7 @@ var allPathsLoader = function(name, size) {
|
|
|
7
7
|
case 0:
|
|
8
8
|
return [4, import(
|
|
9
9
|
/* webpackChunkName: "blueprint-icons-all-paths" */
|
|
10
|
-
"./allPaths-
|
|
10
|
+
"./allPaths-BpeB2CxS.js"
|
|
11
11
|
)];
|
|
12
12
|
case 1:
|
|
13
13
|
getIconPaths = _a.sent().getIconPaths;
|
|
@@ -19,4 +19,4 @@ var allPathsLoader = function(name, size) {
|
|
|
19
19
|
export {
|
|
20
20
|
allPathsLoader
|
|
21
21
|
};
|
|
22
|
-
//# sourceMappingURL=allPathsLoader-
|
|
22
|
+
//# sourceMappingURL=allPathsLoader-CnJzd6Xx.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allPathsLoader-
|
|
1
|
+
{"version":3,"file":"allPathsLoader-CnJzd6Xx.js","sources":["../../../node_modules/.pnpm/@blueprintjs+icons@5.18.1_@types+react@18.3.18_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@blueprintjs/icons/lib/esm/paths-loaders/allPathsLoader.js"],"sourcesContent":["/*\n * Copyright 2023 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { __awaiter, __generator } from \"tslib\";\n/**\n * A simple module loader which concatenates all icon paths into a single chunk.\n */\nexport var allPathsLoader = function (name, size) { return __awaiter(void 0, void 0, void 0, function () {\n var getIconPaths;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, import(\n /* webpackChunkName: \"blueprint-icons-all-paths\" */\n \"../allPaths\")];\n case 1:\n getIconPaths = (_a.sent()).getIconPaths;\n return [2 /*return*/, getIconPaths(name, size)];\n }\n });\n}); };\n//# sourceMappingURL=allPathsLoader.js.map"],"names":[],"mappings":";AAmBU,IAAC,iBAAiB,SAAU,MAAM,MAAM;AAAE,SAAO,UAAU,QAAQ,QAAQ,QAAQ,WAAY;AACrG,QAAI;AACJ,WAAO,YAAY,MAAM,SAAU,IAAI;AACnC,cAAQ,GAAG,OAAK;AAAA,QACZ,KAAK;AAAG,iBAAO,CAAC,GAAa;AAAA;AAAA,YAEzB;AAAA,UAAa,CAAC;AAAA,QAClB,KAAK;AACD,yBAAgB,GAAG,KAAI,EAAI;AAC3B,iBAAO,CAAC,GAAc,aAAa,MAAM,IAAI,CAAC;AAAA,MAC9D;AAAA,IACA,CAAK;AAAA,EACL,CAAC;AAAE;","x_google_ignoreList":[0]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as __awaiter, a as __generator } from "./index-
|
|
1
|
+
import { _ as __awaiter, a as __generator } from "./index-RG7SFiT3.js";
|
|
2
2
|
var allPathsLoader = function(name, size) {
|
|
3
3
|
return __awaiter(void 0, void 0, void 0, function() {
|
|
4
4
|
var getIconPaths;
|
|
@@ -7,7 +7,7 @@ var allPathsLoader = function(name, size) {
|
|
|
7
7
|
case 0:
|
|
8
8
|
return [4, import(
|
|
9
9
|
/* webpackChunkName: "blueprint-icons-all-paths" */
|
|
10
|
-
"./allPaths-
|
|
10
|
+
"./allPaths-BDjfzn82.js"
|
|
11
11
|
)];
|
|
12
12
|
case 1:
|
|
13
13
|
getIconPaths = _a.sent().getIconPaths;
|
|
@@ -19,4 +19,4 @@ var allPathsLoader = function(name, size) {
|
|
|
19
19
|
export {
|
|
20
20
|
allPathsLoader
|
|
21
21
|
};
|
|
22
|
-
//# sourceMappingURL=allPathsLoader-
|
|
22
|
+
//# sourceMappingURL=allPathsLoader-V4FREx0I.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allPathsLoader-
|
|
1
|
+
{"version":3,"file":"allPathsLoader-V4FREx0I.js","sources":["../../../node_modules/.pnpm/@blueprintjs+icons@5.20.0_@types+react@18.3.18_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@blueprintjs/icons/lib/esm/paths-loaders/allPathsLoader.js"],"sourcesContent":["/*\n * Copyright 2023 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { __awaiter, __generator } from \"tslib\";\n/**\n * A simple module loader which concatenates all icon paths into a single chunk.\n */\nexport var allPathsLoader = function (name, size) { return __awaiter(void 0, void 0, void 0, function () {\n var getIconPaths;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, import(\n /* webpackChunkName: \"blueprint-icons-all-paths\" */\n \"../allPaths\")];\n case 1:\n getIconPaths = (_a.sent()).getIconPaths;\n return [2 /*return*/, getIconPaths(name, size)];\n }\n });\n}); };\n//# sourceMappingURL=allPathsLoader.js.map"],"names":[],"mappings":";AAmBU,IAAC,iBAAiB,SAAU,MAAM,MAAM;AAAE,SAAO,UAAU,QAAQ,QAAQ,QAAQ,WAAY;AACrG,QAAI;AACJ,WAAO,YAAY,MAAM,SAAU,IAAI;AACnC,cAAQ,GAAG,OAAK;AAAA,QACZ,KAAK;AAAG,iBAAO,CAAC,GAAa;AAAA;AAAA,YAEzB;AAAA,UAAa,CAAC;AAAA,QAClB,KAAK;AACD,yBAAgB,GAAG,KAAI,EAAI;AAC3B,iBAAO,CAAC,GAAc,aAAa,MAAM,IAAI,CAAC;AAAA,MAC9D;AAAA,IACA,CAAK;AAAA,EACL,CAAC;AAAE;","x_google_ignoreList":[0]}
|
|
@@ -2690,14 +2690,14 @@ function getLoaderFn$1(options) {
|
|
|
2690
2690
|
if (!(loader === "all")) return [3, 3];
|
|
2691
2691
|
return [4, import(
|
|
2692
2692
|
/* webpackChunkName: "blueprint-icons-all-paths-loader" */
|
|
2693
|
-
"./allPathsLoader-
|
|
2693
|
+
"./allPathsLoader-CnJzd6Xx.js"
|
|
2694
2694
|
)];
|
|
2695
2695
|
case 2:
|
|
2696
2696
|
return [2, _b2.sent().allPathsLoader];
|
|
2697
2697
|
case 3:
|
|
2698
2698
|
return [4, import(
|
|
2699
2699
|
/* webpackChunkName: "blueprint-icons-split-paths-by-size-loader" */
|
|
2700
|
-
"./splitPathsBySizeLoader-
|
|
2700
|
+
"./splitPathsBySizeLoader-ZzgI9e09.js"
|
|
2701
2701
|
)];
|
|
2702
2702
|
case 4:
|
|
2703
2703
|
return [2, _b2.sent().splitPathsBySizeLoader];
|
|
@@ -98227,7 +98227,7 @@ function getPropertyValue$1({
|
|
|
98227
98227
|
}
|
|
98228
98228
|
const getNormalizedIdInfo = (params) => {
|
|
98229
98229
|
var _a2, _b2;
|
|
98230
|
-
const name = (
|
|
98230
|
+
const name = (_a2 = params.bind) == null ? void 0 : _a2.entityName;
|
|
98231
98231
|
const scopeId = ((_b2 = params.bind) == null ? void 0 : _b2.scopeId) ?? params.fallbackScopeId;
|
|
98232
98232
|
return {
|
|
98233
98233
|
name,
|
|
@@ -98290,7 +98290,6 @@ class RuntimeWidgetsManager {
|
|
|
98290
98290
|
const childSourceId = child.props[WIDGET_SOURCE_ID_ATTRIBUTE];
|
|
98291
98291
|
const { name: childName, scopeId: childScopeId } = getNormalizedIdInfo({
|
|
98292
98292
|
bind: getBindingIdentifier(child.props.bind),
|
|
98293
|
-
propsName: child.props.name,
|
|
98294
98293
|
fallbackScopeId
|
|
98295
98294
|
});
|
|
98296
98295
|
const childIdentifier = this.nameManager.registerAndGetIdentifiers({
|
|
@@ -116990,7 +116989,6 @@ const registerSbComponent = (type5, config2, Component3) => {
|
|
|
116990
116989
|
const identifier2 = useRef();
|
|
116991
116990
|
const { name: passedName, scopeId } = getNormalizedIdInfo({
|
|
116992
116991
|
bind: getBindingIdentifier(props.bind),
|
|
116993
|
-
propsName: props.name,
|
|
116994
116992
|
fallbackScopeId
|
|
116995
116993
|
});
|
|
116996
116994
|
if (!identifier2.current) {
|
|
@@ -133454,6 +133452,7 @@ const useStyle = (props) => {
|
|
|
133454
133452
|
return {
|
|
133455
133453
|
overflow: props.shouldScroll ? "auto" : "hidden",
|
|
133456
133454
|
textAlign: (_a2 = props.textAlign) == null ? void 0 : _a2.toLowerCase(),
|
|
133455
|
+
alignItems: getVerticalAlignment(props.verticalAlign),
|
|
133457
133456
|
color: (_c2 = (_b2 = props.textStyle) == null ? void 0 : _b2.textColor) == null ? void 0 : _c2.default,
|
|
133458
133457
|
...props.style
|
|
133459
133458
|
};
|
|
@@ -133475,6 +133474,17 @@ const getTextAlignClass = (textAlign) => {
|
|
|
133475
133474
|
};
|
|
133476
133475
|
}
|
|
133477
133476
|
};
|
|
133477
|
+
const getVerticalAlignment = (verticalAlign) => {
|
|
133478
|
+
switch (verticalAlign) {
|
|
133479
|
+
case "top":
|
|
133480
|
+
return "flex-start";
|
|
133481
|
+
case "bottom":
|
|
133482
|
+
return "flex-end";
|
|
133483
|
+
case "center":
|
|
133484
|
+
default:
|
|
133485
|
+
return "center";
|
|
133486
|
+
}
|
|
133487
|
+
};
|
|
133478
133488
|
const useIconContainerStyles = ({
|
|
133479
133489
|
iconGap,
|
|
133480
133490
|
textAlign
|
|
@@ -143832,14 +143842,14 @@ function getLoaderFn(options) {
|
|
|
143832
143842
|
if (!(loader === "all")) return [3, 3];
|
|
143833
143843
|
return [4, import(
|
|
143834
143844
|
/* webpackChunkName: "blueprint-icons-all-paths-loader" */
|
|
143835
|
-
"./allPathsLoader-
|
|
143845
|
+
"./allPathsLoader-V4FREx0I.js"
|
|
143836
143846
|
)];
|
|
143837
143847
|
case 2:
|
|
143838
143848
|
return [2, _b2.sent().allPathsLoader];
|
|
143839
143849
|
case 3:
|
|
143840
143850
|
return [4, import(
|
|
143841
143851
|
/* webpackChunkName: "blueprint-icons-split-paths-by-size-loader" */
|
|
143842
|
-
"./splitPathsBySizeLoader-
|
|
143852
|
+
"./splitPathsBySizeLoader-D_n88SPK.js"
|
|
143843
143853
|
)];
|
|
143844
143854
|
case 4:
|
|
143845
143855
|
return [2, _b2.sent().splitPathsBySizeLoader];
|
|
@@ -173399,6 +173409,10 @@ const StyledSingleDropDown = qe$1(SingleDropDown)`
|
|
|
173399
173409
|
display: -webkit-box;
|
|
173400
173410
|
-webkit-line-clamp: 1;
|
|
173401
173411
|
-webkit-box-orient: vertical;
|
|
173412
|
+
|
|
173413
|
+
&:disabled {
|
|
173414
|
+
cursor: not-allowed;
|
|
173415
|
+
}
|
|
173402
173416
|
}
|
|
173403
173417
|
`;
|
|
173404
173418
|
const StyledCrossIcon = qe$1(SvgCrossXs)`
|
|
@@ -173880,7 +173894,8 @@ class DropDownComponent extends React__default.PureComponent {
|
|
|
173880
173894
|
children: /* @__PURE__ */ jsxRuntimeExports.jsx(DynamicSVG, { iconName: this.props.icon, size: this.props.iconSize })
|
|
173881
173895
|
}
|
|
173882
173896
|
) : null;
|
|
173883
|
-
const
|
|
173897
|
+
const selectedItemHasIcon = !!(selectedIndex > -1 && ((_c2 = this.props.options[selectedIndex]) == null ? void 0 : _c2.icon));
|
|
173898
|
+
const singleSelectDropdownIconElement = selectedItemHasIcon ? /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
173884
173899
|
StyledIconSpan,
|
|
173885
173900
|
{
|
|
173886
173901
|
className: this.getIconClassNames(
|
|
@@ -173889,7 +173904,13 @@ class DropDownComponent extends React__default.PureComponent {
|
|
|
173889
173904
|
style: {
|
|
173890
173905
|
left: ((_e2 = (_d2 = this.props.inputPadding) == null ? void 0 : _d2.left) == null ? void 0 : _e2.value) ?? 0
|
|
173891
173906
|
},
|
|
173892
|
-
children: /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
173907
|
+
children: /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
173908
|
+
DynamicSVG,
|
|
173909
|
+
{
|
|
173910
|
+
iconName: this.props.options[selectedIndex].icon,
|
|
173911
|
+
size: this.props.iconSize
|
|
173912
|
+
}
|
|
173913
|
+
)
|
|
173893
173914
|
}
|
|
173894
173915
|
) : defaultIconElement;
|
|
173895
173916
|
const tagOptionIconElement = (tagIndex) => {
|
|
@@ -173900,7 +173921,7 @@ class DropDownComponent extends React__default.PureComponent {
|
|
|
173900
173921
|
return null;
|
|
173901
173922
|
};
|
|
173902
173923
|
const paddingVarDeclarations = createCssVariablesForPadding(
|
|
173903
|
-
!!this.props.icon,
|
|
173924
|
+
!!this.props.icon || selectedItemHasIcon,
|
|
173904
173925
|
this.props.inputPadding,
|
|
173905
173926
|
this.props.iconSize
|
|
173906
173927
|
);
|
|
@@ -174019,6 +174040,7 @@ class DropDownComponent extends React__default.PureComponent {
|
|
|
174019
174040
|
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
174020
174041
|
MultiDropDown,
|
|
174021
174042
|
{
|
|
174043
|
+
disabled: this.props.disabled,
|
|
174022
174044
|
overflowTags: this.props.overflowTags,
|
|
174023
174045
|
items: this.props.options,
|
|
174024
174046
|
labelHeight: this.props.vertical ? 26 : 0,
|
|
@@ -174228,13 +174250,16 @@ const propertiesDefinition$8 = {
|
|
|
174228
174250
|
}),
|
|
174229
174251
|
layout: Section.category(PropsPanelCategory.Layout).add(padding({ themeValue: DROPDOWN_PADDING, default: DROPDOWN_PADDING })).add(size$2()).add(margin()).add(visible()),
|
|
174230
174252
|
interaction: Section.category(PropsPanelCategory.Interaction).children({
|
|
174231
|
-
|
|
174253
|
+
multiselect: Prop.boolean().readAndWrite().default(false).propertiesPanel({
|
|
174232
174254
|
label: "Multi-select",
|
|
174233
174255
|
helpText: "Allows users to select either a single option or multiple options"
|
|
174234
174256
|
}),
|
|
174235
174257
|
allowSelectAll: Prop.boolean().readAndWrite().default(false).propertiesPanel({
|
|
174236
174258
|
label: "Select/Deselect all",
|
|
174237
|
-
helpText: "Enable a button to select/deselect all options"
|
|
174259
|
+
helpText: "Enable a button to select/deselect all options",
|
|
174260
|
+
isVisible: function() {
|
|
174261
|
+
return this.multiselect;
|
|
174262
|
+
}
|
|
174238
174263
|
}),
|
|
174239
174264
|
allowClearing: Prop.boolean().readAndWrite().default(false).propertiesPanel({
|
|
174240
174265
|
label: "Clearable",
|
|
@@ -174279,7 +174304,7 @@ const propertiesDefinition$8 = {
|
|
|
174279
174304
|
}),
|
|
174280
174305
|
derived: Section.category(PropsPanelCategory.Derived).children({
|
|
174281
174306
|
value: Prop.any().readable().default(function() {
|
|
174282
|
-
return this.
|
|
174307
|
+
return this.multiselect ? this.selectedOptionArr : this.selectedOptionValue;
|
|
174283
174308
|
}),
|
|
174284
174309
|
defaultTransformation: Prop.any().readable().default(function() {
|
|
174285
174310
|
if (!Array.isArray(this.options)) return;
|
|
@@ -174335,9 +174360,9 @@ const propertiesDefinition$8 = {
|
|
|
174335
174360
|
validationErrors: Prop.any().readable().default(function() {
|
|
174336
174361
|
const errors2 = {};
|
|
174337
174362
|
if (this.isRequired) {
|
|
174338
|
-
if (this.
|
|
174363
|
+
if (this.multiselect && this.selectedIndexArr && this.selectedIndexArr.length === 0) {
|
|
174339
174364
|
errors2.isRequired = "Required";
|
|
174340
|
-
} else if (!this.
|
|
174365
|
+
} else if (!this.multiselect && !this.selectedOption) {
|
|
174341
174366
|
errors2.isRequired = "Required";
|
|
174342
174367
|
}
|
|
174343
174368
|
}
|
|
@@ -174348,7 +174373,7 @@ const propertiesDefinition$8 = {
|
|
|
174348
174373
|
}),
|
|
174349
174374
|
selectedOptionValue: Prop.any().readable().default(function() {
|
|
174350
174375
|
var _a2;
|
|
174351
|
-
if (this.
|
|
174376
|
+
if (this.multiselect) return;
|
|
174352
174377
|
const normalizedValue = normalizeFunction(
|
|
174353
174378
|
this.metaSelectedOptionValue,
|
|
174354
174379
|
(_a2 = this.transformation) == null ? void 0 : _a2.value
|
|
@@ -174363,7 +174388,7 @@ const propertiesDefinition$8 = {
|
|
|
174363
174388
|
}
|
|
174364
174389
|
}),
|
|
174365
174390
|
selectedOptionValues: Prop.any().readable().default(function() {
|
|
174366
|
-
if (!this.
|
|
174391
|
+
if (!this.multiselect) return;
|
|
174367
174392
|
const normalize2 = (val) => {
|
|
174368
174393
|
var _a2;
|
|
174369
174394
|
return normalizeFunction(val, (_a2 = this.transformation) == null ? void 0 : _a2.value);
|
|
@@ -174384,7 +174409,7 @@ const propertiesDefinition$8 = {
|
|
|
174384
174409
|
}),
|
|
174385
174410
|
selectedOption: Prop.any().readable().default(function() {
|
|
174386
174411
|
var _a2;
|
|
174387
|
-
if (this.
|
|
174412
|
+
if (this.multiselect) return;
|
|
174388
174413
|
const normalizedValue = normalizeFunction(
|
|
174389
174414
|
this.metaSelectedOptionValue,
|
|
174390
174415
|
(_a2 = this.transformation) == null ? void 0 : _a2.value
|
|
@@ -174394,7 +174419,7 @@ const propertiesDefinition$8 = {
|
|
|
174394
174419
|
);
|
|
174395
174420
|
}),
|
|
174396
174421
|
selectedOptionArr: Prop.any().readable().default(function() {
|
|
174397
|
-
if (!this.
|
|
174422
|
+
if (!this.multiselect) return;
|
|
174398
174423
|
const normalize2 = (val) => {
|
|
174399
174424
|
var _a2;
|
|
174400
174425
|
return normalizeFunction(val, (_a2 = this.transformation) == null ? void 0 : _a2.value);
|
|
@@ -174410,7 +174435,7 @@ const propertiesDefinition$8 = {
|
|
|
174410
174435
|
}),
|
|
174411
174436
|
selectedIndex: Prop.number().readable().default(function() {
|
|
174412
174437
|
var _a2;
|
|
174413
|
-
if (this.
|
|
174438
|
+
if (this.multiselect) return;
|
|
174414
174439
|
const normalizedValue = normalizeFunction(
|
|
174415
174440
|
this.metaSelectedOptionValue,
|
|
174416
174441
|
(_a2 = this.transformation) == null ? void 0 : _a2.value
|
|
@@ -174520,20 +174545,20 @@ const SbDropdown = registerSbComponent(
|
|
|
174520
174545
|
},
|
|
174521
174546
|
[props.isTouched, update]
|
|
174522
174547
|
);
|
|
174523
|
-
const {
|
|
174548
|
+
const { multiselect, onOptionChange: propOnOptionChange } = props;
|
|
174524
174549
|
const onOptionSelected = useCallback(
|
|
174525
174550
|
(selectedOption) => {
|
|
174526
174551
|
if (selectedOption === null) {
|
|
174527
174552
|
if (props.selectedOption) {
|
|
174528
174553
|
update((e3) => e3.metaSelectedOptionValue = -1);
|
|
174529
|
-
if (!
|
|
174554
|
+
if (!multiselect) {
|
|
174530
174555
|
onClear();
|
|
174531
174556
|
}
|
|
174532
174557
|
}
|
|
174533
174558
|
return;
|
|
174534
174559
|
}
|
|
174535
174560
|
let isChanged = true;
|
|
174536
|
-
if (!
|
|
174561
|
+
if (!multiselect) {
|
|
174537
174562
|
if (props.selectedOption) {
|
|
174538
174563
|
isChanged = !lodashExports.isEqual(
|
|
174539
174564
|
normalize2(props.selectedOption.value),
|
|
@@ -174565,7 +174590,7 @@ const SbDropdown = registerSbComponent(
|
|
|
174565
174590
|
}
|
|
174566
174591
|
},
|
|
174567
174592
|
[
|
|
174568
|
-
|
|
174593
|
+
multiselect,
|
|
174569
174594
|
props.isTouched,
|
|
174570
174595
|
props.selectedOption,
|
|
174571
174596
|
propOnOptionChange,
|
|
@@ -174674,7 +174699,7 @@ const SbDropdown = registerSbComponent(
|
|
|
174674
174699
|
onFocusChange: handleFocusChange,
|
|
174675
174700
|
onSearchTextChange: onDebouncedSearchTextChange
|
|
174676
174701
|
};
|
|
174677
|
-
return /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownContainer, { ...passthroughProps, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownStyleOverrides, { vertical: props.labelPosition === "top", children: props.
|
|
174702
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownContainer, { ...passthroughProps, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownStyleOverrides, { vertical: props.labelPosition === "top", children: props.multiselect ? /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
174678
174703
|
DropDownComponent,
|
|
174679
174704
|
{
|
|
174680
174705
|
...commonProps,
|
|
@@ -178513,7 +178538,7 @@ const generateTextStyles = (textStyles, builtinTypographies, fallbackFont) => {
|
|
|
178513
178538
|
|
|
178514
178539
|
.${CLASS_NAMES.INPUT} {
|
|
178515
178540
|
input::placeholder,
|
|
178516
|
-
textarea::placeholder {
|
|
178541
|
+
.${INPUT$1}::placeholder, textarea::placeholder {
|
|
178517
178542
|
${styleFromTextBlockWithColors(textStyles.inputPlaceholder)}
|
|
178518
178543
|
}
|
|
178519
178544
|
}
|
|
@@ -190267,4 +190292,4 @@ export {
|
|
|
190267
190292
|
copyToClipboard as y,
|
|
190268
190293
|
navigateTo as z
|
|
190269
190294
|
};
|
|
190270
|
-
//# sourceMappingURL=index-
|
|
190295
|
+
//# sourceMappingURL=index-RG7SFiT3.js.map
|