@superblocksteam/library 2.0.0-next.6 → 2.0.0-next.8
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-CQicmj05.js → allPaths-BXojk62W.js} +2 -2
- package/dist/{allPaths-CQicmj05.js.map → allPaths-BXojk62W.js.map} +1 -1
- package/dist/{allPaths-JTh0AvL-.js → allPaths-CAGAw9-M.js} +2 -2
- package/dist/{allPaths-JTh0AvL-.js.map → allPaths-CAGAw9-M.js.map} +1 -1
- package/dist/{allPathsLoader-BzKYsLDE.js → allPathsLoader-B4ukhqHJ.js} +3 -3
- package/dist/{allPathsLoader-BzKYsLDE.js.map → allPathsLoader-B4ukhqHJ.js.map} +1 -1
- package/dist/{allPathsLoader-DUkr4f2u.js → allPathsLoader-DyEaA2Fu.js} +3 -3
- package/dist/{allPathsLoader-DUkr4f2u.js.map → allPathsLoader-DyEaA2Fu.js.map} +1 -1
- package/dist/{index-U8MX-8Hu.js → index-CzpxmuHJ.js} +87 -76
- package/dist/{index-U8MX-8Hu.js.map → index-CzpxmuHJ.js.map} +1 -1
- package/dist/index.js +2 -2
- package/dist/{splitPathsBySizeLoader-4uQi8FeZ.js → splitPathsBySizeLoader-B4CtleKq.js} +2 -2
- package/dist/{splitPathsBySizeLoader-4uQi8FeZ.js.map → splitPathsBySizeLoader-B4CtleKq.js.map} +1 -1
- package/dist/{splitPathsBySizeLoader-D1iVVUla.js → splitPathsBySizeLoader-DDVqG3q2.js} +2 -2
- package/dist/{splitPathsBySizeLoader-D1iVVUla.js.map → splitPathsBySizeLoader-DDVqG3q2.js.map} +1 -1
- package/dist-types/edit-mode/dnd/utils.d.ts +11 -1
- package/dist-types/lib/internal-details/lib/evaluator/lazy-function.d.ts +1 -1
- package/dist-types/lib/user-facing/components/column/props.d.ts +27 -28
- package/dist-types/lib/user-facing/properties-panel/mixins/appearance-properties.d.ts +1 -0
- 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-CzpxmuHJ.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-BXojk62W.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allPaths-
|
|
1
|
+
{"version":3,"file":"allPaths-BXojk62W.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-CzpxmuHJ.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-CAGAw9-M.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allPaths-
|
|
1
|
+
{"version":3,"file":"allPaths-CAGAw9-M.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-CzpxmuHJ.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-BXojk62W.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-B4ukhqHJ.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allPathsLoader-
|
|
1
|
+
{"version":3,"file":"allPathsLoader-B4ukhqHJ.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]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as __awaiter, a as __generator } from "./index-
|
|
1
|
+
import { _ as __awaiter, a as __generator } from "./index-CzpxmuHJ.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-CAGAw9-M.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-DyEaA2Fu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allPathsLoader-
|
|
1
|
+
{"version":3,"file":"allPathsLoader-DyEaA2Fu.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]}
|
|
@@ -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-DyEaA2Fu.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-B4CtleKq.js"
|
|
2701
2701
|
)];
|
|
2702
2702
|
case 4:
|
|
2703
2703
|
return [2, _b2.sent().splitPathsBySizeLoader];
|
|
@@ -10229,11 +10229,12 @@ const cyrb53$1 = (str, seed2 = 0) => {
|
|
|
10229
10229
|
h22 ^= Math.imul(h1 ^ h1 >>> 13, 3266489909);
|
|
10230
10230
|
return 4294967296 * (2097151 & h22) + (h1 >>> 0);
|
|
10231
10231
|
};
|
|
10232
|
-
function PropertyInfo(value, type5 = "STATIC") {
|
|
10232
|
+
function PropertyInfo(value, type5 = "STATIC", extra) {
|
|
10233
10233
|
return {
|
|
10234
10234
|
__info: true,
|
|
10235
10235
|
value,
|
|
10236
|
-
type: type5
|
|
10236
|
+
type: type5,
|
|
10237
|
+
...extra
|
|
10237
10238
|
};
|
|
10238
10239
|
}
|
|
10239
10240
|
const Property = {
|
|
@@ -10243,7 +10244,7 @@ const Property = {
|
|
|
10243
10244
|
Expression: (value) => PropertyInfo(value, "EXPRESSION"),
|
|
10244
10245
|
Event: (value) => PropertyInfo(value, "EVENT"),
|
|
10245
10246
|
Dimension: (value) => PropertyInfo(value, "DIMENSION"),
|
|
10246
|
-
Computed: (value) => PropertyInfo(value, "COMPUTED"),
|
|
10247
|
+
Computed: (value, args) => PropertyInfo(value, "COMPUTED", args ? { args } : {}),
|
|
10247
10248
|
Any: (value, type5 = "STATIC") => PropertyInfo(value, type5)
|
|
10248
10249
|
};
|
|
10249
10250
|
function isPropertyInfo(value) {
|
|
@@ -95416,8 +95417,9 @@ const lazyFunctionSymbol = Symbol("lazy-function");
|
|
|
95416
95417
|
const isLazyFunction = (value) => {
|
|
95417
95418
|
return typeof value === "function" && value[lazyFunctionSymbol];
|
|
95418
95419
|
};
|
|
95419
|
-
const LazyFunction = (source2) => {
|
|
95420
|
-
const
|
|
95420
|
+
const LazyFunction = (source2, args = []) => {
|
|
95421
|
+
const argsObj = `{ ${args.join(", ")} }`;
|
|
95422
|
+
const func = new Function(argsObj, source2);
|
|
95421
95423
|
func[lazyFunctionSymbol] = true;
|
|
95422
95424
|
return func;
|
|
95423
95425
|
};
|
|
@@ -98746,6 +98748,25 @@ const filterSafeGridDimensionProperties = (existingProps) => {
|
|
|
98746
98748
|
height: safeHeight
|
|
98747
98749
|
};
|
|
98748
98750
|
};
|
|
98751
|
+
const defaultSizeForComponent = (componentType, isFreeform, activeRectGUWidth) => {
|
|
98752
|
+
const height = Property.Dimension(Dim.fit());
|
|
98753
|
+
if (isFreeform) {
|
|
98754
|
+
return {
|
|
98755
|
+
height,
|
|
98756
|
+
width: Property.Dimension(Dim.col(activeRectGUWidth ?? 4))
|
|
98757
|
+
};
|
|
98758
|
+
}
|
|
98759
|
+
const componentsWithFitWidth = [
|
|
98760
|
+
"SbText",
|
|
98761
|
+
"SbButton",
|
|
98762
|
+
"SbCheckbox",
|
|
98763
|
+
"SbSwitch"
|
|
98764
|
+
];
|
|
98765
|
+
if (componentsWithFitWidth.includes(componentType)) {
|
|
98766
|
+
return { height, width: Property.Dimension(Dim.fit()) };
|
|
98767
|
+
}
|
|
98768
|
+
return { height, width: Property.Dimension(Dim.fill()) };
|
|
98769
|
+
};
|
|
98749
98770
|
const isWidgetGrid = (widget) => {
|
|
98750
98771
|
var _a2;
|
|
98751
98772
|
if (!widget) {
|
|
@@ -115057,12 +115078,7 @@ const handleGridDropForNewComponent = ({
|
|
|
115057
115078
|
baseProperties: {
|
|
115058
115079
|
marginTop: Property.Dimension(Dim.row((activeRectGU == null ? void 0 : activeRectGU.yGU) ?? 0)),
|
|
115059
115080
|
marginLeft: Property.Dimension(Dim.col((activeRectGU == null ? void 0 : activeRectGU.xGU) ?? 0)),
|
|
115060
|
-
|
|
115061
|
-
(activeRectGU == null ? void 0 : activeRectGU.widthGU) ? Dim.col(activeRectGU == null ? void 0 : activeRectGU.widthGU) : Dim.col(4)
|
|
115062
|
-
),
|
|
115063
|
-
height: Property.Dimension(
|
|
115064
|
-
(activeRectGU == null ? void 0 : activeRectGU.heightGU) ? Dim.rows(activeRectGU == null ? void 0 : activeRectGU.heightGU) : Dim.fit()
|
|
115065
|
-
)
|
|
115081
|
+
...defaultSizeForComponent(componentType, true, activeRectGU == null ? void 0 : activeRectGU.widthGU)
|
|
115066
115082
|
},
|
|
115067
115083
|
scopeName
|
|
115068
115084
|
});
|
|
@@ -115217,7 +115233,10 @@ const handleStackDropForNewComponent = ({
|
|
|
115217
115233
|
return createComponent({
|
|
115218
115234
|
componentType,
|
|
115219
115235
|
parent: { index: dropInfo.insertionIndex, id: dropSourceId },
|
|
115220
|
-
scopeName
|
|
115236
|
+
scopeName,
|
|
115237
|
+
baseProperties: {
|
|
115238
|
+
...defaultSizeForComponent(componentType, false)
|
|
115239
|
+
}
|
|
115221
115240
|
});
|
|
115222
115241
|
};
|
|
115223
115242
|
const handleStackDrop = async ({
|
|
@@ -117253,8 +117272,16 @@ const textStyleProp = ({
|
|
|
117253
117272
|
propertiesPanel
|
|
117254
117273
|
} = {}) => Prop.composite(baseProp).readAndWrite().propertiesPanel({
|
|
117255
117274
|
...basePropertiesPaneDisplay,
|
|
117256
|
-
...propertiesPanel
|
|
117275
|
+
...propertiesPanel,
|
|
117276
|
+
isJSConvertible: false
|
|
117257
117277
|
});
|
|
117278
|
+
const colorProp = (schema) => {
|
|
117279
|
+
return Prop.string().readAndWrite().propertiesPanel({
|
|
117280
|
+
...schema,
|
|
117281
|
+
controlType: "COLOR_PICKER",
|
|
117282
|
+
isJSConvertible: true
|
|
117283
|
+
});
|
|
117284
|
+
};
|
|
117258
117285
|
const labelTextStyle = () => textStyleProp({
|
|
117259
117286
|
propertiesPanel: {
|
|
117260
117287
|
label: "Label style",
|
|
@@ -117283,6 +117310,7 @@ const border = (propertiesPanelConfig = {}) => {
|
|
|
117283
117310
|
label: "Border",
|
|
117284
117311
|
controlType: "BORDER_CONTROL",
|
|
117285
117312
|
helpText: "Controls the border of the component",
|
|
117313
|
+
isJSConvertible: false,
|
|
117286
117314
|
...propertiesPanelConfig
|
|
117287
117315
|
}).readAndWrite();
|
|
117288
117316
|
};
|
|
@@ -117307,6 +117335,7 @@ const borderRadius = (propertiesPanelConfig = {}) => {
|
|
|
117307
117335
|
label: "Border radius",
|
|
117308
117336
|
controlType: "BORDER_RADIUS_CONTROL",
|
|
117309
117337
|
helpText: "Controls the border radius of the component",
|
|
117338
|
+
isJSConvertible: false,
|
|
117310
117339
|
...propertiesPanelConfig
|
|
117311
117340
|
});
|
|
117312
117341
|
};
|
|
@@ -117402,20 +117431,19 @@ const propertiesDefinition$h = {
|
|
|
117402
117431
|
}
|
|
117403
117432
|
}),
|
|
117404
117433
|
textStyle: textStyle$3,
|
|
117405
|
-
backgroundColor:
|
|
117406
|
-
const defaultThemeBackground = getButtonThemeDefaultBackgroundColor(
|
|
117407
|
-
Theme,
|
|
117408
|
-
this.variant
|
|
117409
|
-
);
|
|
117410
|
-
return defaultThemeBackground === "transparent" ? void 0 : defaultThemeBackground;
|
|
117411
|
-
}).propertiesPanel({
|
|
117434
|
+
backgroundColor: colorProp({
|
|
117412
117435
|
label: "Background color",
|
|
117413
|
-
controlType: "COLOR_PICKER",
|
|
117414
117436
|
visibility: "SHOW_NAME",
|
|
117415
117437
|
isRemovable: true,
|
|
117416
117438
|
defaultOnAdd: function() {
|
|
117417
117439
|
return getButtonThemeDefaultBackgroundColor(Theme, this.variant);
|
|
117418
117440
|
}
|
|
117441
|
+
}).default(function() {
|
|
117442
|
+
const defaultThemeBackground = getButtonThemeDefaultBackgroundColor(
|
|
117443
|
+
Theme,
|
|
117444
|
+
this.variant
|
|
117445
|
+
);
|
|
117446
|
+
return defaultThemeBackground === "transparent" ? void 0 : defaultThemeBackground;
|
|
117419
117447
|
}),
|
|
117420
117448
|
border: Prop.composite(buildPerSideBorder(() => PerSideBorderDef())).default(getDefaultBorderObject).propertiesPanel({
|
|
117421
117449
|
label: "Border",
|
|
@@ -117423,7 +117451,8 @@ const propertiesDefinition$h = {
|
|
|
117423
117451
|
helpText: "Controls the border of the component",
|
|
117424
117452
|
isRemovable: true,
|
|
117425
117453
|
defaultOnAdd: SECONDARY_BUTTON_BORDER_OBJECT,
|
|
117426
|
-
visibility: "SHOW_NAME"
|
|
117454
|
+
visibility: "SHOW_NAME",
|
|
117455
|
+
isJSConvertible: false
|
|
117427
117456
|
}).readAndWrite(),
|
|
117428
117457
|
borderRadius: borderRadius().default(function() {
|
|
117429
117458
|
let borderRadius2;
|
|
@@ -117639,9 +117668,8 @@ const commonLayoutProps = {
|
|
|
117639
117668
|
...visible()
|
|
117640
117669
|
};
|
|
117641
117670
|
Section.category(PropsPanelCategory.Appearance).children({
|
|
117642
|
-
backgroundColor:
|
|
117671
|
+
backgroundColor: colorProp({
|
|
117643
117672
|
label: "Background",
|
|
117644
|
-
controlType: "COLOR_PICKER",
|
|
117645
117673
|
helpText: "Changes the color of the background"
|
|
117646
117674
|
}),
|
|
117647
117675
|
border: border(),
|
|
@@ -117785,11 +117813,11 @@ const getStackChildStyle = ({
|
|
|
117785
117813
|
parentWidth
|
|
117786
117814
|
}) => {
|
|
117787
117815
|
const height = (childProps == null ? void 0 : childProps.height) ?? Dim.fit();
|
|
117788
|
-
const heightCss =
|
|
117816
|
+
const heightCss = (
|
|
117789
117817
|
// using 100% height when there is only one child and user's intention to set the child height as exact 100%, e.g. an image with large original height
|
|
117790
117818
|
// if parent height is fit-content, child height 100% will cause unexpected height if child is empty container
|
|
117791
|
-
{ height: "100%" }
|
|
117792
|
-
)
|
|
117819
|
+
childCount === 1 && (height == null ? void 0 : height.mode) === "fill" && (parentHeight == null ? void 0 : parentHeight.mode) !== "fit" ? { height: "100%" } : dimToCSS(height, "height", primary === "height")
|
|
117820
|
+
);
|
|
117793
117821
|
const width = (childProps == null ? void 0 : childProps.width) ?? Dim.fit();
|
|
117794
117822
|
const widthCss = childCount === 1 && (width == null ? void 0 : width.mode) === "fill" && (parentWidth == null ? void 0 : parentWidth.mode) !== "fit" ? { width: "100%" } : dimToCSS(width, "width", primary === "width");
|
|
117795
117823
|
const minWidthCss = getMinMaxCss(
|
|
@@ -117983,9 +118011,8 @@ const propertiesDefinition$g = {
|
|
|
117983
118011
|
}).default(false)
|
|
117984
118012
|
}).add(visible()),
|
|
117985
118013
|
appearance: Section.category(PropsPanelCategory.Appearance).children({
|
|
117986
|
-
backgroundColor:
|
|
118014
|
+
backgroundColor: colorProp({
|
|
117987
118015
|
label: "Background",
|
|
117988
|
-
controlType: "COLOR_PICKER",
|
|
117989
118016
|
helpText: "Changes the color of the background"
|
|
117990
118017
|
}),
|
|
117991
118018
|
border: border()
|
|
@@ -118563,9 +118590,8 @@ const propertiesDefinition$e = {
|
|
|
118563
118590
|
})
|
|
118564
118591
|
).add(shouldScrollContents(true)).add(visible()),
|
|
118565
118592
|
appearance: Section.category(PropsPanelCategory.Appearance).children({
|
|
118566
|
-
backgroundColor:
|
|
118593
|
+
backgroundColor: colorProp({
|
|
118567
118594
|
label: "Background",
|
|
118568
|
-
controlType: "COLOR_PICKER",
|
|
118569
118595
|
helpText: "Changes the color of the background"
|
|
118570
118596
|
}),
|
|
118571
118597
|
border: border()
|
|
@@ -125972,11 +125998,10 @@ const propertiesDefinition$d = {
|
|
|
125972
125998
|
placeholder: "Input text"
|
|
125973
125999
|
}),
|
|
125974
126000
|
textStyle: textStyle$2,
|
|
125975
|
-
backgroundColor:
|
|
126001
|
+
backgroundColor: colorProp({
|
|
125976
126002
|
label: "Background",
|
|
125977
|
-
controlType: "COLOR_PICKER",
|
|
125978
126003
|
helpText: "Changes the color of the background"
|
|
125979
|
-
}),
|
|
126004
|
+
}).default(() => Theme.colors.neutral),
|
|
125980
126005
|
border: border().default(void 0),
|
|
125981
126006
|
borderRadius: borderRadius(),
|
|
125982
126007
|
icon: Prop.string().readAndWrite().propertiesPanel({
|
|
@@ -133509,10 +133534,9 @@ const ModalComponent = (props) => {
|
|
|
133509
133534
|
const propertiesDefinition$a = {
|
|
133510
133535
|
layout: Section.category(PropsPanelCategory.Layout).add(containerLayout()).add(spacing()).add(padding()),
|
|
133511
133536
|
appearance: Section.category(PropsPanelCategory.Appearance).children({
|
|
133512
|
-
backgroundColor:
|
|
133537
|
+
backgroundColor: colorProp({
|
|
133513
133538
|
label: "Background color",
|
|
133514
|
-
helpText: "The background color of the component"
|
|
133515
|
-
controlType: "COLOR_PICKER"
|
|
133539
|
+
helpText: "The background color of the component"
|
|
133516
133540
|
}),
|
|
133517
133541
|
border: Prop.any().readAndWrite().propertiesPanel({
|
|
133518
133542
|
label: "Border",
|
|
@@ -133881,10 +133905,9 @@ const textStyleProps = {
|
|
|
133881
133905
|
label: "Cell style",
|
|
133882
133906
|
controlType: "TEXT_STYLE"
|
|
133883
133907
|
}),
|
|
133884
|
-
cellBackground:
|
|
133885
|
-
label: "Background color"
|
|
133886
|
-
|
|
133887
|
-
})
|
|
133908
|
+
cellBackground: colorProp({
|
|
133909
|
+
label: "Background color"
|
|
133910
|
+
}).readAndWrite()
|
|
133888
133911
|
};
|
|
133889
133912
|
const textColumnProperties = {
|
|
133890
133913
|
general: {
|
|
@@ -133938,18 +133961,15 @@ const buttonColumnProperties = {
|
|
|
133938
133961
|
}
|
|
133939
133962
|
]
|
|
133940
133963
|
}),
|
|
133941
|
-
buttonBackgroundColor:
|
|
133942
|
-
label: "Background color"
|
|
133943
|
-
|
|
133944
|
-
|
|
133945
|
-
|
|
133946
|
-
|
|
133947
|
-
|
|
133948
|
-
|
|
133949
|
-
|
|
133950
|
-
label: "Background color",
|
|
133951
|
-
controlType: "COLOR_PICKER"
|
|
133952
|
-
})
|
|
133964
|
+
buttonBackgroundColor: colorProp({
|
|
133965
|
+
label: "Background color"
|
|
133966
|
+
}).readAndWrite(),
|
|
133967
|
+
buttonLabelColor: colorProp({
|
|
133968
|
+
label: "Label color"
|
|
133969
|
+
}).readAndWrite(),
|
|
133970
|
+
backgroundColor: colorProp({
|
|
133971
|
+
label: "Background color"
|
|
133972
|
+
}).readAndWrite()
|
|
133953
133973
|
}
|
|
133954
133974
|
};
|
|
133955
133975
|
const numberColumnProperties = {
|
|
@@ -143581,14 +143601,14 @@ function getLoaderFn(options) {
|
|
|
143581
143601
|
if (!(loader === "all")) return [3, 3];
|
|
143582
143602
|
return [4, import(
|
|
143583
143603
|
/* webpackChunkName: "blueprint-icons-all-paths-loader" */
|
|
143584
|
-
"./allPathsLoader-
|
|
143604
|
+
"./allPathsLoader-B4ukhqHJ.js"
|
|
143585
143605
|
)];
|
|
143586
143606
|
case 2:
|
|
143587
143607
|
return [2, _b2.sent().allPathsLoader];
|
|
143588
143608
|
case 3:
|
|
143589
143609
|
return [4, import(
|
|
143590
143610
|
/* webpackChunkName: "blueprint-icons-split-paths-by-size-loader" */
|
|
143591
|
-
"./splitPathsBySizeLoader-
|
|
143611
|
+
"./splitPathsBySizeLoader-DDVqG3q2.js"
|
|
143592
143612
|
)];
|
|
143593
143613
|
case 4:
|
|
143594
143614
|
return [2, _b2.sent().splitPathsBySizeLoader];
|
|
@@ -155017,17 +155037,13 @@ const propertiesDefinition$9 = {
|
|
|
155017
155037
|
label: "Cell style",
|
|
155018
155038
|
controlType: "TEXT_STYLE"
|
|
155019
155039
|
}),
|
|
155020
|
-
backgroundColor:
|
|
155040
|
+
backgroundColor: colorProp({
|
|
155021
155041
|
label: "Background color",
|
|
155022
|
-
helpText: "Sets the background color of the table"
|
|
155023
|
-
controlType: "COLOR_PICKER"
|
|
155024
|
-
// themeValue: "{{ theme.colors.neutral }}",
|
|
155042
|
+
helpText: "Sets the background color of the table"
|
|
155025
155043
|
}),
|
|
155026
|
-
selectedRowBackgroundColor:
|
|
155044
|
+
selectedRowBackgroundColor: colorProp({
|
|
155027
155045
|
label: "Selected row background color",
|
|
155028
|
-
helpText: "Sets the background color of the selected row"
|
|
155029
|
-
controlType: "COLOR_PICKER"
|
|
155030
|
-
// themeValue: "{{ theme.colors.neutral50 }}",
|
|
155046
|
+
helpText: "Sets the background color of the selected row"
|
|
155031
155047
|
}),
|
|
155032
155048
|
border: border({ helpText: "Sets the border of the table" }),
|
|
155033
155049
|
borderRadius: borderRadius({
|
|
@@ -155079,11 +155095,9 @@ const propertiesDefinition$9 = {
|
|
|
155079
155095
|
label: "Search",
|
|
155080
155096
|
controlType: "TEXT_STYLE"
|
|
155081
155097
|
}),
|
|
155082
|
-
"searchProps.backgroundColor":
|
|
155098
|
+
"searchProps.backgroundColor": colorProp({
|
|
155083
155099
|
label: "Search background color",
|
|
155084
|
-
helpText: "Sets the background color of the search"
|
|
155085
|
-
controlType: "COLOR_PICKER"
|
|
155086
|
-
// themeValue:"{{ theme.colors.neutral }}",
|
|
155100
|
+
helpText: "Sets the background color of the search"
|
|
155087
155101
|
}),
|
|
155088
155102
|
"searchProps.border": border({
|
|
155089
155103
|
label: "Search border",
|
|
@@ -168023,7 +168037,7 @@ const Table = (props) => {
|
|
|
168023
168037
|
const hasFooter = props.pageType !== PaginationTypes.NONE || props.isDownloadable || props.numEdits != null && props.numEdits > 0 || props.isInsertionEnabled || canDelete;
|
|
168024
168038
|
const hasHeader = props.isSearchable || !lodashExports.isEmpty(props.tableHeader) || props.hiddenColumns && ((_a2 = props.hiddenColumns) == null ? void 0 : _a2.length) > 0;
|
|
168025
168039
|
const pageSize = props.pageType === PaginationTypes.NONE ? props.tableData.length : props.pageSize;
|
|
168026
|
-
const pageCount = Math.ceil(props.tableData.length / pageSize);
|
|
168040
|
+
const pageCount = Math.ceil(props.tableData.length / pageSize) || 1;
|
|
168027
168041
|
const currentPageIndex = props.pageNo < pageCount ? props.pageNo : 0;
|
|
168028
168042
|
const {
|
|
168029
168043
|
getTableProps,
|
|
@@ -175371,11 +175385,9 @@ const propertiesDefinition$4 = {
|
|
|
175371
175385
|
})
|
|
175372
175386
|
}).add(margin()).add(visible()),
|
|
175373
175387
|
appearance: Section.category(PropsPanelCategory.Appearance).children({
|
|
175374
|
-
color:
|
|
175388
|
+
color: colorProp({
|
|
175375
175389
|
label: "Color",
|
|
175376
|
-
controlType: "COLOR_PICKER",
|
|
175377
175390
|
helpText: "Changes the color of the icon"
|
|
175378
|
-
// themeValue:"{{ theme.colors.neutral700 }}",
|
|
175379
175391
|
}),
|
|
175380
175392
|
animateLoading: Prop.boolean().readAndWrite().default(true).propertiesPanel({
|
|
175381
175393
|
label: "Loading animation",
|
|
@@ -175592,9 +175604,8 @@ const propertiesDefinition$3 = {
|
|
|
175592
175604
|
})
|
|
175593
175605
|
}),
|
|
175594
175606
|
appearance: Section.category(PropsPanelCategory.Appearance).children({
|
|
175595
|
-
backgroundColor:
|
|
175607
|
+
backgroundColor: colorProp({
|
|
175596
175608
|
label: "Background",
|
|
175597
|
-
controlType: "COLOR_PICKER",
|
|
175598
175609
|
helpText: "Changes the color of the background"
|
|
175599
175610
|
}),
|
|
175600
175611
|
border: border(),
|
|
@@ -190031,4 +190042,4 @@ export {
|
|
|
190031
190042
|
copyToClipboard as y,
|
|
190032
190043
|
navigateTo as z
|
|
190033
190044
|
};
|
|
190034
|
-
//# sourceMappingURL=index-
|
|
190045
|
+
//# sourceMappingURL=index-CzpxmuHJ.js.map
|