@superblocksteam/library 2.0.0-next.76 → 2.0.0-next.78
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-CGqbYOvD.js → allPaths-B1oHKI1p.js} +2 -2
- package/dist/{allPaths-CGqbYOvD.js.map → allPaths-B1oHKI1p.js.map} +1 -1
- package/dist/{allPaths-CEDGaKPd.js → allPaths-BUAUNp6C.js} +2 -2
- package/dist/{allPaths-CEDGaKPd.js.map → allPaths-BUAUNp6C.js.map} +1 -1
- package/dist/{allPathsLoader-Coc10wdt.js → allPathsLoader-IJwIK4Mq.js} +3 -3
- package/dist/{allPathsLoader-Coc10wdt.js.map → allPathsLoader-IJwIK4Mq.js.map} +1 -1
- package/dist/{allPathsLoader-y2OFBgre.js → allPathsLoader-jMzvQnRN.js} +3 -3
- package/dist/{allPathsLoader-y2OFBgre.js.map → allPathsLoader-jMzvQnRN.js.map} +1 -1
- package/dist/{index-kHJmJ-tG.js → index-CBdzfmE8.js} +153 -99
- package/dist/{index-kHJmJ-tG.js.map → index-CBdzfmE8.js.map} +1 -1
- package/dist/index.js +2 -2
- package/dist/{splitPathsBySizeLoader-mUM3KhQf.js → splitPathsBySizeLoader-CeJ0cPAy.js} +2 -2
- package/dist/{splitPathsBySizeLoader-mUM3KhQf.js.map → splitPathsBySizeLoader-CeJ0cPAy.js.map} +1 -1
- package/dist/{splitPathsBySizeLoader-C2O_pqfA.js → splitPathsBySizeLoader-Dl3K-Ulg.js} +2 -2
- package/dist/{splitPathsBySizeLoader-C2O_pqfA.js.map → splitPathsBySizeLoader-Dl3K-Ulg.js.map} +1 -1
- package/dist-types/edit-mode/default-table-data.d.ts +7 -0
- package/dist-types/lib/user-facing/components/table/column-properties-panel.d.ts +26 -27
- package/dist-types/lib/user-facing/components/table/index.d.ts +33 -33
- package/dist-types/lib/user-facing/components/table/props.d.ts +33 -33
- package/dist-types/lib/user-facing/components/table/table-utilities.d.ts +1 -1
- package/dist-types/lib/user-facing/components/table/types.d.ts +2 -2
- 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-CBdzfmE8.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-B1oHKI1p.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allPaths-
|
|
1
|
+
{"version":3,"file":"allPaths-B1oHKI1p.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-CBdzfmE8.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-BUAUNp6C.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allPaths-
|
|
1
|
+
{"version":3,"file":"allPaths-BUAUNp6C.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-CBdzfmE8.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-B1oHKI1p.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-IJwIK4Mq.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allPathsLoader-
|
|
1
|
+
{"version":3,"file":"allPathsLoader-IJwIK4Mq.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-CBdzfmE8.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-BUAUNp6C.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-jMzvQnRN.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allPathsLoader-
|
|
1
|
+
{"version":3,"file":"allPathsLoader-jMzvQnRN.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-jMzvQnRN.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-Dl3K-Ulg.js"
|
|
2701
2701
|
)];
|
|
2702
2702
|
case 4:
|
|
2703
2703
|
return [2, _b2.sent().splitPathsBySizeLoader];
|
|
@@ -115393,7 +115393,13 @@ const DEFAULT_TABLE_COLUMNS = {
|
|
|
115393
115393
|
},
|
|
115394
115394
|
photo: {
|
|
115395
115395
|
columnType: "image",
|
|
115396
|
-
label: "Photo"
|
|
115396
|
+
label: "Photo",
|
|
115397
|
+
imageBorderRadius: {
|
|
115398
|
+
topLeft: Dim.px(16),
|
|
115399
|
+
topRight: Dim.px(16),
|
|
115400
|
+
bottomLeft: Dim.px(16),
|
|
115401
|
+
bottomRight: Dim.px(16)
|
|
115402
|
+
}
|
|
115397
115403
|
}
|
|
115398
115404
|
};
|
|
115399
115405
|
const DEFAULT_TABLE_KEYS = Object.keys(DEFAULT_TABLE_COLUMNS);
|
|
@@ -117834,51 +117840,40 @@ function useTypographyStyling({
|
|
|
117834
117840
|
skipTextStyleColorDefaultOverwrite = false,
|
|
117835
117841
|
applyClassNameStylesToStyle = false
|
|
117836
117842
|
}) {
|
|
117843
|
+
var _a2, _b2;
|
|
117837
117844
|
const defaultFontFamily = theme.fontFamily;
|
|
117838
117845
|
const themeTypographies = theme.typographies;
|
|
117839
|
-
|
|
117840
|
-
|
|
117841
|
-
|
|
117842
|
-
|
|
117843
|
-
|
|
117844
|
-
|
|
117845
|
-
|
|
117846
|
-
|
|
117847
|
-
|
|
117848
|
-
|
|
117849
|
-
|
|
117850
|
-
|
|
117851
|
-
|
|
117852
|
-
|
|
117853
|
-
|
|
117854
|
-
...fetchedTypography,
|
|
117855
|
-
color: fetchedTextColor == null ? void 0 : fetchedTextColor.default
|
|
117856
|
-
};
|
|
117857
|
-
}
|
|
117858
|
-
const style2 = {
|
|
117859
|
-
...baseStyle,
|
|
117860
|
-
...stylesToOverwrite,
|
|
117861
|
-
...appliedStylesFromClassName,
|
|
117862
|
-
...textColor,
|
|
117863
|
-
...priorityStyle
|
|
117864
|
-
};
|
|
117865
|
-
if (style2.fontFamily && style2.fontFamily !== "inherit") {
|
|
117866
|
-
style2.fontFamily += `, ${defaultFontFamily}`;
|
|
117867
|
-
}
|
|
117868
|
-
return {
|
|
117869
|
-
textStyleVariant: String(textStyleVariant),
|
|
117870
|
-
style: style2
|
|
117846
|
+
let textStyleVariant = textStyle2 == null ? void 0 : textStyle2.variant;
|
|
117847
|
+
if (!textStyleVariant || textStyleVariant !== SB_CUSTOM_TEXT_STYLE && lodashExports.get(themeTypographies, textStyleVariant) == null) {
|
|
117848
|
+
textStyleVariant = defaultTextStyleVariant;
|
|
117849
|
+
}
|
|
117850
|
+
const stylesToOverwrite = textStyleVariant === SB_CUSTOM_TEXT_STYLE ? lodashExports.pick(textStyle2, DIRECT_PROPERTIES_TO_OVERWRITE) : {};
|
|
117851
|
+
const textColor = !skipTextStyleColorDefaultOverwrite && ((_a2 = textStyle2 == null ? void 0 : textStyle2.textColor) == null ? void 0 : _a2.default) ? { color: (_b2 = textStyle2 == null ? void 0 : textStyle2.textColor) == null ? void 0 : _b2.default } : {};
|
|
117852
|
+
let appliedStylesFromClassName = {};
|
|
117853
|
+
if (applyClassNameStylesToStyle && textStyleVariant) {
|
|
117854
|
+
const {
|
|
117855
|
+
textColor: fetchedTextColor,
|
|
117856
|
+
...fetchedTypography
|
|
117857
|
+
} = lodashExports.get(themeTypographies, textStyleVariant) ?? {};
|
|
117858
|
+
appliedStylesFromClassName = {
|
|
117859
|
+
...fetchedTypography,
|
|
117860
|
+
color: fetchedTextColor == null ? void 0 : fetchedTextColor.default
|
|
117871
117861
|
};
|
|
117872
|
-
}
|
|
117873
|
-
|
|
117874
|
-
|
|
117875
|
-
|
|
117876
|
-
|
|
117877
|
-
|
|
117878
|
-
|
|
117879
|
-
|
|
117880
|
-
|
|
117881
|
-
|
|
117862
|
+
}
|
|
117863
|
+
const style2 = {
|
|
117864
|
+
...baseStyle,
|
|
117865
|
+
...stylesToOverwrite,
|
|
117866
|
+
...appliedStylesFromClassName,
|
|
117867
|
+
...textColor,
|
|
117868
|
+
...priorityStyle
|
|
117869
|
+
};
|
|
117870
|
+
if (style2.fontFamily && style2.fontFamily !== "inherit") {
|
|
117871
|
+
style2.fontFamily += `, ${defaultFontFamily}`;
|
|
117872
|
+
}
|
|
117873
|
+
return {
|
|
117874
|
+
textStyleVariant: String(textStyleVariant),
|
|
117875
|
+
style: style2
|
|
117876
|
+
};
|
|
117882
117877
|
}
|
|
117883
117878
|
const DEFAULT_ICON_SPACING = 8;
|
|
117884
117879
|
const DEFAULT_ICON_SIZE$1 = 16;
|
|
@@ -134819,13 +134814,19 @@ const textStyleProps = {
|
|
|
134819
134814
|
{ value: "bottom", icon: "VERTICAL_BOTTOM" }
|
|
134820
134815
|
]
|
|
134821
134816
|
}),
|
|
134822
|
-
"cellProps.textStyle":
|
|
134823
|
-
|
|
134824
|
-
|
|
134825
|
-
|
|
134817
|
+
"cellProps.textStyle": textStyleProp({
|
|
134818
|
+
propertiesPanel: {
|
|
134819
|
+
label: "Cell text style"
|
|
134820
|
+
}
|
|
134821
|
+
}).default(() => ({
|
|
134822
|
+
variant: DEFAULT_CELL_TEXT_STYLE_VARIANT,
|
|
134823
|
+
textColor: {
|
|
134824
|
+
default: Theme.colors.neutral900
|
|
134825
|
+
}
|
|
134826
|
+
})),
|
|
134826
134827
|
cellBackground: colorProp({
|
|
134827
134828
|
label: "Background color"
|
|
134828
|
-
}).readAndWrite()
|
|
134829
|
+
}).default(() => Theme.colors.neutral).readAndWrite()
|
|
134829
134830
|
};
|
|
134830
134831
|
const textColumnProperties = {
|
|
134831
134832
|
general: {
|
|
@@ -134902,7 +134903,7 @@ const buttonColumnProperties = {
|
|
|
134902
134903
|
]
|
|
134903
134904
|
}),
|
|
134904
134905
|
buttonBackgroundColor: colorProp({
|
|
134905
|
-
label: "
|
|
134906
|
+
label: "Button color",
|
|
134906
134907
|
visibility: "SHOW_NAME",
|
|
134907
134908
|
isRemovable: true,
|
|
134908
134909
|
defaultOnAdd: function() {
|
|
@@ -135021,15 +135022,7 @@ const imageColumnProperties = {
|
|
|
135021
135022
|
}
|
|
135022
135023
|
]
|
|
135023
135024
|
}),
|
|
135024
|
-
imageBorderRadius:
|
|
135025
|
-
label: "Image border radius",
|
|
135026
|
-
controlType: "DROP_DOWN",
|
|
135027
|
-
options: [
|
|
135028
|
-
{ label: "0px", value: Dim.px(0) },
|
|
135029
|
-
{ label: "4px", value: Dim.px(4) },
|
|
135030
|
-
{ label: "50% (circular)", value: Dim.percent(50) }
|
|
135031
|
-
]
|
|
135032
|
-
}),
|
|
135025
|
+
imageBorderRadius: borderRadius(),
|
|
135033
135026
|
...textStyleProps
|
|
135034
135027
|
}
|
|
135035
135028
|
};
|
|
@@ -135302,7 +135295,7 @@ const columnPanelConfig = {
|
|
|
135302
135295
|
]
|
|
135303
135296
|
})
|
|
135304
135297
|
).add({
|
|
135305
|
-
|
|
135298
|
+
isFrozen: Prop.boolean().readAndWrite().propertiesPanel({
|
|
135306
135299
|
label: "Frozen",
|
|
135307
135300
|
controlType: "SWITCH"
|
|
135308
135301
|
})
|
|
@@ -144424,14 +144417,14 @@ function getLoaderFn(options) {
|
|
|
144424
144417
|
if (!(loader === "all")) return [3, 3];
|
|
144425
144418
|
return [4, import(
|
|
144426
144419
|
/* webpackChunkName: "blueprint-icons-all-paths-loader" */
|
|
144427
|
-
"./allPathsLoader-
|
|
144420
|
+
"./allPathsLoader-IJwIK4Mq.js"
|
|
144428
144421
|
)];
|
|
144429
144422
|
case 2:
|
|
144430
144423
|
return [2, _b2.sent().allPathsLoader];
|
|
144431
144424
|
case 3:
|
|
144432
144425
|
return [4, import(
|
|
144433
144426
|
/* webpackChunkName: "blueprint-icons-split-paths-by-size-loader" */
|
|
144434
|
-
"./splitPathsBySizeLoader-
|
|
144427
|
+
"./splitPathsBySizeLoader-CeJ0cPAy.js"
|
|
144435
144428
|
)];
|
|
144436
144429
|
case 4:
|
|
144437
144430
|
return [2, _b2.sent().splitPathsBySizeLoader];
|
|
@@ -154651,9 +154644,6 @@ const renderCell = ({
|
|
|
154651
154644
|
},
|
|
154652
154645
|
children: images.map((item, index2) => {
|
|
154653
154646
|
if (isValidUrl(item)) {
|
|
154654
|
-
const imageStyle = {
|
|
154655
|
-
borderRadius: typeof (cellProperties == null ? void 0 : cellProperties.imageBorderRadius) === "string" ? cellProperties.imageBorderRadius : (cellProperties == null ? void 0 : cellProperties.imageBorderRadius) ? `${cellProperties.imageBorderRadius.value}${cellProperties.imageBorderRadius.mode}` : "50%"
|
|
154656
|
-
};
|
|
154657
154647
|
if (cellProperties.openImageUrl || cellProperties.openImageUrl == null) {
|
|
154658
154648
|
return /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
154659
154649
|
"a",
|
|
@@ -154664,7 +154654,18 @@ const renderCell = ({
|
|
|
154664
154654
|
href: item,
|
|
154665
154655
|
className: "image-cell-wrapper",
|
|
154666
154656
|
"data-image-size": cellProperties.imageSize ?? ImageSize.Fixed,
|
|
154667
|
-
children: /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
154657
|
+
children: /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
154658
|
+
"img",
|
|
154659
|
+
{
|
|
154660
|
+
src: item,
|
|
154661
|
+
alt: "",
|
|
154662
|
+
style: generateBorderRadiusStyleObject(
|
|
154663
|
+
cellProperties.imageBorderRadius ? {
|
|
154664
|
+
borderRadius: cellProperties.imageBorderRadius
|
|
154665
|
+
} : {}
|
|
154666
|
+
)
|
|
154667
|
+
}
|
|
154668
|
+
)
|
|
154668
154669
|
},
|
|
154669
154670
|
index2
|
|
154670
154671
|
);
|
|
@@ -154674,7 +154675,18 @@ const renderCell = ({
|
|
|
154674
154675
|
{
|
|
154675
154676
|
className: "image-cell-wrapper",
|
|
154676
154677
|
"data-image-size": cellProperties.imageSize ?? ImageSize.Fixed,
|
|
154677
|
-
children: /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
154678
|
+
children: /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
154679
|
+
"img",
|
|
154680
|
+
{
|
|
154681
|
+
src: item,
|
|
154682
|
+
alt: "",
|
|
154683
|
+
style: generateBorderRadiusStyleObject(
|
|
154684
|
+
cellProperties.imageBorderRadius ? {
|
|
154685
|
+
borderRadius: cellProperties.imageBorderRadius
|
|
154686
|
+
} : {}
|
|
154687
|
+
)
|
|
154688
|
+
}
|
|
154689
|
+
)
|
|
154678
154690
|
},
|
|
154679
154691
|
index2
|
|
154680
154692
|
);
|
|
@@ -155078,22 +155090,32 @@ const getOrderedColumnIds = (columns, columnOrder, columnFreezes) => {
|
|
|
155078
155090
|
)}`
|
|
155079
155091
|
);
|
|
155080
155092
|
}
|
|
155081
|
-
const columnOrderVal =
|
|
155093
|
+
const columnOrderVal = columnOrder;
|
|
155082
155094
|
const frozenColIdsInOrder = columnOrderVal.filter(
|
|
155083
155095
|
(colId) => {
|
|
155084
155096
|
var _a2;
|
|
155085
155097
|
return getIsColumnFrozen(colId, columnFreezes, (_a2 = columns[colId]) == null ? void 0 : _a2.isFrozen);
|
|
155086
155098
|
}
|
|
155087
155099
|
);
|
|
155100
|
+
const frozenColumnsNotInOrder = Object.keys(columns).filter(
|
|
155101
|
+
(colId) => {
|
|
155102
|
+
var _a2;
|
|
155103
|
+
return getIsColumnFrozen(colId, columnFreezes, (_a2 = columns[colId]) == null ? void 0 : _a2.isFrozen) && !frozenColIdsInOrder.includes(colId);
|
|
155104
|
+
}
|
|
155105
|
+
);
|
|
155088
155106
|
const nonFrozenColIdsInOrder = columnOrderVal.filter(
|
|
155089
155107
|
(colId) => {
|
|
155090
155108
|
var _a2;
|
|
155091
155109
|
return !getIsColumnFrozen(colId, columnFreezes, (_a2 = columns[colId]) == null ? void 0 : _a2.isFrozen);
|
|
155092
155110
|
}
|
|
155093
155111
|
);
|
|
155094
|
-
const orderedColumnIds = [
|
|
155112
|
+
const orderedColumnIds = [
|
|
155113
|
+
...frozenColIdsInOrder,
|
|
155114
|
+
...frozenColumnsNotInOrder,
|
|
155115
|
+
...nonFrozenColIdsInOrder
|
|
155116
|
+
];
|
|
155095
155117
|
const remaining = lodashExports.without(Object.keys(columns), ...orderedColumnIds);
|
|
155096
|
-
return [...
|
|
155118
|
+
return [...orderedColumnIds, ...remaining];
|
|
155097
155119
|
};
|
|
155098
155120
|
const TABLE_MULTISELECT_COLID = "SB_$$_MULTISELECT";
|
|
155099
155121
|
const getVisibleOrderedColumnIds = (columns, columnOrder, columnFreezes, isMultiSelect, hiddenColumns) => {
|
|
@@ -155149,7 +155171,6 @@ function getDefaultColumnProperties(accessor, index2, widgetName, isDerived) {
|
|
|
155149
155171
|
notation: "standard",
|
|
155150
155172
|
headerIconPosition: "left",
|
|
155151
155173
|
// image props
|
|
155152
|
-
imageBorderRadius: Dim.px(0),
|
|
155153
155174
|
imageSize: ImageSize.Fit,
|
|
155154
155175
|
openImageUrl: true
|
|
155155
155176
|
};
|
|
@@ -155889,31 +155910,49 @@ const propertiesDefinition$9 = {
|
|
|
155889
155910
|
defaultSelectedRow: Prop.number().readAndWrite().propertiesPanel({
|
|
155890
155911
|
label: "Default selected row",
|
|
155891
155912
|
helpText: "Sets the default selected row"
|
|
155892
|
-
}),
|
|
155913
|
+
}).validate(VALIDATORS.NUMBER_ALLOW_UNDEFINED),
|
|
155893
155914
|
showColumnBorders: Prop.boolean().readAndWrite().propertiesPanel({
|
|
155894
155915
|
label: "Column borders",
|
|
155895
155916
|
helpText: "Show lines in table to divide columns"
|
|
155896
155917
|
}),
|
|
155897
|
-
"headerProps.textStyle":
|
|
155898
|
-
|
|
155899
|
-
|
|
155900
|
-
|
|
155901
|
-
|
|
155902
|
-
|
|
155903
|
-
|
|
155904
|
-
|
|
155905
|
-
|
|
155906
|
-
|
|
155907
|
-
|
|
155908
|
-
|
|
155918
|
+
"headerProps.textStyle": textStyleProp({
|
|
155919
|
+
propertiesPanel: {
|
|
155920
|
+
label: "Header text style"
|
|
155921
|
+
}
|
|
155922
|
+
}).default(() => ({
|
|
155923
|
+
variant: DEFAULT_HEADING_TEXT_STYLE_VARIANT,
|
|
155924
|
+
textColor: {
|
|
155925
|
+
default: Theme.colors.neutral900
|
|
155926
|
+
}
|
|
155927
|
+
})),
|
|
155928
|
+
"columnHeaderProps.textStyle": textStyleProp({
|
|
155929
|
+
propertiesPanel: {
|
|
155930
|
+
label: "Column header text style"
|
|
155931
|
+
}
|
|
155932
|
+
}).default(() => ({
|
|
155933
|
+
variant: TABLE_COLUMN_HEADER_DEFAULT_TYPOGRAPHY,
|
|
155934
|
+
textColor: {
|
|
155935
|
+
default: Theme.colors.neutral900
|
|
155936
|
+
}
|
|
155937
|
+
})),
|
|
155938
|
+
"cellProps.textStyle": textStyleProp({
|
|
155939
|
+
propertiesPanel: {
|
|
155940
|
+
label: "Cell text style"
|
|
155941
|
+
}
|
|
155942
|
+
}).default(() => ({
|
|
155943
|
+
variant: DEFAULT_CELL_TEXT_STYLE_VARIANT,
|
|
155944
|
+
textColor: {
|
|
155945
|
+
default: Theme.colors.neutral900
|
|
155946
|
+
}
|
|
155947
|
+
})),
|
|
155909
155948
|
backgroundColor: colorProp({
|
|
155910
155949
|
label: "Background color",
|
|
155911
155950
|
helpText: "Sets the background color of the table"
|
|
155912
|
-
}),
|
|
155951
|
+
}).default(() => Theme.colors.neutral),
|
|
155913
155952
|
selectedRowBackgroundColor: colorProp({
|
|
155914
155953
|
label: "Selected row background color",
|
|
155915
155954
|
helpText: "Sets the background color of the selected row"
|
|
155916
|
-
}),
|
|
155955
|
+
}).default(() => Theme.colors.neutral50),
|
|
155917
155956
|
border: border({ helpText: "Sets the border of the table" }),
|
|
155918
155957
|
borderRadius: borderRadius({
|
|
155919
155958
|
helpText: "Sets the border radius of the table"
|
|
@@ -155960,14 +155999,20 @@ const propertiesDefinition$9 = {
|
|
|
155960
155999
|
// todo: move search to its own section (secondary style)
|
|
155961
156000
|
// TODO(FE-621): move to composite prop once we enable inline
|
|
155962
156001
|
// rendering of child props in the properties panel.
|
|
155963
|
-
"searchProps.textStyle":
|
|
155964
|
-
|
|
155965
|
-
|
|
155966
|
-
|
|
156002
|
+
"searchProps.textStyle": textStyleProp({
|
|
156003
|
+
propertiesPanel: {
|
|
156004
|
+
label: "Search text style"
|
|
156005
|
+
}
|
|
156006
|
+
}).default(() => ({
|
|
156007
|
+
variant: DEFAULT_INPUT_WIDGET_INPUT_STYLE_VARIANT,
|
|
156008
|
+
textColor: {
|
|
156009
|
+
default: Theme.colors.neutral900
|
|
156010
|
+
}
|
|
156011
|
+
})),
|
|
155967
156012
|
"searchProps.backgroundColor": colorProp({
|
|
155968
156013
|
label: "Search background color",
|
|
155969
156014
|
helpText: "Sets the background color of the search"
|
|
155970
|
-
}),
|
|
156015
|
+
}).default(() => Theme.colors.neutral),
|
|
155971
156016
|
"searchProps.border": border({
|
|
155972
156017
|
label: "Search border",
|
|
155973
156018
|
helpText: "Sets the border of the search"
|
|
@@ -168141,6 +168186,9 @@ const TableHeaderCell = (props) => {
|
|
|
168141
168186
|
defaultTextStyleVariant: TABLE_COLUMN_HEADER_DEFAULT_TYPOGRAPHY,
|
|
168142
168187
|
textStyle: props.columnHeaderProps
|
|
168143
168188
|
});
|
|
168189
|
+
const columnHeaderClassName = getTextCssClassFromVariant(
|
|
168190
|
+
columnHeaderStyleProps.textStyleVariant
|
|
168191
|
+
);
|
|
168144
168192
|
const { setColumnFilter } = props;
|
|
168145
168193
|
const setFilter = useCallback(
|
|
168146
168194
|
(filter2) => {
|
|
@@ -168157,6 +168205,16 @@ const TableHeaderCell = (props) => {
|
|
|
168157
168205
|
const { key: key2, ...headerProps } = column2.getHeaderProps();
|
|
168158
168206
|
const headerIconPosition = props.columnProperties.headerIconPosition ?? "left";
|
|
168159
168207
|
const parentRef = useRef(null);
|
|
168208
|
+
const columnHeaderClassNames = [columnHeaderClassName];
|
|
168209
|
+
if (!props.isHidden) {
|
|
168210
|
+
columnHeaderClassNames.push("draggable-header");
|
|
168211
|
+
}
|
|
168212
|
+
if (!props.isHidden && props.isSortable && props.isAscOrder !== void 0) {
|
|
168213
|
+
columnHeaderClassNames.push("sorted");
|
|
168214
|
+
}
|
|
168215
|
+
if (props.isHidden) {
|
|
168216
|
+
columnHeaderClassNames.push("hidden-header");
|
|
168217
|
+
}
|
|
168160
168218
|
return props.isCheckbox ? /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
168161
168219
|
"div",
|
|
168162
168220
|
{
|
|
@@ -168203,9 +168261,7 @@ const TableHeaderCell = (props) => {
|
|
|
168203
168261
|
{
|
|
168204
168262
|
columnProperties: props.columnProperties,
|
|
168205
168263
|
style: columnHeaderStyleProps.style,
|
|
168206
|
-
className:
|
|
168207
|
-
columnHeaderStyleProps.textStyleVariant
|
|
168208
|
-
)} ` + !props.isHidden ? `draggable-header ${props.isSortable && props.isAscOrder !== void 0 ? "sorted" : ""}` : "hidden-header",
|
|
168264
|
+
className: columnHeaderClassNames.join(" "),
|
|
168209
168265
|
draggable: !props.isHidden,
|
|
168210
168266
|
onDragStart: (e3) => {
|
|
168211
168267
|
var _a3;
|
|
@@ -170843,9 +170899,7 @@ const _TableWidget = class _TableWidget extends React__default.Component {
|
|
|
170843
170899
|
);
|
|
170844
170900
|
const sortColumn = sortedColumn == null ? void 0 : sortedColumn.column;
|
|
170845
170901
|
const sortOrder = sortedColumn == null ? void 0 : sortedColumn.asc;
|
|
170846
|
-
|
|
170847
|
-
allColumns = reorderColumns(allColumns, columnOrder, columnFreezes);
|
|
170848
|
-
}
|
|
170902
|
+
allColumns = reorderColumns(allColumns, columnOrder ?? [], columnFreezes);
|
|
170849
170903
|
const allColumnProperties = Object.values(allColumns).filter(
|
|
170850
170904
|
(col) => col.isVisible
|
|
170851
170905
|
);
|
|
@@ -190918,4 +190972,4 @@ export {
|
|
|
190918
190972
|
copyToClipboard as y,
|
|
190919
190973
|
navigateTo as z
|
|
190920
190974
|
};
|
|
190921
|
-
//# sourceMappingURL=index-
|
|
190975
|
+
//# sourceMappingURL=index-CBdzfmE8.js.map
|