@superblocksteam/library 2.0.0-next.46 → 2.0.0-next.48
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-B1RZdhTs.js → allPaths-BA7YNQAb.js} +2 -2
- package/dist/{allPaths-B1RZdhTs.js.map → allPaths-BA7YNQAb.js.map} +1 -1
- package/dist/{allPaths-C4AFd057.js → allPaths-CKrtsdiM.js} +2 -2
- package/dist/{allPaths-C4AFd057.js.map → allPaths-CKrtsdiM.js.map} +1 -1
- package/dist/{allPathsLoader-B6R5LLlE.js → allPathsLoader-D3bqLvw9.js} +3 -3
- package/dist/{allPathsLoader-DdqvVuCa.js.map → allPathsLoader-D3bqLvw9.js.map} +1 -1
- package/dist/{allPathsLoader-DdqvVuCa.js → allPathsLoader-DQsgvi-_.js} +3 -3
- package/dist/{allPathsLoader-B6R5LLlE.js.map → allPathsLoader-DQsgvi-_.js.map} +1 -1
- package/dist/{index-0yWOYm1d.js → index-CrzDoGYZ.js} +110 -140
- package/dist/{index-0yWOYm1d.js.map → index-CrzDoGYZ.js.map} +1 -1
- package/dist/index.js +2 -2
- package/dist/{splitPathsBySizeLoader-DVwut2Mk.js → splitPathsBySizeLoader-BJzACa9d.js} +2 -2
- package/dist/{splitPathsBySizeLoader-DVwut2Mk.js.map → splitPathsBySizeLoader-BJzACa9d.js.map} +1 -1
- package/dist/{splitPathsBySizeLoader-CKijipea.js → splitPathsBySizeLoader-Cb_o2MXR.js} +2 -2
- package/dist/{splitPathsBySizeLoader-CKijipea.js.map → splitPathsBySizeLoader-Cb_o2MXR.js.map} +1 -1
- package/dist-types/lib/user-facing/components/column/index.d.ts +7 -20
- package/dist-types/lib/user-facing/components/column/props.d.ts +7 -19
- package/dist-types/lib/user-facing/components/container/index.d.ts +8 -22
- package/dist-types/lib/user-facing/components/container/props.d.ts +7 -22
- package/dist-types/lib/user-facing/components/grid/index.d.ts +1 -2
- package/dist-types/lib/user-facing/components/modal/index.d.ts +8 -13
- package/dist-types/lib/user-facing/components/modal/modal-component.d.ts +1 -1
- package/dist-types/lib/user-facing/components/modal/props.d.ts +8 -13
- package/dist-types/lib/user-facing/components/pixel-input/index.d.ts +7 -0
- package/dist-types/lib/user-facing/properties-panel/mixins/layout-section.d.ts +12 -14
- package/dist-types/lib/user-facing/themes/constants.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-CrzDoGYZ.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-BA7YNQAb.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allPaths-
|
|
1
|
+
{"version":3,"file":"allPaths-BA7YNQAb.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-CrzDoGYZ.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-CKrtsdiM.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allPaths-
|
|
1
|
+
{"version":3,"file":"allPaths-CKrtsdiM.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-CrzDoGYZ.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-BA7YNQAb.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-D3bqLvw9.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allPathsLoader-
|
|
1
|
+
{"version":3,"file":"allPathsLoader-D3bqLvw9.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-CrzDoGYZ.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-CKrtsdiM.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-DQsgvi-_.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allPathsLoader-
|
|
1
|
+
{"version":3,"file":"allPathsLoader-DQsgvi-_.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-DQsgvi-_.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-BJzACa9d.js"
|
|
2701
2701
|
)];
|
|
2702
2702
|
case 4:
|
|
2703
2703
|
return [2, _b2.sent().splitPathsBySizeLoader];
|
|
@@ -48772,7 +48772,7 @@ const BASE_THEME_V5 = {
|
|
|
48772
48772
|
mode: ThemeMode.LIGHT,
|
|
48773
48773
|
primaryColor: colors.ACCENT_BLUE_500,
|
|
48774
48774
|
padding: PADDING_PRESETS_BY_THEME_VERSION[5].medium.value,
|
|
48775
|
-
spacing: Dim.px(
|
|
48775
|
+
spacing: Dim.px(12),
|
|
48776
48776
|
palette: {
|
|
48777
48777
|
dark: DEFAULT_DARK_PALETTE,
|
|
48778
48778
|
light: DEFAULT_LIGHT_PALETTE
|
|
@@ -48895,6 +48895,7 @@ const KEY_VALUE_PADDING = {
|
|
|
48895
48895
|
bottom: Dim.px(12)
|
|
48896
48896
|
};
|
|
48897
48897
|
const KEY_VALUE_SPACING = Dim.px(24);
|
|
48898
|
+
const DEFAULT_GRID_ROW_SIZE = 12;
|
|
48898
48899
|
const READABILITY_THRESHOLD = 20;
|
|
48899
48900
|
const CONTRAST_TEXT_THRESHOLD = 25;
|
|
48900
48901
|
const MAX_ITERATIONS = 10;
|
|
@@ -99276,18 +99277,14 @@ const filterSafeStackDimensionProperties = (existingProps) => {
|
|
|
99276
99277
|
};
|
|
99277
99278
|
const filterSafeGridDimensionProperties = (existingProps) => {
|
|
99278
99279
|
const { width, height } = existingProps;
|
|
99279
|
-
|
|
99280
|
-
let safeWidth;
|
|
99280
|
+
const safeDimensions = {};
|
|
99281
99281
|
if ((height == null ? void 0 : height.mode) === "rows" || (height == null ? void 0 : height.mode) === "fit") {
|
|
99282
|
-
|
|
99282
|
+
safeDimensions.height = Property.Dimension(height);
|
|
99283
99283
|
}
|
|
99284
99284
|
if ((width == null ? void 0 : width.mode) === "columns") {
|
|
99285
|
-
|
|
99285
|
+
safeDimensions.width = Property.Dimension(width);
|
|
99286
99286
|
}
|
|
99287
|
-
return
|
|
99288
|
-
width: safeWidth,
|
|
99289
|
-
height: safeHeight
|
|
99290
|
-
};
|
|
99287
|
+
return safeDimensions;
|
|
99291
99288
|
};
|
|
99292
99289
|
const defaultSizeForComponent = (componentType, isFreeform, activeRectGUWidth) => {
|
|
99293
99290
|
const height = Property.Dimension(Dim.fit());
|
|
@@ -99454,7 +99451,7 @@ class GridManager {
|
|
|
99454
99451
|
};
|
|
99455
99452
|
}
|
|
99456
99453
|
get lazyTargetGridInfo() {
|
|
99457
|
-
var _a2, _b2;
|
|
99454
|
+
var _a2, _b2, _c2;
|
|
99458
99455
|
const targetRect = this.dnd.activeTargetRect;
|
|
99459
99456
|
const dropTargetId = this.dnd.dropTargetId;
|
|
99460
99457
|
if (!targetRect || !dropTargetId) {
|
|
@@ -99475,7 +99472,7 @@ class GridManager {
|
|
|
99475
99472
|
const targetPadding = entityValues == null ? void 0 : entityValues.padding;
|
|
99476
99473
|
const xPadding = (((_a2 = targetPadding == null ? void 0 : targetPadding.left) == null ? void 0 : _a2.value) ?? 0) + (((_b2 = targetPadding == null ? void 0 : targetPadding.right) == null ? void 0 : _b2.value) ?? 0);
|
|
99477
99474
|
const tileWidth = (targetRect.width - xPadding) / targetColumns;
|
|
99478
|
-
const tileHeight = (entityValues == null ? void 0 : entityValues.
|
|
99475
|
+
const tileHeight = ((_c2 = entityValues == null ? void 0 : entityValues.rowHeight) == null ? void 0 : _c2.value) ?? 12;
|
|
99479
99476
|
const targetHeightGU = Math.ceil(targetRect.height / tileHeight);
|
|
99480
99477
|
return {
|
|
99481
99478
|
targetColumns,
|
|
@@ -110949,6 +110946,9 @@ const spacing = (options) => {
|
|
|
110949
110946
|
}
|
|
110950
110947
|
return themeValue ?? Theme.spacing;
|
|
110951
110948
|
},
|
|
110949
|
+
isVisible: function() {
|
|
110950
|
+
return this.layout !== "freeform";
|
|
110951
|
+
},
|
|
110952
110952
|
...rest
|
|
110953
110953
|
});
|
|
110954
110954
|
if (defaultSpacing || themeValue) {
|
|
@@ -111091,7 +111091,7 @@ const getAlignmentProps = () => {
|
|
|
111091
111091
|
})
|
|
111092
111092
|
};
|
|
111093
111093
|
};
|
|
111094
|
-
const containerLayout = () => Prop.union({
|
|
111094
|
+
const containerLayout = (sizeProps) => Prop.union({
|
|
111095
111095
|
shared: {
|
|
111096
111096
|
layout: Prop.string().readAndWrite().default("vertical").propertiesPanel({
|
|
111097
111097
|
label: "Layout",
|
|
@@ -111142,32 +111142,32 @@ const containerLayout = () => Prop.union({
|
|
|
111142
111142
|
})
|
|
111143
111143
|
},
|
|
111144
111144
|
variants: [
|
|
111145
|
-
{
|
|
111146
|
-
layout: Prop.literal("freeform"),
|
|
111147
|
-
columns: Prop.number().readAndWrite().propertiesPanel({
|
|
111148
|
-
label: "Columns",
|
|
111149
|
-
placeholder: "Enter columns"
|
|
111150
|
-
}).default(48),
|
|
111151
|
-
rows: Prop.number().readAndWrite().propertiesPanel({
|
|
111152
|
-
label: "Rows",
|
|
111153
|
-
placeholder: "Enter rows",
|
|
111154
|
-
visibility: "SHOW_NAME",
|
|
111155
|
-
defaultOnAdd: 12
|
|
111156
|
-
}),
|
|
111157
|
-
rowSize: Prop.number().readAndWrite().propertiesPanel({
|
|
111158
|
-
label: "Row size",
|
|
111159
|
-
placeholder: "Enter row size",
|
|
111160
|
-
visibility: "SHOW_NAME",
|
|
111161
|
-
defaultOnAdd: 12
|
|
111162
|
-
})
|
|
111163
|
-
},
|
|
111164
111145
|
{
|
|
111165
111146
|
layout: Prop.literal("vertical"),
|
|
111166
|
-
...getAlignmentProps()
|
|
111147
|
+
...getAlignmentProps(),
|
|
111148
|
+
...sizeProps
|
|
111167
111149
|
},
|
|
111168
111150
|
{
|
|
111169
111151
|
layout: Prop.literal("horizontal"),
|
|
111170
|
-
...getAlignmentProps()
|
|
111152
|
+
...getAlignmentProps(),
|
|
111153
|
+
...sizeProps
|
|
111154
|
+
},
|
|
111155
|
+
{
|
|
111156
|
+
layout: Prop.literal("freeform"),
|
|
111157
|
+
// put sizing props before the columns and rowHeight. Due to limit of Union, we need to put freefrom variant last because sizing props are merged with other variants, the last one will decide sizing props position
|
|
111158
|
+
...sizeProps,
|
|
111159
|
+
columns: Prop.number().readAndWrite().propertiesPanel({
|
|
111160
|
+
label: "Columns",
|
|
111161
|
+
placeholder: "Enter columns",
|
|
111162
|
+
helpText: "The total number of columns used to subdivide the grid horizontally. Each child component’s width will be defined relative to this total"
|
|
111163
|
+
}).default(12),
|
|
111164
|
+
rowHeight: Prop.dimension().readAndWrite().propertiesPanel({
|
|
111165
|
+
label: "Row height",
|
|
111166
|
+
placeholder: "row height in pixels",
|
|
111167
|
+
controlType: "DIMENSION_VALUE_CONTROL",
|
|
111168
|
+
dimensionUnit: "px",
|
|
111169
|
+
helpText: "The pixel height of each row in the grid. Child components can span multiple rows to maintain consistent vertical alignment"
|
|
111170
|
+
}).default(DEFAULT_GRID_ROW_SIZE)
|
|
111171
111171
|
}
|
|
111172
111172
|
]
|
|
111173
111173
|
});
|
|
@@ -115643,8 +115643,19 @@ function getComponentBaseProperties(componentType, parentInfo) {
|
|
|
115643
115643
|
properties2.searchPlaceholder = Property.Static("Search...");
|
|
115644
115644
|
break;
|
|
115645
115645
|
}
|
|
115646
|
+
const { width, height, ...restProperties } = properties2;
|
|
115647
|
+
const safeDimensions = parentInfo.isGridLike ? filterSafeGridDimensionProperties({
|
|
115648
|
+
width: width == null ? void 0 : width.value,
|
|
115649
|
+
height: height == null ? void 0 : height.value
|
|
115650
|
+
}) : filterSafeStackDimensionProperties({
|
|
115651
|
+
width: width == null ? void 0 : width.value,
|
|
115652
|
+
height: height == null ? void 0 : height.value
|
|
115653
|
+
});
|
|
115646
115654
|
return {
|
|
115647
|
-
properties:
|
|
115655
|
+
properties: {
|
|
115656
|
+
...restProperties,
|
|
115657
|
+
...safeDimensions
|
|
115658
|
+
},
|
|
115648
115659
|
children,
|
|
115649
115660
|
name: (_b2 = properties2.name) == null ? void 0 : _b2.value
|
|
115650
115661
|
};
|
|
@@ -115685,6 +115696,7 @@ async function createComponent({
|
|
|
115685
115696
|
componentType,
|
|
115686
115697
|
parentInfo.type
|
|
115687
115698
|
);
|
|
115699
|
+
const isGridLike = willWrapInSectionAndColumn && componentType !== "SbColumn" ? true : parentInfo.isGridLike;
|
|
115688
115700
|
const tagName = componentType;
|
|
115689
115701
|
const {
|
|
115690
115702
|
properties: propertiesFromType,
|
|
@@ -115692,7 +115704,7 @@ async function createComponent({
|
|
|
115692
115704
|
name
|
|
115693
115705
|
} = getComponentBaseProperties(componentType, {
|
|
115694
115706
|
// will wrap in a column with grid layout if dropping on a page or section directly
|
|
115695
|
-
isGridLike
|
|
115707
|
+
isGridLike
|
|
115696
115708
|
});
|
|
115697
115709
|
const properties2 = {
|
|
115698
115710
|
...baseProperties,
|
|
@@ -119022,13 +119034,11 @@ const useHeightObserver = () => {
|
|
|
119022
119034
|
label: "Columns",
|
|
119023
119035
|
placeholder: "Enter columns"
|
|
119024
119036
|
}),
|
|
119025
|
-
|
|
119026
|
-
label: "
|
|
119027
|
-
placeholder: "Enter
|
|
119028
|
-
|
|
119029
|
-
|
|
119030
|
-
label: "Row size",
|
|
119031
|
-
placeholder: "Enter row size"
|
|
119037
|
+
rowHeight: Prop.dimension().readAndWrite().propertiesPanel({
|
|
119038
|
+
label: "Row height",
|
|
119039
|
+
placeholder: "Enter row height",
|
|
119040
|
+
controlType: "DIMENSION_VALUE_CONTROL",
|
|
119041
|
+
dimensionUnit: "px"
|
|
119032
119042
|
}),
|
|
119033
119043
|
...spacing({ themeValue: Dim.px(0) })
|
|
119034
119044
|
}),
|
|
@@ -119047,10 +119057,10 @@ const InternalGrid = ({
|
|
|
119047
119057
|
children = EMPTY_ARRAY$1,
|
|
119048
119058
|
...props
|
|
119049
119059
|
}) => {
|
|
119050
|
-
var _a2;
|
|
119060
|
+
var _a2, _b2;
|
|
119051
119061
|
const isEditing = Boolean((_a2 = rootStore.editStore) == null ? void 0 : _a2.isInitialized);
|
|
119052
119062
|
const { style: style2, ...passThroughProps } = usePassthroughProps(props);
|
|
119053
|
-
const rowHeight = props.
|
|
119063
|
+
const rowHeight = ((_b2 = props.rowHeight) == null ? void 0 : _b2.value) ?? 12;
|
|
119054
119064
|
const childrenArray = useMemo$2(() => {
|
|
119055
119065
|
let childrenArray2 = Array.isArray(children) ? children : [children];
|
|
119056
119066
|
if (!isEditing) {
|
|
@@ -119072,9 +119082,9 @@ const InternalGrid = ({
|
|
|
119072
119082
|
);
|
|
119073
119083
|
const positions = childrenArray.reduce(
|
|
119074
119084
|
(acc, child) => {
|
|
119075
|
-
var _a3,
|
|
119085
|
+
var _a3, _b3, _c2;
|
|
119076
119086
|
let width = ((_a3 = child.props.width) == null ? void 0 : _a3.value) ?? 1;
|
|
119077
|
-
if (((
|
|
119087
|
+
if (((_b3 = child.props.width) == null ? void 0 : _b3.mode) === "fill") {
|
|
119078
119088
|
width = columns;
|
|
119079
119089
|
}
|
|
119080
119090
|
acc[getChildName(child)] = {
|
|
@@ -119102,7 +119112,7 @@ const InternalGrid = ({
|
|
|
119102
119112
|
};
|
|
119103
119113
|
}, [columns, props.spacing, rowHeight, style2]);
|
|
119104
119114
|
return /* @__PURE__ */ jsxRuntimeExports.jsx(DragDisplay, { passThroughProps, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: gridStyle, className: props.className, children: childrenArray.map((child) => {
|
|
119105
|
-
var _a3,
|
|
119115
|
+
var _a3, _b3;
|
|
119106
119116
|
const heightMode = ((_a3 = child.props.height) == null ? void 0 : _a3.mode) ?? "fit";
|
|
119107
119117
|
const top2 = gridPositions[getChildName(child)].top;
|
|
119108
119118
|
const left2 = gridPositions[getChildName(child)].left;
|
|
@@ -119121,7 +119131,7 @@ const InternalGrid = ({
|
|
|
119121
119131
|
children: /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
119122
119132
|
Component3,
|
|
119123
119133
|
{
|
|
119124
|
-
staticHeight: (((
|
|
119134
|
+
staticHeight: (((_b3 = child.props.height) == null ? void 0 : _b3.value) ?? 0) * rowHeight,
|
|
119125
119135
|
onHeightChanged: (height) => {
|
|
119126
119136
|
dispatchHeight({
|
|
119127
119137
|
type: "SET_HEIGHT",
|
|
@@ -119178,67 +119188,30 @@ const StaticComponent = ({
|
|
|
119178
119188
|
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { ...style2, width: "100%", height: "100%" }, children });
|
|
119179
119189
|
};
|
|
119180
119190
|
const propertiesDefinition$f = {
|
|
119181
|
-
layout: Section.category(PropsPanelCategory.Layout).add(
|
|
119182
|
-
|
|
119183
|
-
|
|
119184
|
-
|
|
119185
|
-
|
|
119186
|
-
|
|
119187
|
-
|
|
119188
|
-
|
|
119189
|
-
|
|
119190
|
-
|
|
119191
|
-
|
|
119192
|
-
|
|
119193
|
-
|
|
119194
|
-
|
|
119195
|
-
|
|
119196
|
-
|
|
119197
|
-
|
|
119198
|
-
|
|
119199
|
-
|
|
119200
|
-
|
|
119201
|
-
|
|
119202
|
-
|
|
119203
|
-
}).add({
|
|
119204
|
-
width: Prop.dimension().readAndWrite().propertiesPanel({
|
|
119205
|
-
label: "Width",
|
|
119206
|
-
controlType: "WIDTH_DROPDOWN"
|
|
119207
|
-
}),
|
|
119208
|
-
height: Prop.dimension().readAndWrite().propertiesPanel({
|
|
119209
|
-
label: "Height",
|
|
119210
|
-
controlType: "HEIGHT_DROPDOWN"
|
|
119211
|
-
}),
|
|
119212
|
-
// the default min/max width/height should be undefined, but currently if no default is set, the add button is not working
|
|
119213
|
-
minWidth: Prop.dimension().readAndWrite().propertiesPanel({
|
|
119214
|
-
label: "Min width",
|
|
119215
|
-
controlType: "WIDTH_DROPDOWN",
|
|
119216
|
-
isRemovable: true,
|
|
119217
|
-
visibility: "SHOW_NAME",
|
|
119218
|
-
defaultOnAdd: Dim.px(0)
|
|
119219
|
-
}),
|
|
119220
|
-
maxWidth: Prop.dimension().readAndWrite().propertiesPanel({
|
|
119221
|
-
label: "Max width",
|
|
119222
|
-
controlType: "WIDTH_DROPDOWN",
|
|
119223
|
-
isRemovable: true,
|
|
119224
|
-
visibility: "SHOW_NAME",
|
|
119225
|
-
defaultOnAdd: Dim.px(200)
|
|
119226
|
-
}),
|
|
119227
|
-
minHeight: Prop.dimension().readAndWrite().propertiesPanel({
|
|
119228
|
-
label: "Min height",
|
|
119229
|
-
controlType: "HEIGHT_DROPDOWN",
|
|
119230
|
-
isRemovable: true,
|
|
119231
|
-
visibility: "SHOW_NAME",
|
|
119232
|
-
defaultOnAdd: Dim.px(0)
|
|
119233
|
-
}),
|
|
119234
|
-
maxHeight: Prop.dimension().readAndWrite().propertiesPanel({
|
|
119235
|
-
label: "Max height",
|
|
119236
|
-
controlType: "HEIGHT_DROPDOWN",
|
|
119237
|
-
isRemovable: true,
|
|
119238
|
-
visibility: "SHOW_NAME",
|
|
119239
|
-
defaultOnAdd: Dim.px(120)
|
|
119191
|
+
layout: Section.category(PropsPanelCategory.Layout).add(
|
|
119192
|
+
containerLayout({
|
|
119193
|
+
...spacing(),
|
|
119194
|
+
...padding({
|
|
119195
|
+
default: function() {
|
|
119196
|
+
return this.variant === "card" ? BASE_THEME_NEW_APPS.padding : {
|
|
119197
|
+
top: Dim.px(0),
|
|
119198
|
+
bottom: Dim.px(0),
|
|
119199
|
+
left: Dim.px(0),
|
|
119200
|
+
right: Dim.px(0)
|
|
119201
|
+
};
|
|
119202
|
+
}
|
|
119203
|
+
}),
|
|
119204
|
+
...margin(),
|
|
119205
|
+
...size$2({
|
|
119206
|
+
defaultsOnAdd: {
|
|
119207
|
+
minWidth: Dim.px(0),
|
|
119208
|
+
minHeight: Dim.px(0),
|
|
119209
|
+
maxWidth: Dim.px(200),
|
|
119210
|
+
maxHeight: Dim.px(120)
|
|
119211
|
+
}
|
|
119212
|
+
})
|
|
119240
119213
|
})
|
|
119241
|
-
|
|
119214
|
+
).add(shouldScrollContents(true)).add(visible()),
|
|
119242
119215
|
appearance: Section.category(PropsPanelCategory.Appearance).children({
|
|
119243
119216
|
variant: Prop.string().readAndWrite().default("none").propertiesPanel({
|
|
119244
119217
|
label: "Variant",
|
|
@@ -119343,8 +119316,7 @@ const InternalContainer = (props) => {
|
|
|
119343
119316
|
isVisible: props.isVisible ?? true,
|
|
119344
119317
|
"data-container-layer": "container-inner-grid",
|
|
119345
119318
|
columns: props.columns,
|
|
119346
|
-
|
|
119347
|
-
rowSize: props.rowSize,
|
|
119319
|
+
rowHeight: props.rowHeight,
|
|
119348
119320
|
children: props.children
|
|
119349
119321
|
}
|
|
119350
119322
|
) : props.layout === "horizontal" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
@@ -119378,22 +119350,19 @@ const SbContainer = registerSbComponent(
|
|
|
119378
119350
|
InternalContainer
|
|
119379
119351
|
);
|
|
119380
119352
|
const propertiesDefinition$e = {
|
|
119381
|
-
layout: Section.category(PropsPanelCategory.Layout).add(
|
|
119382
|
-
|
|
119383
|
-
|
|
119384
|
-
|
|
119385
|
-
|
|
119386
|
-
|
|
119387
|
-
|
|
119388
|
-
|
|
119389
|
-
|
|
119390
|
-
|
|
119391
|
-
|
|
119392
|
-
|
|
119393
|
-
}
|
|
119394
|
-
hasMinHeight: false,
|
|
119395
|
-
hasMaxHeight: false,
|
|
119396
|
-
showHeight: () => false
|
|
119353
|
+
layout: Section.category(PropsPanelCategory.Layout).add(
|
|
119354
|
+
containerLayout({
|
|
119355
|
+
...spacing(),
|
|
119356
|
+
...padding(),
|
|
119357
|
+
...size$2({
|
|
119358
|
+
defaults: {
|
|
119359
|
+
width: Dim.fill(),
|
|
119360
|
+
height: Dim.fill()
|
|
119361
|
+
},
|
|
119362
|
+
hasMinHeight: false,
|
|
119363
|
+
hasMaxHeight: false,
|
|
119364
|
+
showHeight: () => false
|
|
119365
|
+
})
|
|
119397
119366
|
})
|
|
119398
119367
|
).add(shouldScrollContents(true)).add(visible()),
|
|
119399
119368
|
appearance: Section.category(PropsPanelCategory.Appearance).children({
|
|
@@ -119427,12 +119396,11 @@ const SbColumn = registerSbComponent(
|
|
|
119427
119396
|
height: CONTAINER_FILL_DIM,
|
|
119428
119397
|
shouldScrollContents: props.shouldScrollContents,
|
|
119429
119398
|
width: props.width,
|
|
119430
|
-
spacing: props.
|
|
119399
|
+
spacing: props.spacing,
|
|
119431
119400
|
layout: props.layout,
|
|
119432
119401
|
verticalAlign: props.verticalAlign,
|
|
119433
119402
|
horizontalAlign: props.horizontalAlign,
|
|
119434
119403
|
columns: props.columns,
|
|
119435
|
-
rows: props.rows,
|
|
119436
119404
|
padding: props.padding,
|
|
119437
119405
|
variant: "none",
|
|
119438
119406
|
backgroundColor: props.backgroundColor,
|
|
@@ -134259,8 +134227,7 @@ const ModalComponent = (props) => {
|
|
|
134259
134227
|
padding: props.styleProps.padding ?? ZERO_PADDING,
|
|
134260
134228
|
spacing: props.spacing ?? Dim.px(0),
|
|
134261
134229
|
columns: props.columns ?? 48,
|
|
134262
|
-
|
|
134263
|
-
rowSize: props.rowSize,
|
|
134230
|
+
rowHeight: props.rowHeight,
|
|
134264
134231
|
shouldScrollContents: true,
|
|
134265
134232
|
variant: "none",
|
|
134266
134233
|
children: props.children
|
|
@@ -134275,8 +134242,7 @@ const ModalComponent = (props) => {
|
|
|
134275
134242
|
props.styleProps.padding,
|
|
134276
134243
|
props.spacing,
|
|
134277
134244
|
props.columns,
|
|
134278
|
-
props.
|
|
134279
|
-
props.rowSize,
|
|
134245
|
+
props.rowHeight,
|
|
134280
134246
|
props.children
|
|
134281
134247
|
]
|
|
134282
134248
|
);
|
|
@@ -134354,7 +134320,12 @@ const ModalComponent = (props) => {
|
|
|
134354
134320
|
] });
|
|
134355
134321
|
};
|
|
134356
134322
|
const propertiesDefinition$a = {
|
|
134357
|
-
layout: Section.category(PropsPanelCategory.Layout).add(
|
|
134323
|
+
layout: Section.category(PropsPanelCategory.Layout).add(
|
|
134324
|
+
containerLayout({
|
|
134325
|
+
...spacing(),
|
|
134326
|
+
...padding()
|
|
134327
|
+
})
|
|
134328
|
+
),
|
|
134358
134329
|
appearance: Section.category(PropsPanelCategory.Appearance).children({
|
|
134359
134330
|
backgroundColor: colorProp({
|
|
134360
134331
|
label: "Background color",
|
|
@@ -134543,8 +134514,7 @@ const SbModal = registerSbComponent(
|
|
|
134543
134514
|
verticalAlign: props.verticalAlign,
|
|
134544
134515
|
spacing: props.spacing ?? Dim.px(0),
|
|
134545
134516
|
columns: props.columns,
|
|
134546
|
-
|
|
134547
|
-
rowSize: props.rowSize,
|
|
134517
|
+
rowHeight: props.rowHeight,
|
|
134548
134518
|
dropTargetRef,
|
|
134549
134519
|
children: props.children
|
|
134550
134520
|
}
|
|
@@ -144425,14 +144395,14 @@ function getLoaderFn(options) {
|
|
|
144425
144395
|
if (!(loader === "all")) return [3, 3];
|
|
144426
144396
|
return [4, import(
|
|
144427
144397
|
/* webpackChunkName: "blueprint-icons-all-paths-loader" */
|
|
144428
|
-
"./allPathsLoader-
|
|
144398
|
+
"./allPathsLoader-D3bqLvw9.js"
|
|
144429
144399
|
)];
|
|
144430
144400
|
case 2:
|
|
144431
144401
|
return [2, _b2.sent().allPathsLoader];
|
|
144432
144402
|
case 3:
|
|
144433
144403
|
return [4, import(
|
|
144434
144404
|
/* webpackChunkName: "blueprint-icons-split-paths-by-size-loader" */
|
|
144435
|
-
"./splitPathsBySizeLoader-
|
|
144405
|
+
"./splitPathsBySizeLoader-Cb_o2MXR.js"
|
|
144436
144406
|
)];
|
|
144437
144407
|
case 4:
|
|
144438
144408
|
return [2, _b2.sent().splitPathsBySizeLoader];
|
|
@@ -190973,4 +190943,4 @@ export {
|
|
|
190973
190943
|
copyToClipboard as y,
|
|
190974
190944
|
navigateTo as z
|
|
190975
190945
|
};
|
|
190976
|
-
//# sourceMappingURL=index-
|
|
190946
|
+
//# sourceMappingURL=index-CrzDoGYZ.js.map
|