@superblocksteam/library 2.0.0-next.12 → 2.0.0-next.14
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-DXE_RTrt.js → allPaths-DhZ2EIr_.js} +2 -2
- package/dist/{allPaths-DXE_RTrt.js.map → allPaths-DhZ2EIr_.js.map} +1 -1
- package/dist/{allPaths-h7bsheRo.js → allPaths-Dw4gnl1h.js} +2 -2
- package/dist/{allPaths-h7bsheRo.js.map → allPaths-Dw4gnl1h.js.map} +1 -1
- package/dist/{allPathsLoader-16QM90xQ.js → allPathsLoader-B4Z0U3uu.js} +3 -3
- package/dist/{allPathsLoader-BWX35Jie.js.map → allPathsLoader-B4Z0U3uu.js.map} +1 -1
- package/dist/{allPathsLoader-BWX35Jie.js → allPathsLoader-rdTxApDE.js} +3 -3
- package/dist/{allPathsLoader-16QM90xQ.js.map → allPathsLoader-rdTxApDE.js.map} +1 -1
- package/dist/{index-tdErpvtu.js → index-ZdgsD-En.js} +130 -91
- package/dist/{index-tdErpvtu.js.map → index-ZdgsD-En.js.map} +1 -1
- package/dist/index.js +2 -2
- package/dist/{splitPathsBySizeLoader-7yhv4gcq.js → splitPathsBySizeLoader-B9EaLUqI.js} +2 -2
- package/dist/{splitPathsBySizeLoader-7yhv4gcq.js.map → splitPathsBySizeLoader-B9EaLUqI.js.map} +1 -1
- package/dist/{splitPathsBySizeLoader-wQWCogRx.js → splitPathsBySizeLoader-boJ6lyNc.js} +2 -2
- package/dist/{splitPathsBySizeLoader-wQWCogRx.js.map → splitPathsBySizeLoader-boJ6lyNc.js.map} +1 -1
- package/dist-types/lib/user-facing/components/button/props.d.ts +0 -5
- package/dist-types/lib/user-facing/components/column/index.d.ts +1 -1
- package/dist-types/lib/user-facing/components/column/props.d.ts +1 -1
- package/dist-types/lib/user-facing/components/image/index.d.ts +1 -1
- package/dist-types/lib/user-facing/components/image/props.d.ts +1 -1
- package/dist-types/lib/user-facing/components/section/index.d.ts +2 -2
- package/dist-types/lib/user-facing/components/section/props.d.ts +2 -2
- package/dist-types/lib/user-facing/components/stack/index.d.ts +2 -2
- package/dist-types/lib/user-facing/components/table/index.d.ts +2 -2
- package/dist-types/lib/user-facing/components/table/props.d.ts +2 -2
- package/dist-types/lib/user-facing/properties-panel/mixins/appearance.d.ts +4 -8
- package/dist-types/lib/user-facing/themes/constants.d.ts +1 -0
- package/package.json +3 -3
|
@@ -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-ZdgsD-En.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-DhZ2EIr_.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allPaths-
|
|
1
|
+
{"version":3,"file":"allPaths-DhZ2EIr_.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,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-ZdgsD-En.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-Dw4gnl1h.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allPaths-
|
|
1
|
+
{"version":3,"file":"allPaths-Dw4gnl1h.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,4 +1,4 @@
|
|
|
1
|
-
import { _ as __awaiter, a as __generator } from "./index-
|
|
1
|
+
import { _ as __awaiter, a as __generator } from "./index-ZdgsD-En.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-Dw4gnl1h.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-B4Z0U3uu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allPathsLoader-
|
|
1
|
+
{"version":3,"file":"allPathsLoader-B4Z0U3uu.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-ZdgsD-En.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-DhZ2EIr_.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-rdTxApDE.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allPathsLoader-
|
|
1
|
+
{"version":3,"file":"allPathsLoader-rdTxApDE.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-rdTxApDE.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-B9EaLUqI.js"
|
|
2701
2701
|
)];
|
|
2702
2702
|
case 4:
|
|
2703
2703
|
return [2, _b2.sent().splitPathsBySizeLoader];
|
|
@@ -48340,12 +48340,23 @@ const noBorder = (theme) => ({
|
|
|
48340
48340
|
style: "solid",
|
|
48341
48341
|
color: theme.colors.neutral100
|
|
48342
48342
|
});
|
|
48343
|
+
const onePixelTransparentBorder = () => ({
|
|
48344
|
+
width: Dim.px(1),
|
|
48345
|
+
style: "solid",
|
|
48346
|
+
color: "transparent"
|
|
48347
|
+
});
|
|
48343
48348
|
const noBorderOject = (theme) => ({
|
|
48344
48349
|
left: noBorder(theme),
|
|
48345
48350
|
right: noBorder(theme),
|
|
48346
48351
|
top: noBorder(theme),
|
|
48347
48352
|
bottom: noBorder(theme)
|
|
48348
48353
|
});
|
|
48354
|
+
const onePixelTransparentBorderObject = () => ({
|
|
48355
|
+
left: onePixelTransparentBorder(),
|
|
48356
|
+
right: onePixelTransparentBorder(),
|
|
48357
|
+
top: onePixelTransparentBorder(),
|
|
48358
|
+
bottom: onePixelTransparentBorder()
|
|
48359
|
+
});
|
|
48349
48360
|
({
|
|
48350
48361
|
topLeft: Dim.px(0),
|
|
48351
48362
|
topRight: Dim.px(0),
|
|
@@ -115791,6 +115802,14 @@ const InteractionRectHandles = (props) => {
|
|
|
115791
115802
|
const { instanceId, isDragging, selectionType } = props;
|
|
115792
115803
|
const [showPopover, setShowPopover] = useState(null);
|
|
115793
115804
|
const { canResizeWidth: canResizeWidth2, canResizeHeight: canResizeHeight2 } = useResizeCapabilities(instanceId);
|
|
115805
|
+
const timeoutRef = useRef(null);
|
|
115806
|
+
useEffect(() => {
|
|
115807
|
+
return () => {
|
|
115808
|
+
if (timeoutRef.current) {
|
|
115809
|
+
clearTimeout(timeoutRef.current);
|
|
115810
|
+
}
|
|
115811
|
+
};
|
|
115812
|
+
}, []);
|
|
115794
115813
|
const throttledResizeWidget = useMemo$2(
|
|
115795
115814
|
() => lodashExports.throttle((e3) => {
|
|
115796
115815
|
var _a2;
|
|
@@ -115821,14 +115840,18 @@ const InteractionRectHandles = (props) => {
|
|
|
115821
115840
|
var _a2;
|
|
115822
115841
|
e3.stopPropagation();
|
|
115823
115842
|
e3.preventDefault();
|
|
115843
|
+
if (timeoutRef.current) {
|
|
115844
|
+
clearTimeout(timeoutRef.current);
|
|
115845
|
+
timeoutRef.current = null;
|
|
115846
|
+
}
|
|
115824
115847
|
if ((position2 === "left" || position2 === "right") && !canResizeWidth2) {
|
|
115825
115848
|
setShowPopover(position2);
|
|
115826
|
-
setTimeout(() => setShowPopover(null), 3e3);
|
|
115849
|
+
timeoutRef.current = setTimeout(() => setShowPopover(null), 3e3);
|
|
115827
115850
|
return;
|
|
115828
115851
|
}
|
|
115829
115852
|
if ((position2 === "top" || position2 === "bottom") && !canResizeHeight2) {
|
|
115830
115853
|
setShowPopover(position2);
|
|
115831
|
-
setTimeout(() => setShowPopover(null), 3e3);
|
|
115854
|
+
timeoutRef.current = setTimeout(() => setShowPopover(null), 3e3);
|
|
115832
115855
|
return;
|
|
115833
115856
|
}
|
|
115834
115857
|
setShowPopover(null);
|
|
@@ -115902,6 +115925,15 @@ const InteractionRectHandles = (props) => {
|
|
|
115902
115925
|
popoverClassName: "bp5-unstyled-popover",
|
|
115903
115926
|
isOpen: showPopover === pos2,
|
|
115904
115927
|
placement: pos2,
|
|
115928
|
+
onInteraction: (nextOpenState, e3) => {
|
|
115929
|
+
if ((e3 == null ? void 0 : e3.type) === "mousedown" && nextOpenState === false && showPopover === pos2) {
|
|
115930
|
+
if (timeoutRef.current) {
|
|
115931
|
+
clearTimeout(timeoutRef.current);
|
|
115932
|
+
timeoutRef.current = null;
|
|
115933
|
+
}
|
|
115934
|
+
setShowPopover(null);
|
|
115935
|
+
}
|
|
115936
|
+
},
|
|
115905
115937
|
modifiers: {
|
|
115906
115938
|
flip: {
|
|
115907
115939
|
enabled: true,
|
|
@@ -117321,24 +117353,41 @@ const labelTextStyle = () => textStyleProp({
|
|
|
117321
117353
|
default: Theme.colors.neutral900
|
|
117322
117354
|
}
|
|
117323
117355
|
}));
|
|
117324
|
-
const
|
|
117325
|
-
|
|
117326
|
-
|
|
117327
|
-
|
|
117328
|
-
|
|
117356
|
+
const createPerSideBorder = (border2) => {
|
|
117357
|
+
return {
|
|
117358
|
+
left: {
|
|
117359
|
+
color: border2.borderColor.default,
|
|
117360
|
+
width: border2.borderWidth,
|
|
117361
|
+
style: border2.borderStyle
|
|
117362
|
+
},
|
|
117363
|
+
right: {
|
|
117364
|
+
color: border2.borderColor.default,
|
|
117365
|
+
width: border2.borderWidth,
|
|
117366
|
+
style: border2.borderStyle
|
|
117367
|
+
},
|
|
117368
|
+
top: {
|
|
117369
|
+
color: border2.borderColor.default,
|
|
117370
|
+
width: border2.borderWidth,
|
|
117371
|
+
style: border2.borderStyle
|
|
117372
|
+
},
|
|
117373
|
+
bottom: {
|
|
117374
|
+
color: border2.borderColor.default,
|
|
117375
|
+
width: border2.borderWidth,
|
|
117376
|
+
style: border2.borderStyle
|
|
117377
|
+
}
|
|
117378
|
+
};
|
|
117379
|
+
};
|
|
117329
117380
|
const border = (propertiesPanelConfig = {}) => {
|
|
117330
|
-
return Prop.
|
|
117331
|
-
top: perSideBorderDef(),
|
|
117332
|
-
right: perSideBorderDef(),
|
|
117333
|
-
bottom: perSideBorderDef(),
|
|
117334
|
-
left: perSideBorderDef()
|
|
117335
|
-
}).propertiesPanel({
|
|
117381
|
+
return Prop.any().readAndWrite().propertiesPanel({
|
|
117336
117382
|
label: "Border",
|
|
117337
117383
|
controlType: "BORDER_CONTROL",
|
|
117338
117384
|
helpText: "Controls the border of the component",
|
|
117385
|
+
visibility: "SHOW_NAME",
|
|
117386
|
+
isRemovable: true,
|
|
117387
|
+
defaultOnAdd: () => createPerSideBorder(Theme.defaultBorder),
|
|
117339
117388
|
isJSConvertible: false,
|
|
117340
117389
|
...propertiesPanelConfig
|
|
117341
|
-
})
|
|
117390
|
+
});
|
|
117342
117391
|
};
|
|
117343
117392
|
const createBorderRadiusObject = (borderRadius2) => {
|
|
117344
117393
|
return {
|
|
@@ -117349,18 +117398,16 @@ const createBorderRadiusObject = (borderRadius2) => {
|
|
|
117349
117398
|
};
|
|
117350
117399
|
};
|
|
117351
117400
|
const borderRadius = (propertiesPanelConfig = {}) => {
|
|
117352
|
-
return Prop.
|
|
117353
|
-
|
|
117354
|
-
|
|
117355
|
-
bottomRight: Prop.dimension().readAndWrite(),
|
|
117356
|
-
bottomLeft: Prop.dimension().readAndWrite()
|
|
117357
|
-
}).default(function() {
|
|
117358
|
-
const borderRadius2 = Theme.defaultBorder.borderRadius ?? Dim.px(0);
|
|
117359
|
-
return createBorderRadiusObject(borderRadius2);
|
|
117401
|
+
return Prop.any().default(() => {
|
|
117402
|
+
const borderRadius2 = Theme.defaultBorder.borderRadius;
|
|
117403
|
+
return borderRadius2.value !== 0 ? createBorderRadiusObject(borderRadius2) : void 0;
|
|
117360
117404
|
}).readAndWrite().propertiesPanel({
|
|
117361
117405
|
label: "Border radius",
|
|
117362
117406
|
controlType: "BORDER_RADIUS_CONTROL",
|
|
117363
117407
|
helpText: "Controls the border radius of the component",
|
|
117408
|
+
visibility: "SHOW_NAME",
|
|
117409
|
+
isRemovable: true,
|
|
117410
|
+
defaultOnAdd: () => createBorderRadiusObject(Theme.defaultBorder.borderRadius),
|
|
117364
117411
|
isJSConvertible: false,
|
|
117365
117412
|
...propertiesPanelConfig
|
|
117366
117413
|
});
|
|
@@ -117373,35 +117420,49 @@ const buildPerSideBorder = (border2) => {
|
|
|
117373
117420
|
left: border2()
|
|
117374
117421
|
};
|
|
117375
117422
|
};
|
|
117376
|
-
const PRIMARY_BUTTON_BORDER_OBJECT =
|
|
117377
|
-
|
|
117378
|
-
|
|
117379
|
-
|
|
117380
|
-
|
|
117381
|
-
|
|
117382
|
-
}
|
|
117383
|
-
const SECONDARY_BUTTON_BORDER_OBJECT =
|
|
117384
|
-
|
|
117385
|
-
|
|
117386
|
-
|
|
117387
|
-
|
|
117423
|
+
const PRIMARY_BUTTON_BORDER_OBJECT = function() {
|
|
117424
|
+
return buildPerSideBorder(() => ({
|
|
117425
|
+
color: this.backgroundColor,
|
|
117426
|
+
width: Dim.px(1),
|
|
117427
|
+
style: "solid"
|
|
117428
|
+
}));
|
|
117429
|
+
};
|
|
117430
|
+
const SECONDARY_BUTTON_BORDER_OBJECT = function() {
|
|
117431
|
+
return buildPerSideBorder(() => ({
|
|
117432
|
+
color: Theme.colors.primary500,
|
|
117433
|
+
width: Dim.px(1),
|
|
117434
|
+
style: "solid"
|
|
117435
|
+
}));
|
|
117436
|
+
};
|
|
117388
117437
|
const getDefaultBorderObject = function() {
|
|
117389
117438
|
switch (this.variant) {
|
|
117390
117439
|
case "primary":
|
|
117391
|
-
return PRIMARY_BUTTON_BORDER_OBJECT;
|
|
117440
|
+
return PRIMARY_BUTTON_BORDER_OBJECT.bind(this)();
|
|
117392
117441
|
case "secondary":
|
|
117393
|
-
return SECONDARY_BUTTON_BORDER_OBJECT;
|
|
117442
|
+
return SECONDARY_BUTTON_BORDER_OBJECT.bind(this)();
|
|
117394
117443
|
default:
|
|
117395
|
-
return
|
|
117444
|
+
return onePixelTransparentBorderObject();
|
|
117396
117445
|
}
|
|
117397
117446
|
};
|
|
117398
|
-
|
|
117399
|
-
return
|
|
117400
|
-
|
|
117401
|
-
|
|
117402
|
-
|
|
117403
|
-
|
|
117404
|
-
|
|
117447
|
+
function getDefaultBorderRadius() {
|
|
117448
|
+
return function() {
|
|
117449
|
+
let borderRadius2;
|
|
117450
|
+
switch (this.variant) {
|
|
117451
|
+
case "PRIMARY_BUTTON":
|
|
117452
|
+
borderRadius2 = Theme.buttons.primary.borderRadius;
|
|
117453
|
+
break;
|
|
117454
|
+
case "SECONDARY_BUTTON":
|
|
117455
|
+
borderRadius2 = Theme.buttons.secondary.borderRadius;
|
|
117456
|
+
break;
|
|
117457
|
+
case "TERTIARY_BUTTON":
|
|
117458
|
+
borderRadius2 = Theme.buttons.tertiary.borderRadius;
|
|
117459
|
+
break;
|
|
117460
|
+
default:
|
|
117461
|
+
borderRadius2 = Theme.buttons.primary.borderRadius;
|
|
117462
|
+
}
|
|
117463
|
+
return createBorderRadiusObject(borderRadius2);
|
|
117464
|
+
};
|
|
117465
|
+
}
|
|
117405
117466
|
const textStyle$3 = textStyleProp().default(function() {
|
|
117406
117467
|
return {
|
|
117407
117468
|
variant: "buttonLabel",
|
|
@@ -117471,33 +117532,10 @@ const propertiesDefinition$h = {
|
|
|
117471
117532
|
);
|
|
117472
117533
|
return defaultThemeBackground === "transparent" ? void 0 : defaultThemeBackground;
|
|
117473
117534
|
}),
|
|
117474
|
-
border:
|
|
117475
|
-
|
|
117476
|
-
|
|
117477
|
-
|
|
117478
|
-
isRemovable: true,
|
|
117479
|
-
defaultOnAdd: SECONDARY_BUTTON_BORDER_OBJECT,
|
|
117480
|
-
visibility: "SHOW_NAME",
|
|
117481
|
-
isJSConvertible: false
|
|
117482
|
-
}).readAndWrite(),
|
|
117483
|
-
borderRadius: borderRadius().default(function() {
|
|
117484
|
-
let borderRadius2;
|
|
117485
|
-
switch (this.variant) {
|
|
117486
|
-
case "PRIMARY_BUTTON":
|
|
117487
|
-
borderRadius2 = Theme.buttons.primary.borderRadius;
|
|
117488
|
-
break;
|
|
117489
|
-
case "SECONDARY_BUTTON":
|
|
117490
|
-
borderRadius2 = Theme.buttons.secondary.borderRadius;
|
|
117491
|
-
break;
|
|
117492
|
-
case "TERTIARY_BUTTON":
|
|
117493
|
-
borderRadius2 = Theme.buttons.tertiary.borderRadius;
|
|
117494
|
-
break;
|
|
117495
|
-
default:
|
|
117496
|
-
borderRadius2 = Theme.buttons.primary.borderRadius;
|
|
117497
|
-
}
|
|
117498
|
-
return createBorderRadiusObject(borderRadius2);
|
|
117499
|
-
}),
|
|
117500
|
-
// Horizontal label alignment
|
|
117535
|
+
border: border({
|
|
117536
|
+
defaultOnAdd: SECONDARY_BUTTON_BORDER_OBJECT
|
|
117537
|
+
}).default(getDefaultBorderObject),
|
|
117538
|
+
borderRadius: borderRadius().default(getDefaultBorderRadius),
|
|
117501
117539
|
labelAlignment: Prop.string().readAndWrite().default("center").propertiesPanel({
|
|
117502
117540
|
label: "Label alignment",
|
|
117503
117541
|
controlType: "RADIO_BUTTON_GROUP",
|
|
@@ -118039,8 +118077,11 @@ const propertiesDefinition$g = {
|
|
|
118039
118077
|
appearance: Section.category(PropsPanelCategory.Appearance).children({
|
|
118040
118078
|
backgroundColor: colorProp({
|
|
118041
118079
|
label: "Background",
|
|
118042
|
-
helpText: "Changes the color of the background"
|
|
118043
|
-
|
|
118080
|
+
helpText: "Changes the color of the background",
|
|
118081
|
+
visibility: "SHOW_NAME",
|
|
118082
|
+
isRemovable: true,
|
|
118083
|
+
defaultOnAdd: () => Theme.colors.appBackground ?? "#ffffff"
|
|
118084
|
+
}).default(void 0).validate(VALIDATORS.TEXT_ALLOW_UNDEFINED),
|
|
118044
118085
|
border: border()
|
|
118045
118086
|
})
|
|
118046
118087
|
};
|
|
@@ -118477,18 +118518,13 @@ const propertiesDefinition$f = {
|
|
|
118477
118518
|
helpText: "Changes the color of the background",
|
|
118478
118519
|
visibility: "SHOW_NAME",
|
|
118479
118520
|
isRemovable: true,
|
|
118480
|
-
defaultOnAdd:
|
|
118481
|
-
return Theme.colors.appBackground ?? "#ffffff";
|
|
118482
|
-
}
|
|
118521
|
+
defaultOnAdd: () => Theme.colors.appBackground ?? "#ffffff"
|
|
118483
118522
|
}),
|
|
118484
|
-
border: border()
|
|
118485
|
-
|
|
118486
|
-
|
|
118487
|
-
|
|
118488
|
-
|
|
118489
|
-
}).default(function() {
|
|
118490
|
-
const borderRadius2 = this.variant === "card" ? Theme.defaultBorder.borderRadius : Dim.px(0);
|
|
118491
|
-
return createBorderRadiusObject(borderRadius2);
|
|
118523
|
+
border: border().default(function() {
|
|
118524
|
+
return this.variant === "card" ? createPerSideBorder(Theme.defaultBorder) : void 0;
|
|
118525
|
+
}),
|
|
118526
|
+
borderRadius: borderRadius().default(function() {
|
|
118527
|
+
return this.variant === "card" ? createBorderRadiusObject(Theme.defaultBorder.borderRadius) : void 0;
|
|
118492
118528
|
})
|
|
118493
118529
|
})
|
|
118494
118530
|
};
|
|
@@ -118618,7 +118654,10 @@ const propertiesDefinition$e = {
|
|
|
118618
118654
|
appearance: Section.category(PropsPanelCategory.Appearance).children({
|
|
118619
118655
|
backgroundColor: colorProp({
|
|
118620
118656
|
label: "Background",
|
|
118621
|
-
helpText: "Changes the color of the background"
|
|
118657
|
+
helpText: "Changes the color of the background",
|
|
118658
|
+
visibility: "SHOW_NAME",
|
|
118659
|
+
isRemovable: true,
|
|
118660
|
+
defaultOnAdd: () => Theme.colors.appBackground ?? "#ffffff"
|
|
118622
118661
|
}),
|
|
118623
118662
|
border: border()
|
|
118624
118663
|
})
|
|
@@ -143627,14 +143666,14 @@ function getLoaderFn(options) {
|
|
|
143627
143666
|
if (!(loader === "all")) return [3, 3];
|
|
143628
143667
|
return [4, import(
|
|
143629
143668
|
/* webpackChunkName: "blueprint-icons-all-paths-loader" */
|
|
143630
|
-
"./allPathsLoader-
|
|
143669
|
+
"./allPathsLoader-B4Z0U3uu.js"
|
|
143631
143670
|
)];
|
|
143632
143671
|
case 2:
|
|
143633
143672
|
return [2, _b2.sent().allPathsLoader];
|
|
143634
143673
|
case 3:
|
|
143635
143674
|
return [4, import(
|
|
143636
143675
|
/* webpackChunkName: "blueprint-icons-split-paths-by-size-loader" */
|
|
143637
|
-
"./splitPathsBySizeLoader-
|
|
143676
|
+
"./splitPathsBySizeLoader-boJ6lyNc.js"
|
|
143638
143677
|
)];
|
|
143639
143678
|
case 4:
|
|
143640
143679
|
return [2, _b2.sent().splitPathsBySizeLoader];
|
|
@@ -170743,7 +170782,7 @@ const SbTable = registerSbComponent(
|
|
|
170743
170782
|
selectedRowIndices: props.selectedRowIndices ?? EMPTY_ARRAY,
|
|
170744
170783
|
showColumnBorders: props.showColumnBorders ?? false,
|
|
170745
170784
|
compactMode: getCompactMode(props.compactMode),
|
|
170746
|
-
border: props.border ?? theme.defaultBorder,
|
|
170785
|
+
border: props.border ?? createPerSideBorder(theme.defaultBorder),
|
|
170747
170786
|
borderRadius: props.borderRadius ?? theme.defaultBorder.borderRadius,
|
|
170748
170787
|
disableNudge,
|
|
170749
170788
|
setSelectedRowData,
|
|
@@ -190068,4 +190107,4 @@ export {
|
|
|
190068
190107
|
copyToClipboard as y,
|
|
190069
190108
|
navigateTo as z
|
|
190070
190109
|
};
|
|
190071
|
-
//# sourceMappingURL=index-
|
|
190110
|
+
//# sourceMappingURL=index-ZdgsD-En.js.map
|