@superblocksteam/library 2.0.3-next.129 → 2.0.3-next.130
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-F6GZkvxD.js → allPaths-DBDIotlp.js} +2 -2
- package/dist/{allPaths-F6GZkvxD.js.map → allPaths-DBDIotlp.js.map} +1 -1
- package/dist/{allPaths-BH0DKSxA.js → allPaths-DTAMKqIW.js} +2 -2
- package/dist/{allPaths-BH0DKSxA.js.map → allPaths-DTAMKqIW.js.map} +1 -1
- package/dist/{allPathsLoader-B3FzEE6v.js → allPathsLoader-DHA6M2--.js} +3 -3
- package/dist/{allPathsLoader-CPfNk8yv.js.map → allPathsLoader-DHA6M2--.js.map} +1 -1
- package/dist/{allPathsLoader-CPfNk8yv.js → allPathsLoader-T22k5xCW.js} +3 -3
- package/dist/{allPathsLoader-B3FzEE6v.js.map → allPathsLoader-T22k5xCW.js.map} +1 -1
- package/dist/{index-ByxiFYSo.js → index-PfIGDLm2.js} +65 -100
- package/dist/{index-ByxiFYSo.js.map → index-PfIGDLm2.js.map} +1 -1
- package/dist/index.js +2 -2
- package/dist/{splitPathsBySizeLoader-DTQ0e96j.js → splitPathsBySizeLoader-BNYI6BA-.js} +2 -2
- package/dist/{splitPathsBySizeLoader-DTQ0e96j.js.map → splitPathsBySizeLoader-BNYI6BA-.js.map} +1 -1
- package/dist/{splitPathsBySizeLoader-CZXCHUIN.js → splitPathsBySizeLoader-Tn4k4xz-.js} +2 -2
- package/dist/{splitPathsBySizeLoader-CZXCHUIN.js.map → splitPathsBySizeLoader-Tn4k4xz-.js.map} +1 -1
- package/dist-types/lib/internal-details/lib/evaluator/base-entity-manager.d.ts +3 -10
- package/dist-types/lib/user-facing/components/checkbox/index.d.ts +1 -1
- package/dist-types/lib/user-facing/components/checkbox/props.d.ts +1 -1
- package/dist-types/lib/user-facing/components/date-picker/index.d.ts +1 -0
- package/dist-types/lib/user-facing/components/date-picker/props.d.ts +1 -0
- package/dist-types/lib/user-facing/components/switch/index.d.ts +1 -1
- package/dist-types/lib/user-facing/components/switch/props.d.ts +1 -1
- package/dist-types/lib/user-facing/components/switch/switch-component.d.ts +1 -0
- package/dist-types/lib/user-facing/properties-panel/mixins/appearance-properties.d.ts +1 -0
- package/dist-types/lib/user-facing/properties-panel/props-builder.d.ts +2 -2
- package/package.json +3 -3
- package/dist-types/lib/user-facing/components/checkbox/constants.d.ts +0 -2
- package/dist-types/lib/user-facing/components/switch/constants.d.ts +0 -3
|
@@ -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-PfIGDLm2.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-DBDIotlp.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allPaths-
|
|
1
|
+
{"version":3,"file":"allPaths-DBDIotlp.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-PfIGDLm2.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-DTAMKqIW.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allPaths-
|
|
1
|
+
{"version":3,"file":"allPaths-DTAMKqIW.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-PfIGDLm2.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-DTAMKqIW.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-DHA6M2--.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allPathsLoader-
|
|
1
|
+
{"version":3,"file":"allPathsLoader-DHA6M2--.js","sources":["../../../node_modules/.pnpm/@blueprintjs+icons@5.18.1_@types+react@18.3.18_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@blueprintjs/icons/lib/esm/paths-loaders/allPathsLoader.js"],"sourcesContent":["/*\n * Copyright 2023 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { __awaiter, __generator } from \"tslib\";\n/**\n * A simple module loader which concatenates all icon paths into a single chunk.\n */\nexport var allPathsLoader = function (name, size) { return __awaiter(void 0, void 0, void 0, function () {\n var getIconPaths;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, import(\n /* webpackChunkName: \"blueprint-icons-all-paths\" */\n \"../allPaths\")];\n case 1:\n getIconPaths = (_a.sent()).getIconPaths;\n return [2 /*return*/, getIconPaths(name, size)];\n }\n });\n}); };\n//# sourceMappingURL=allPathsLoader.js.map"],"names":[],"mappings":";AAmBU,IAAC,iBAAiB,SAAU,MAAM,MAAM;AAAE,SAAO,UAAU,QAAQ,QAAQ,QAAQ,WAAY;AACrG,QAAI;AACJ,WAAO,YAAY,MAAM,SAAU,IAAI;AACnC,cAAQ,GAAG,OAAK;AAAA,QACZ,KAAK;AAAG,iBAAO,CAAC,GAAa;AAAA;AAAA,YAEzB;AAAA,UAAa,CAAC;AAAA,QAClB,KAAK;AACD,yBAAgB,GAAG,KAAI,EAAI;AAC3B,iBAAO,CAAC,GAAc,aAAa,MAAM,IAAI,CAAC;AAAA,MAC9D;AAAA,IACA,CAAK;AAAA,EACL,CAAC;AAAE;","x_google_ignoreList":[0]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as __awaiter, a as __generator } from "./index-
|
|
1
|
+
import { _ as __awaiter, a as __generator } from "./index-PfIGDLm2.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-DBDIotlp.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-T22k5xCW.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allPathsLoader-
|
|
1
|
+
{"version":3,"file":"allPathsLoader-T22k5xCW.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]}
|
|
@@ -2703,14 +2703,14 @@ function getLoaderFn$1(options) {
|
|
|
2703
2703
|
if (!(loader === "all")) return [3, 3];
|
|
2704
2704
|
return [4, import(
|
|
2705
2705
|
/* webpackChunkName: "blueprint-icons-all-paths-loader" */
|
|
2706
|
-
"./allPathsLoader-
|
|
2706
|
+
"./allPathsLoader-DHA6M2--.js"
|
|
2707
2707
|
)];
|
|
2708
2708
|
case 2:
|
|
2709
2709
|
return [2, _b2.sent().allPathsLoader];
|
|
2710
2710
|
case 3:
|
|
2711
2711
|
return [4, import(
|
|
2712
2712
|
/* webpackChunkName: "blueprint-icons-split-paths-by-size-loader" */
|
|
2713
|
-
"./splitPathsBySizeLoader-
|
|
2713
|
+
"./splitPathsBySizeLoader-Tn4k4xz-.js"
|
|
2714
2714
|
)];
|
|
2715
2715
|
case 4:
|
|
2716
2716
|
return [2, _b2.sent().splitPathsBySizeLoader];
|
|
@@ -121258,6 +121258,33 @@ const getFontFamilyOptions = (themeFontFamilies) => {
|
|
|
121258
121258
|
options.sort((a3, b3) => a3.value.localeCompare(b3.value));
|
|
121259
121259
|
return options;
|
|
121260
121260
|
};
|
|
121261
|
+
const DEFAULT_INPUT_WIDGET_LABEL_STYLE_VARIANT = "inputLabel";
|
|
121262
|
+
const DEFAULT_INPUT_WIDGET_INPUT_STYLE_VARIANT = "inputText";
|
|
121263
|
+
const useLabelProps = ({
|
|
121264
|
+
labelStyle: labelStyle2
|
|
121265
|
+
}) => {
|
|
121266
|
+
const { theme } = useTheme();
|
|
121267
|
+
return useTypographyStyling({
|
|
121268
|
+
textStyle: labelStyle2,
|
|
121269
|
+
defaultTextStyleVariant: DEFAULT_INPUT_WIDGET_LABEL_STYLE_VARIANT,
|
|
121270
|
+
applyClassNameStylesToStyle: true,
|
|
121271
|
+
theme
|
|
121272
|
+
});
|
|
121273
|
+
};
|
|
121274
|
+
const useInputTypographyProps = ({
|
|
121275
|
+
backgroundColor,
|
|
121276
|
+
textStyle: textStyle2
|
|
121277
|
+
}) => {
|
|
121278
|
+
const { theme } = useTheme();
|
|
121279
|
+
const inputBaseStyle = backgroundColor ? { backgroundColor } : {};
|
|
121280
|
+
return useTypographyStyling({
|
|
121281
|
+
textStyle: textStyle2,
|
|
121282
|
+
defaultTextStyleVariant: DEFAULT_INPUT_WIDGET_INPUT_STYLE_VARIANT,
|
|
121283
|
+
applyClassNameStylesToStyle: true,
|
|
121284
|
+
priorityStyle: inputBaseStyle,
|
|
121285
|
+
theme
|
|
121286
|
+
});
|
|
121287
|
+
};
|
|
121261
121288
|
const createTextStyleCompositeBase = () => ({
|
|
121262
121289
|
variant: Prop.string(),
|
|
121263
121290
|
textColor: Prop.composite({
|
|
@@ -121352,6 +121379,19 @@ const textStyleProp = ({
|
|
|
121352
121379
|
...basePropertiesPaneDisplay,
|
|
121353
121380
|
...propertiesPanel
|
|
121354
121381
|
});
|
|
121382
|
+
const labelTextStyle = () => textStyleProp({
|
|
121383
|
+
propertiesPanel: {
|
|
121384
|
+
label: "Label style",
|
|
121385
|
+
isVisible: function() {
|
|
121386
|
+
return !!this.label;
|
|
121387
|
+
}
|
|
121388
|
+
}
|
|
121389
|
+
}).default(() => ({
|
|
121390
|
+
variant: DEFAULT_INPUT_WIDGET_LABEL_STYLE_VARIANT,
|
|
121391
|
+
textColor: {
|
|
121392
|
+
default: Theme.colors.neutral900
|
|
121393
|
+
}
|
|
121394
|
+
}));
|
|
121355
121395
|
const perSideBorderDef = () => Prop.composite({
|
|
121356
121396
|
color: Prop.string().readAndWrite(),
|
|
121357
121397
|
width: Prop.dimension().readAndWrite(),
|
|
@@ -122693,33 +122733,6 @@ const SbColumn = registerSbComponent(
|
|
|
122693
122733
|
);
|
|
122694
122734
|
}
|
|
122695
122735
|
);
|
|
122696
|
-
const DEFAULT_INPUT_WIDGET_LABEL_STYLE_VARIANT = "inputLabel";
|
|
122697
|
-
const DEFAULT_INPUT_WIDGET_INPUT_STYLE_VARIANT = "inputText";
|
|
122698
|
-
const useLabelProps = ({
|
|
122699
|
-
labelStyle: labelStyle2
|
|
122700
|
-
}) => {
|
|
122701
|
-
const { theme } = useTheme();
|
|
122702
|
-
return useTypographyStyling({
|
|
122703
|
-
textStyle: labelStyle2,
|
|
122704
|
-
defaultTextStyleVariant: DEFAULT_INPUT_WIDGET_LABEL_STYLE_VARIANT,
|
|
122705
|
-
applyClassNameStylesToStyle: true,
|
|
122706
|
-
theme
|
|
122707
|
-
});
|
|
122708
|
-
};
|
|
122709
|
-
const useInputTypographyProps = ({
|
|
122710
|
-
backgroundColor,
|
|
122711
|
-
textStyle: textStyle2
|
|
122712
|
-
}) => {
|
|
122713
|
-
const { theme } = useTheme();
|
|
122714
|
-
const inputBaseStyle = backgroundColor ? { backgroundColor } : {};
|
|
122715
|
-
return useTypographyStyling({
|
|
122716
|
-
textStyle: textStyle2,
|
|
122717
|
-
defaultTextStyleVariant: DEFAULT_INPUT_WIDGET_INPUT_STYLE_VARIANT,
|
|
122718
|
-
applyClassNameStylesToStyle: true,
|
|
122719
|
-
priorityStyle: inputBaseStyle,
|
|
122720
|
-
theme
|
|
122721
|
-
});
|
|
122722
|
-
};
|
|
122723
122736
|
/*!
|
|
122724
122737
|
* decimal.js v10.5.0
|
|
122725
122738
|
* An arbitrary-precision Decimal type for JavaScript.
|
|
@@ -128390,7 +128403,7 @@ const labelStyleRaw$1 = {
|
|
|
128390
128403
|
margin: 8px ${WIDGET_PADDING * 2}px 4px 0;
|
|
128391
128404
|
`
|
|
128392
128405
|
};
|
|
128393
|
-
const labelStyle
|
|
128406
|
+
const labelStyle = {
|
|
128394
128407
|
vertical: Ae$1`
|
|
128395
128408
|
${labelStyleRaw$1.vertical}
|
|
128396
128409
|
`,
|
|
@@ -130099,22 +130112,6 @@ const textStyle$2 = textStyleProp({
|
|
|
130099
130112
|
}
|
|
130100
130113
|
})
|
|
130101
130114
|
);
|
|
130102
|
-
const labelStyle$1 = textStyleProp({
|
|
130103
|
-
baseProp: baseTextStyleProp$1,
|
|
130104
|
-
propertiesPanel: {
|
|
130105
|
-
label: "Label style",
|
|
130106
|
-
isVisible: function() {
|
|
130107
|
-
return !!this.label;
|
|
130108
|
-
}
|
|
130109
|
-
}
|
|
130110
|
-
}).default(
|
|
130111
|
-
() => ({
|
|
130112
|
-
variant: DEFAULT_INPUT_WIDGET_LABEL_STYLE_VARIANT,
|
|
130113
|
-
textColor: {
|
|
130114
|
-
default: Theme.colors.neutral900
|
|
130115
|
-
}
|
|
130116
|
-
})
|
|
130117
|
-
);
|
|
130118
130115
|
const propertiesDefinition$f = {
|
|
130119
130116
|
general: Section.category(PropsPanelCategory.Content).children({
|
|
130120
130117
|
label: Prop.string().readAndWrite().default("").propertiesPanel({
|
|
@@ -130185,7 +130182,7 @@ const propertiesDefinition$f = {
|
|
|
130185
130182
|
}),
|
|
130186
130183
|
appearance: Section.category(PropsPanelCategory.Appearance).add({
|
|
130187
130184
|
labelPosition,
|
|
130188
|
-
labelStyle:
|
|
130185
|
+
labelStyle: labelTextStyle(),
|
|
130189
130186
|
placeholderText: Prop.string().readAndWrite().default("Enter text").propertiesPanel({
|
|
130190
130187
|
helpText: "Sets a placeholder text for the input",
|
|
130191
130188
|
label: "Placeholder",
|
|
@@ -147855,14 +147852,14 @@ function getLoaderFn(options) {
|
|
|
147855
147852
|
if (!(loader === "all")) return [3, 3];
|
|
147856
147853
|
return [4, import(
|
|
147857
147854
|
/* webpackChunkName: "blueprint-icons-all-paths-loader" */
|
|
147858
|
-
"./allPathsLoader-
|
|
147855
|
+
"./allPathsLoader-T22k5xCW.js"
|
|
147859
147856
|
)];
|
|
147860
147857
|
case 2:
|
|
147861
147858
|
return [2, _b2.sent().allPathsLoader];
|
|
147862
147859
|
case 3:
|
|
147863
147860
|
return [4, import(
|
|
147864
147861
|
/* webpackChunkName: "blueprint-icons-split-paths-by-size-loader" */
|
|
147865
|
-
"./splitPathsBySizeLoader-
|
|
147862
|
+
"./splitPathsBySizeLoader-BNYI6BA-.js"
|
|
147866
147863
|
)];
|
|
147867
147864
|
case 4:
|
|
147868
147865
|
return [2, _b2.sent().splitPathsBySizeLoader];
|
|
@@ -177571,7 +177568,7 @@ const StyledControlGroup = qe$1(ControlGroup)`
|
|
|
177571
177568
|
${(props) => props.vertical ? Ae$1`
|
|
177572
177569
|
margin: 12px 0px 4px 0;
|
|
177573
177570
|
` : Ae$1`
|
|
177574
|
-
${labelStyle
|
|
177571
|
+
${labelStyle.horizontal}
|
|
177575
177572
|
flex-basis: var(--label-width);
|
|
177576
177573
|
`}
|
|
177577
177574
|
|
|
@@ -178287,22 +178284,6 @@ const textStyle = textStyleProp({
|
|
|
178287
178284
|
}
|
|
178288
178285
|
})
|
|
178289
178286
|
);
|
|
178290
|
-
const labelStyle = textStyleProp({
|
|
178291
|
-
baseProp: baseTextStyleProp,
|
|
178292
|
-
propertiesPanel: {
|
|
178293
|
-
label: "Label style",
|
|
178294
|
-
isVisible: function() {
|
|
178295
|
-
return !!this.label;
|
|
178296
|
-
}
|
|
178297
|
-
}
|
|
178298
|
-
}).default(
|
|
178299
|
-
() => ({
|
|
178300
|
-
variant: DEFAULT_INPUT_WIDGET_LABEL_STYLE_VARIANT,
|
|
178301
|
-
textColor: {
|
|
178302
|
-
default: Theme.colors.neutral900
|
|
178303
|
-
}
|
|
178304
|
-
})
|
|
178305
|
-
);
|
|
178306
178287
|
const propertiesDefinition$9 = {
|
|
178307
178288
|
general: Section.category(PropsPanelCategory.Content).children({
|
|
178308
178289
|
label: Prop.string().readAndWrite().default("").propertiesPanel({
|
|
@@ -178359,7 +178340,7 @@ const propertiesDefinition$9 = {
|
|
|
178359
178340
|
}
|
|
178360
178341
|
]
|
|
178361
178342
|
}),
|
|
178362
|
-
labelStyle,
|
|
178343
|
+
labelStyle: labelTextStyle(),
|
|
178363
178344
|
icon: Prop.string().propertiesPanel({
|
|
178364
178345
|
label: "Icon",
|
|
178365
178346
|
helpText: "Select an icon to be displayed in the dropdown input. If the selected option has its own icon, it will override this icon.",
|
|
@@ -178612,7 +178593,7 @@ const DropdownStyleOverrides = qe$1.div`
|
|
|
178612
178593
|
height: 100%;
|
|
178613
178594
|
|
|
178614
178595
|
&&& label {
|
|
178615
|
-
${(props) => props.vertical ? labelStyle
|
|
178596
|
+
${(props) => props.vertical ? labelStyle.vertical : labelStyle.horizontal}
|
|
178616
178597
|
}
|
|
178617
178598
|
`;
|
|
178618
178599
|
const SbDropdown = registerSbComponent(
|
|
@@ -180582,7 +180563,6 @@ class CheckboxComponent extends React__default.PureComponent {
|
|
|
180582
180563
|
);
|
|
180583
180564
|
}
|
|
180584
180565
|
}
|
|
180585
|
-
const DEFAULT_CHECKBOX_WIDGET_TEXT_STYLE_VARIANT = "inputLabel";
|
|
180586
180566
|
const propertiesDefinition$7 = {
|
|
180587
180567
|
general: Section.category(PropsPanelCategory.Content).children({
|
|
180588
180568
|
label: Prop.string().readAndWrite().default("").propertiesPanel({
|
|
@@ -180600,11 +180580,7 @@ const propertiesDefinition$7 = {
|
|
|
180600
180580
|
})
|
|
180601
180581
|
}),
|
|
180602
180582
|
appearance: Section.category(PropsPanelCategory.Appearance).children({
|
|
180603
|
-
labelStyle:
|
|
180604
|
-
label: "Label style",
|
|
180605
|
-
helpText: "Select a text style from the app theme",
|
|
180606
|
-
controlType: "TEXT_STYLE"
|
|
180607
|
-
}),
|
|
180583
|
+
labelStyle: labelTextStyle(),
|
|
180608
180584
|
loadingAnimation: Prop.boolean().propertiesPanel({
|
|
180609
180585
|
label: "Loading animation",
|
|
180610
180586
|
helpText: "Display a loading animation if dependent data is loading"
|
|
@@ -180669,7 +180645,7 @@ const SbCheckbox = registerSbComponent(
|
|
|
180669
180645
|
propertiesDefinition: propertiesDefinition$7
|
|
180670
180646
|
},
|
|
180671
180647
|
(props) => {
|
|
180672
|
-
var _a2, _b2
|
|
180648
|
+
var _a2, _b2;
|
|
180673
180649
|
const passThroughProps = usePassthroughProps(props);
|
|
180674
180650
|
const { update } = useActions();
|
|
180675
180651
|
const { onCheckChange } = props;
|
|
@@ -180683,12 +180659,7 @@ const SbCheckbox = registerSbComponent(
|
|
|
180683
180659
|
},
|
|
180684
180660
|
[onCheckChange, update]
|
|
180685
180661
|
);
|
|
180686
|
-
const
|
|
180687
|
-
const labelProps = useTypographyStyling({
|
|
180688
|
-
theme,
|
|
180689
|
-
textStyle: (_a2 = props.labelProps) == null ? void 0 : _a2.textStyle,
|
|
180690
|
-
defaultTextStyleVariant: DEFAULT_CHECKBOX_WIDGET_TEXT_STYLE_VARIANT
|
|
180691
|
-
});
|
|
180662
|
+
const labelProps = useLabelProps(props);
|
|
180692
180663
|
const checkedValue = props.isChecked ?? props.defaultChecked;
|
|
180693
180664
|
const errorMessages = useMemo$2(() => {
|
|
180694
180665
|
if (!props.showError) return [];
|
|
@@ -180710,10 +180681,10 @@ const SbCheckbox = registerSbComponent(
|
|
|
180710
180681
|
isDisabled: props.isDisabled,
|
|
180711
180682
|
onCheckChange: handleCheckChange,
|
|
180712
180683
|
isLoading: props.isLoading,
|
|
180713
|
-
isFitContentWidth: ((
|
|
180684
|
+
isFitContentWidth: ((_a2 = props.width) == null ? void 0 : _a2.mode) === "fit",
|
|
180714
180685
|
errorMessagePlacement: props.errorMessagePlacement,
|
|
180715
180686
|
errorMessages,
|
|
180716
|
-
isFitContentHeight: ((
|
|
180687
|
+
isFitContentHeight: ((_b2 = props.height) == null ? void 0 : _b2.mode) === "fit"
|
|
180717
180688
|
}
|
|
180718
180689
|
) });
|
|
180719
180690
|
}
|
|
@@ -180885,6 +180856,7 @@ const propertiesDefinition$6 = {
|
|
|
180885
180856
|
}
|
|
180886
180857
|
]
|
|
180887
180858
|
}),
|
|
180859
|
+
labelStyle: labelTextStyle(),
|
|
180888
180860
|
// TODO(code-mode): Add color pickers, border controls, etc.
|
|
180889
180861
|
showIcon: Prop.boolean().readAndWrite().default(true).propertiesPanel({
|
|
180890
180862
|
label: "Icon",
|
|
@@ -181023,6 +180995,7 @@ const SbDatePicker = registerSbComponent(
|
|
|
181023
180995
|
}
|
|
181024
180996
|
return Object.values(errors2).filter(Boolean);
|
|
181025
180997
|
}, [props.showError, props.validationErrors]);
|
|
180998
|
+
const labelProps = useLabelProps(props);
|
|
181026
180999
|
return /* @__PURE__ */ jsxRuntimeExports.jsx(DatePickerContainer, { ...passThroughProps, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
181027
181000
|
DatePickerComponent,
|
|
181028
181001
|
{
|
|
@@ -181045,6 +181018,8 @@ const SbDatePicker = registerSbComponent(
|
|
|
181045
181018
|
showTimezone: !!props.manageTimezone,
|
|
181046
181019
|
showCalendarIcon: props.showIcon,
|
|
181047
181020
|
onDatePickerClosed: handleDatePickerClosed,
|
|
181021
|
+
labelStyleOverride: labelProps == null ? void 0 : labelProps.style,
|
|
181022
|
+
labelPosition: props.labelPosition,
|
|
181048
181023
|
errorMessagePlacement: props.errorMessagePlacement,
|
|
181049
181024
|
errorMessages,
|
|
181050
181025
|
isFitContentHeight: ((_a2 = props.height) == null ? void 0 : _a2.mode) === "fit",
|
|
@@ -181053,8 +181028,6 @@ const SbDatePicker = registerSbComponent(
|
|
|
181053
181028
|
) });
|
|
181054
181029
|
}
|
|
181055
181030
|
);
|
|
181056
|
-
const DEFAULT_SWITCH_WIDGET_LABEL_TEXT_STYLE_VARIANT = "inputLabel";
|
|
181057
|
-
const SWITCH_LABEL_GAP = 8;
|
|
181058
181031
|
const propertiesDefinition$5 = {
|
|
181059
181032
|
general: Section.category(PropsPanelCategory.Content).children({
|
|
181060
181033
|
label: Prop.string().readAndWrite().default("").propertiesPanel({
|
|
@@ -181088,11 +181061,7 @@ const propertiesDefinition$5 = {
|
|
|
181088
181061
|
}
|
|
181089
181062
|
]
|
|
181090
181063
|
}),
|
|
181091
|
-
labelStyle:
|
|
181092
|
-
label: "Label style",
|
|
181093
|
-
helpText: "Select a text style from the app theme",
|
|
181094
|
-
controlType: "TEXT_STYLE"
|
|
181095
|
-
}),
|
|
181064
|
+
labelStyle: labelTextStyle(),
|
|
181096
181065
|
loadingAnimation: Prop.boolean().propertiesPanel({
|
|
181097
181066
|
label: "Loading animation",
|
|
181098
181067
|
helpText: "Display a loading animation if dependent data is loading"
|
|
@@ -181165,6 +181134,7 @@ const SwitchInput = ({
|
|
|
181165
181134
|
}
|
|
181166
181135
|
);
|
|
181167
181136
|
};
|
|
181137
|
+
const SWITCH_LABEL_GAP = 8;
|
|
181168
181138
|
const SwitchComponentGroup = styleAsClass`
|
|
181169
181139
|
display: flex;
|
|
181170
181140
|
flex-direction: column;
|
|
@@ -181293,7 +181263,7 @@ const SbSwitch = registerSbComponent(
|
|
|
181293
181263
|
propertiesDefinition: propertiesDefinition$5
|
|
181294
181264
|
},
|
|
181295
181265
|
(props) => {
|
|
181296
|
-
var _a2, _b2
|
|
181266
|
+
var _a2, _b2;
|
|
181297
181267
|
const passThroughProps = usePassthroughProps(props);
|
|
181298
181268
|
const { update } = useActions();
|
|
181299
181269
|
const { onSwitchChange } = props;
|
|
@@ -181307,12 +181277,7 @@ const SbSwitch = registerSbComponent(
|
|
|
181307
181277
|
},
|
|
181308
181278
|
[onSwitchChange, update]
|
|
181309
181279
|
);
|
|
181310
|
-
const
|
|
181311
|
-
const labelProps = useTypographyStyling({
|
|
181312
|
-
theme,
|
|
181313
|
-
textStyle: (_a2 = props.labelProps) == null ? void 0 : _a2.textStyle,
|
|
181314
|
-
defaultTextStyleVariant: DEFAULT_SWITCH_WIDGET_LABEL_TEXT_STYLE_VARIANT
|
|
181315
|
-
});
|
|
181280
|
+
const labelProps = useLabelProps(props);
|
|
181316
181281
|
const errorMessages = useMemo$2(() => {
|
|
181317
181282
|
if (!props.showError) return [];
|
|
181318
181283
|
const errors2 = props.validationErrors;
|
|
@@ -181334,10 +181299,10 @@ const SbSwitch = registerSbComponent(
|
|
|
181334
181299
|
labelProps,
|
|
181335
181300
|
validationErrors: props.validationErrors,
|
|
181336
181301
|
errorMessagePlacement: props.errorMessagePlacement,
|
|
181337
|
-
labelWidth: (
|
|
181302
|
+
labelWidth: (_a2 = props.labelProps) == null ? void 0 : _a2.width,
|
|
181338
181303
|
errorMessages,
|
|
181339
181304
|
showError: props.showError,
|
|
181340
|
-
isFitContentHeight: ((
|
|
181305
|
+
isFitContentHeight: ((_b2 = props.height) == null ? void 0 : _b2.mode) === "fit"
|
|
181341
181306
|
},
|
|
181342
181307
|
props.sourceId
|
|
181343
181308
|
) });
|
|
@@ -195988,4 +195953,4 @@ export {
|
|
|
195988
195953
|
SbProvider as y,
|
|
195989
195954
|
SbEventFlow as z
|
|
195990
195955
|
};
|
|
195991
|
-
//# sourceMappingURL=index-
|
|
195956
|
+
//# sourceMappingURL=index-PfIGDLm2.js.map
|