@superblocksteam/library 2.0.0-next.55 → 2.0.0-next.56
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-Dl6sLRAk.js → allPaths-ZvBWAfFh.js} +2 -2
- package/dist/{allPaths-Dl6sLRAk.js.map → allPaths-ZvBWAfFh.js.map} +1 -1
- package/dist/{allPaths-jJ3FFpwY.js → allPaths-zBykV1e8.js} +2 -2
- package/dist/{allPaths-jJ3FFpwY.js.map → allPaths-zBykV1e8.js.map} +1 -1
- package/dist/{allPathsLoader-8vehQ2-0.js → allPathsLoader-CjOUNCYR.js} +3 -3
- package/dist/{allPathsLoader-Dd9Ybi8y.js.map → allPathsLoader-CjOUNCYR.js.map} +1 -1
- package/dist/{allPathsLoader-Dd9Ybi8y.js → allPathsLoader-D_lTjvL4.js} +3 -3
- package/dist/{allPathsLoader-8vehQ2-0.js.map → allPathsLoader-D_lTjvL4.js.map} +1 -1
- package/dist/{index-BdAeYAQo.js → index-9cqMj15O.js} +70 -104
- package/dist/{index-BdAeYAQo.js.map → index-9cqMj15O.js.map} +1 -1
- package/dist/index.js +2 -2
- package/dist/{splitPathsBySizeLoader-DAyGNPiX.js → splitPathsBySizeLoader-7P9UciS4.js} +2 -2
- package/dist/{splitPathsBySizeLoader-DAyGNPiX.js.map → splitPathsBySizeLoader-7P9UciS4.js.map} +1 -1
- package/dist/{splitPathsBySizeLoader-DzBukqlx.js → splitPathsBySizeLoader-DtaKcrAb.js} +2 -2
- package/dist/{splitPathsBySizeLoader-DzBukqlx.js.map → splitPathsBySizeLoader-DtaKcrAb.js.map} +1 -1
- package/dist-types/lib/user-facing/components/date-picker/date-picker-component.d.ts +3 -3
- package/dist-types/lib/user-facing/components/date-picker/utils.d.ts +1 -1
- package/dist-types/lib/user-facing/components/input/index.d.ts +5 -11
- package/dist-types/lib/user-facing/components/input/props.d.ts +5 -11
- package/dist-types/lib/user-facing/properties-panel/mixins/form-inputs-properties.d.ts +1 -1
- 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-9cqMj15O.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-ZvBWAfFh.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allPaths-
|
|
1
|
+
{"version":3,"file":"allPaths-ZvBWAfFh.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-9cqMj15O.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-zBykV1e8.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allPaths-
|
|
1
|
+
{"version":3,"file":"allPaths-zBykV1e8.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-9cqMj15O.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-zBykV1e8.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-CjOUNCYR.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allPathsLoader-
|
|
1
|
+
{"version":3,"file":"allPathsLoader-CjOUNCYR.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-9cqMj15O.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-ZvBWAfFh.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-D_lTjvL4.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"allPathsLoader-
|
|
1
|
+
{"version":3,"file":"allPathsLoader-D_lTjvL4.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]}
|
|
@@ -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-CjOUNCYR.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-DtaKcrAb.js"
|
|
2701
2701
|
)];
|
|
2702
2702
|
case 4:
|
|
2703
2703
|
return [2, _b2.sent().splitPathsBySizeLoader];
|
|
@@ -126571,6 +126571,9 @@ const labelWidth = Prop.any().readAndWrite().default(Dim.percent(30)).properties
|
|
|
126571
126571
|
label: "Label width",
|
|
126572
126572
|
controlType: "SIMPLE_SIZE_CONTROL",
|
|
126573
126573
|
helpText: "Control the width of the label subcomponent in the input",
|
|
126574
|
+
isVisible: function() {
|
|
126575
|
+
return !!this.label && this.labelPosition === "left";
|
|
126576
|
+
},
|
|
126574
126577
|
options: [
|
|
126575
126578
|
{
|
|
126576
126579
|
label: "Fluid",
|
|
@@ -126610,10 +126613,12 @@ const customValidationProperties = {
|
|
|
126610
126613
|
}
|
|
126611
126614
|
})
|
|
126612
126615
|
};
|
|
126613
|
-
const labelPosition = Prop.string().readAndWrite().default("top").propertiesPanel({
|
|
126616
|
+
const labelPosition = () => Prop.string().readAndWrite().default("top").propertiesPanel({
|
|
126614
126617
|
label: "Label position",
|
|
126615
126618
|
controlType: "RADIO_BUTTON_GROUP",
|
|
126616
|
-
isVisible: (
|
|
126619
|
+
isVisible: function() {
|
|
126620
|
+
return !!this.label;
|
|
126621
|
+
},
|
|
126617
126622
|
options: [
|
|
126618
126623
|
{
|
|
126619
126624
|
label: "Above",
|
|
@@ -126827,7 +126832,7 @@ const propertiesDefinition$d = {
|
|
|
126827
126832
|
})
|
|
126828
126833
|
}),
|
|
126829
126834
|
appearance: Section.category(PropsPanelCategory.Appearance).add({
|
|
126830
|
-
labelPosition,
|
|
126835
|
+
labelPosition: labelPosition(),
|
|
126831
126836
|
labelStyle: labelTextStyle(),
|
|
126832
126837
|
placeholderText: Prop.string().readAndWrite().default("Enter text").propertiesPanel({
|
|
126833
126838
|
helpText: "Sets a placeholder text for the input",
|
|
@@ -126873,23 +126878,7 @@ const propertiesDefinition$d = {
|
|
|
126873
126878
|
controlType: "SWITCH"
|
|
126874
126879
|
})
|
|
126875
126880
|
}),
|
|
126876
|
-
layout: Section.category(PropsPanelCategory.Layout).add(padding({ themeValue: INPUT_PADDING, default: INPUT_PADDING })).add(size$2()).add(margin()).add(
|
|
126877
|
-
// TODO: Should be before visibility props, but there's no way to do that with the layout helper
|
|
126878
|
-
Prop.union({
|
|
126879
|
-
shared: {
|
|
126880
|
-
labelPosition: Prop.string()
|
|
126881
|
-
},
|
|
126882
|
-
variants: [
|
|
126883
|
-
{
|
|
126884
|
-
labelPosition: Prop.literal("left"),
|
|
126885
|
-
labelWidth
|
|
126886
|
-
},
|
|
126887
|
-
{
|
|
126888
|
-
labelPosition: Prop.literal("top")
|
|
126889
|
-
}
|
|
126890
|
-
]
|
|
126891
|
-
})
|
|
126892
|
-
).add(visible()),
|
|
126881
|
+
layout: Section.category(PropsPanelCategory.Layout).add(padding({ themeValue: INPUT_PADDING, default: INPUT_PADDING })).add(size$2()).add(margin()).add({ labelWidth }).add(visible()),
|
|
126893
126882
|
interaction: Section.category(PropsPanelCategory.Interaction).add(
|
|
126894
126883
|
Prop.union({
|
|
126895
126884
|
shared: {
|
|
@@ -144448,14 +144437,14 @@ function getLoaderFn(options) {
|
|
|
144448
144437
|
if (!(loader === "all")) return [3, 3];
|
|
144449
144438
|
return [4, import(
|
|
144450
144439
|
/* webpackChunkName: "blueprint-icons-all-paths-loader" */
|
|
144451
|
-
"./allPathsLoader-
|
|
144440
|
+
"./allPathsLoader-D_lTjvL4.js"
|
|
144452
144441
|
)];
|
|
144453
144442
|
case 2:
|
|
144454
144443
|
return [2, _b2.sent().allPathsLoader];
|
|
144455
144444
|
case 3:
|
|
144456
144445
|
return [4, import(
|
|
144457
144446
|
/* webpackChunkName: "blueprint-icons-split-paths-by-size-loader" */
|
|
144458
|
-
"./splitPathsBySizeLoader-
|
|
144447
|
+
"./splitPathsBySizeLoader-7P9UciS4.js"
|
|
144459
144448
|
)];
|
|
144460
144449
|
case 4:
|
|
144461
144450
|
return [2, _b2.sent().splitPathsBySizeLoader];
|
|
@@ -152473,14 +152462,8 @@ class DatePickerComponent extends React__default.Component {
|
|
|
152473
152462
|
const _date = moment(date4, format3);
|
|
152474
152463
|
return _date.isValid() ? _date.toDate() : void 0;
|
|
152475
152464
|
});
|
|
152476
|
-
__publicField(this, "getNormalizedDateFormat", () => {
|
|
152477
|
-
return normalizeDateFormat(this.props.dateFormat || ISO_DATE_FORMAT);
|
|
152478
|
-
});
|
|
152479
|
-
__publicField(this, "getNormalizedDisplayDateFormat", () => {
|
|
152480
|
-
return this.props.displayDateFormat ? normalizeDateFormat(this.props.displayDateFormat) : void 0;
|
|
152481
|
-
});
|
|
152482
152465
|
__publicField(this, "shouldWrapTime", () => {
|
|
152483
|
-
const dateFormat = this.
|
|
152466
|
+
const dateFormat = this.normalizedDateFormat;
|
|
152484
152467
|
const showTime = formatIncludesTime(dateFormat);
|
|
152485
152468
|
const timePrecision = getTimePrecision(dateFormat);
|
|
152486
152469
|
return showTime && this.props.twentyFourHourTime && timePrecision === TimePrecision.MINUTE;
|
|
@@ -152503,25 +152486,8 @@ class DatePickerComponent extends React__default.Component {
|
|
|
152503
152486
|
}
|
|
152504
152487
|
return today.toDate();
|
|
152505
152488
|
});
|
|
152506
|
-
__publicField(this, "getCurrentValue", () => {
|
|
152507
|
-
if (this.props.selectedDate && typeof this.props.selectedDate === "string") {
|
|
152508
|
-
const dateFormat = this.getNormalizedDateFormat();
|
|
152509
|
-
const withoutTz = stripTimezoneFromString(
|
|
152510
|
-
this.props.selectedDate,
|
|
152511
|
-
dateFormat
|
|
152512
|
-
);
|
|
152513
|
-
const converted = convertDateStringTimezone(
|
|
152514
|
-
withoutTz,
|
|
152515
|
-
NO_TZ_FORMAT,
|
|
152516
|
-
this.valueTimezone,
|
|
152517
|
-
this.displayTimezone
|
|
152518
|
-
);
|
|
152519
|
-
return converted;
|
|
152520
|
-
}
|
|
152521
|
-
return null;
|
|
152522
|
-
});
|
|
152523
152489
|
__publicField(this, "getPopoverFooter", () => {
|
|
152524
|
-
const dateFormat = this.
|
|
152490
|
+
const dateFormat = this.normalizedDateFormat;
|
|
152525
152491
|
const showTime = formatIncludesTime(dateFormat);
|
|
152526
152492
|
const shouldWrapTime = this.shouldWrapTime();
|
|
152527
152493
|
return /* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
@@ -152535,7 +152501,7 @@ class DatePickerComponent extends React__default.Component {
|
|
|
152535
152501
|
{
|
|
152536
152502
|
text: "Today",
|
|
152537
152503
|
onClick: () => {
|
|
152538
|
-
const dateFormat2 = this.
|
|
152504
|
+
const dateFormat2 = this.normalizedDateFormat;
|
|
152539
152505
|
const today = moment().tz(this.valueTimezone).format(dateFormat2);
|
|
152540
152506
|
this.props.onDateSelected(today);
|
|
152541
152507
|
},
|
|
@@ -152557,7 +152523,7 @@ class DatePickerComponent extends React__default.Component {
|
|
|
152557
152523
|
);
|
|
152558
152524
|
});
|
|
152559
152525
|
__publicField(this, "formatDisplayDate", (date4) => {
|
|
152560
|
-
const displayDateFormat = this.
|
|
152526
|
+
const displayDateFormat = this.normalizedDisplayDateFormat ?? this.normalizedDateFormat;
|
|
152561
152527
|
const withoutTz = stripTimezoneFromDate(
|
|
152562
152528
|
date4,
|
|
152563
152529
|
displayDateFormat,
|
|
@@ -152566,7 +152532,7 @@ class DatePickerComponent extends React__default.Component {
|
|
|
152566
152532
|
return withoutTz;
|
|
152567
152533
|
});
|
|
152568
152534
|
__publicField(this, "formatSelectedDate", (date4) => {
|
|
152569
|
-
const dateFormat = this.
|
|
152535
|
+
const dateFormat = this.normalizedDateFormat;
|
|
152570
152536
|
const dateStr = stripTimezoneFromDate(date4, dateFormat, moment.tz.guess());
|
|
152571
152537
|
const converted = convertDateStringTimezone(
|
|
152572
152538
|
dateStr,
|
|
@@ -152577,7 +152543,7 @@ class DatePickerComponent extends React__default.Component {
|
|
|
152577
152543
|
return converted;
|
|
152578
152544
|
});
|
|
152579
152545
|
__publicField(this, "parseSelectedDate", (dateStr) => {
|
|
152580
|
-
const dateFormat = this.
|
|
152546
|
+
const dateFormat = this.normalizedDateFormat;
|
|
152581
152547
|
const converted = stripTimezoneFromString(dateStr, dateFormat);
|
|
152582
152548
|
return new Date(converted);
|
|
152583
152549
|
});
|
|
@@ -152585,8 +152551,8 @@ class DatePickerComponent extends React__default.Component {
|
|
|
152585
152551
|
__publicField(this, "onInputChanged", (event) => {
|
|
152586
152552
|
const displayFormattedDateStr = event.target.value;
|
|
152587
152553
|
if (displayFormattedDateStr) {
|
|
152588
|
-
const dateFormat = this.
|
|
152589
|
-
const displayFormat = this.
|
|
152554
|
+
const dateFormat = this.normalizedDateFormat;
|
|
152555
|
+
const displayFormat = this.normalizedDisplayDateFormat || dateFormat;
|
|
152590
152556
|
if (!isValidDate(displayFormattedDateStr)) {
|
|
152591
152557
|
this.props.onDateSelected(displayFormattedDateStr);
|
|
152592
152558
|
return;
|
|
@@ -152606,7 +152572,7 @@ class DatePickerComponent extends React__default.Component {
|
|
|
152606
152572
|
* @param selectedDayOnly date in the local timezone
|
|
152607
152573
|
*/
|
|
152608
152574
|
__publicField(this, "onDayChanged", (selectedDayOnly) => {
|
|
152609
|
-
const dateFormat = this.
|
|
152575
|
+
const dateFormat = this.normalizedDateFormat;
|
|
152610
152576
|
if (selectedDayOnly && (!this.props.selectedDate || !moment(this.props.selectedDate, dateFormat).isSame(
|
|
152611
152577
|
selectedDayOnly,
|
|
152612
152578
|
"days"
|
|
@@ -152651,25 +152617,48 @@ class DatePickerComponent extends React__default.Component {
|
|
|
152651
152617
|
if (!this.props.selectedDate) return;
|
|
152652
152618
|
if (prevProps.timezone !== this.props.timezone) {
|
|
152653
152619
|
const localTimezone = moment.tz.guess();
|
|
152654
|
-
const nextDate = moment.tz(this.props.selectedDate, prevProps.timezone ?? localTimezone).tz(this.props.timezone ?? localTimezone).format(this.
|
|
152620
|
+
const nextDate = moment.tz(this.props.selectedDate, prevProps.timezone ?? localTimezone).tz(this.props.timezone ?? localTimezone).format(this.normalizedDateFormat);
|
|
152655
152621
|
this.props.onDateSelected(nextDate);
|
|
152656
152622
|
}
|
|
152657
152623
|
}
|
|
152624
|
+
get normalizedDateFormat() {
|
|
152625
|
+
return normalizeDateFormat(this.props.dateFormat || ISO_DATE_FORMAT);
|
|
152626
|
+
}
|
|
152627
|
+
get normalizedDisplayDateFormat() {
|
|
152628
|
+
return this.props.displayDateFormat ? normalizeDateFormat(this.props.displayDateFormat) : void 0;
|
|
152629
|
+
}
|
|
152658
152630
|
get valueTimezone() {
|
|
152659
152631
|
return this.props.timezone || moment.tz.guess();
|
|
152660
152632
|
}
|
|
152661
152633
|
get displayTimezone() {
|
|
152662
152634
|
return this.props.displayTimezone || moment.tz.guess();
|
|
152663
152635
|
}
|
|
152636
|
+
get currentValue() {
|
|
152637
|
+
if (this.props.selectedDate && typeof this.props.selectedDate === "string") {
|
|
152638
|
+
const dateFormat = this.normalizedDateFormat;
|
|
152639
|
+
const withoutTz = stripTimezoneFromString(
|
|
152640
|
+
this.props.selectedDate,
|
|
152641
|
+
dateFormat
|
|
152642
|
+
);
|
|
152643
|
+
const converted = convertDateStringTimezone(
|
|
152644
|
+
withoutTz,
|
|
152645
|
+
NO_TZ_FORMAT,
|
|
152646
|
+
this.valueTimezone,
|
|
152647
|
+
this.displayTimezone
|
|
152648
|
+
);
|
|
152649
|
+
return converted;
|
|
152650
|
+
}
|
|
152651
|
+
return null;
|
|
152652
|
+
}
|
|
152664
152653
|
render() {
|
|
152665
|
-
const dateFormat = this.
|
|
152666
|
-
const displayFormat = this.
|
|
152654
|
+
const dateFormat = this.normalizedDateFormat;
|
|
152655
|
+
const displayFormat = this.normalizedDisplayDateFormat || dateFormat;
|
|
152667
152656
|
const anchor = this.props.selectedDate && moment(this.props.selectedDate, dateFormat).isValid() ? moment(this.props.selectedDate, dateFormat) : moment();
|
|
152668
152657
|
const year = anchor.get("year");
|
|
152669
152658
|
const minDate = this.props.minDate ? this.getValidDate(this.props.minDate, dateFormat) : anchor.clone().set({ month: 0, date: 1, year: year - 10 }).toDate();
|
|
152670
152659
|
const maxDate = this.props.maxDate ? this.getValidDate(this.props.maxDate, dateFormat) : anchor.clone().set({ month: 11, date: 31, year: year + 10 }).toDate();
|
|
152671
152660
|
const showTime = formatIncludesTime(dateFormat);
|
|
152672
|
-
const currentValue = this.
|
|
152661
|
+
const currentValue = this.currentValue;
|
|
152673
152662
|
const timePrecision = getTimePrecision(dateFormat);
|
|
152674
152663
|
const initialMonth = this.getInitialMonth(currentValue, minDate, maxDate);
|
|
152675
152664
|
const styleVars = {
|
|
@@ -174917,22 +174906,7 @@ const propertiesDefinition$8 = {
|
|
|
174917
174906
|
})
|
|
174918
174907
|
}),
|
|
174919
174908
|
appearance: Section.category(PropsPanelCategory.Appearance).children({
|
|
174920
|
-
labelPosition:
|
|
174921
|
-
label: "Label position",
|
|
174922
|
-
controlType: "RADIO_BUTTON_GROUP",
|
|
174923
|
-
options: [
|
|
174924
|
-
{
|
|
174925
|
-
icon: "ICON_LEFT_ALIGN",
|
|
174926
|
-
value: "left",
|
|
174927
|
-
label: "Beside"
|
|
174928
|
-
},
|
|
174929
|
-
{
|
|
174930
|
-
icon: "VERTICAL_TOP",
|
|
174931
|
-
value: "top",
|
|
174932
|
-
label: "Above"
|
|
174933
|
-
}
|
|
174934
|
-
]
|
|
174935
|
-
}),
|
|
174909
|
+
labelPosition: labelPosition(),
|
|
174936
174910
|
labelStyle: labelTextStyle(),
|
|
174937
174911
|
icon: Prop.string().propertiesPanel({
|
|
174938
174912
|
label: "Icon",
|
|
@@ -175792,13 +175766,20 @@ const propertiesDefinition$6 = {
|
|
|
175792
175766
|
visibility: "SHOW_NAME"
|
|
175793
175767
|
}),
|
|
175794
175768
|
defaultDate: Prop.string().propertiesPanel({
|
|
175795
|
-
|
|
175769
|
+
controlType: "DATE_PICKER",
|
|
175770
|
+
defaultOnAdd: function() {
|
|
175771
|
+
if (this.manageTimezone) {
|
|
175772
|
+
return moment().tz(this.valueTimezone || moment.tz.guess()).format(this.dateFormat);
|
|
175773
|
+
}
|
|
175774
|
+
return moment().format(this.dateFormat);
|
|
175775
|
+
},
|
|
175796
175776
|
helpText: "Sets the default date of the component. The date is updated if the default date changes",
|
|
175777
|
+
isRemovable: true,
|
|
175778
|
+
label: "Default date",
|
|
175797
175779
|
placeholder: "Enter default date",
|
|
175798
|
-
|
|
175799
|
-
isRemovable: true
|
|
175780
|
+
visibility: "SHOW_NAME"
|
|
175800
175781
|
}).onEdit(adjustDateFormatSideEffect),
|
|
175801
|
-
dateFormat: Prop.string().readAndWrite().default(
|
|
175782
|
+
dateFormat: Prop.string().readAndWrite().default(ISO_DATE_FORMAT).propertiesPanel({
|
|
175802
175783
|
label: "Value format",
|
|
175803
175784
|
helpText: "Sets the format of the selected date",
|
|
175804
175785
|
controlType: "DROP_DOWN",
|
|
@@ -175848,22 +175829,7 @@ const propertiesDefinition$6 = {
|
|
|
175848
175829
|
}),
|
|
175849
175830
|
layout: basicLayout(),
|
|
175850
175831
|
appearance: Section.category(PropsPanelCategory.Appearance).children({
|
|
175851
|
-
labelPosition:
|
|
175852
|
-
label: "Label position",
|
|
175853
|
-
controlType: "RADIO_BUTTON_GROUP",
|
|
175854
|
-
options: [
|
|
175855
|
-
{
|
|
175856
|
-
icon: "ICON_LEFT_ALIGN",
|
|
175857
|
-
value: "left",
|
|
175858
|
-
label: "Beside"
|
|
175859
|
-
},
|
|
175860
|
-
{
|
|
175861
|
-
icon: "VERTICAL_TOP",
|
|
175862
|
-
value: "top",
|
|
175863
|
-
label: "Above"
|
|
175864
|
-
}
|
|
175865
|
-
]
|
|
175866
|
-
}),
|
|
175832
|
+
labelPosition: labelPosition(),
|
|
175867
175833
|
labelStyle: labelTextStyle(),
|
|
175868
175834
|
// TODO(code-mode): Add color pickers, border controls, etc.
|
|
175869
175835
|
icon: Prop.string().readAndWrite().default("calendar_today").propertiesPanel({
|
|
@@ -175926,16 +175892,16 @@ const propertiesDefinition$6 = {
|
|
|
175926
175892
|
if (this.isRequired && !this.selectedDate) {
|
|
175927
175893
|
errors2.isRequired = "Required";
|
|
175928
175894
|
}
|
|
175929
|
-
if (this.selectedDate && this.dateFormat && !
|
|
175895
|
+
if (this.selectedDate && this.dateFormat && !moment(this.selectedDate, this.dateFormat, true).isValid()) {
|
|
175930
175896
|
errors2.dateInvalid = "Invalid date";
|
|
175931
175897
|
}
|
|
175932
|
-
if (this.minDate && this.selectedDate &&
|
|
175933
|
-
|
|
175898
|
+
if (this.minDate && this.selectedDate && moment(this.selectedDate, this.dateFormat).isBefore(
|
|
175899
|
+
moment(this.minDate, this.dateFormat)
|
|
175934
175900
|
)) {
|
|
175935
175901
|
errors2.minDate = "Date must be greater than or equal to " + this.minDate;
|
|
175936
175902
|
}
|
|
175937
|
-
if (this.maxDate && this.selectedDate &&
|
|
175938
|
-
|
|
175903
|
+
if (this.maxDate && this.selectedDate && moment(this.selectedDate, this.dateFormat).isAfter(
|
|
175904
|
+
moment(this.maxDate, this.dateFormat)
|
|
175939
175905
|
)) {
|
|
175940
175906
|
errors2.maxDate = "Date must be less than or equal to " + this.maxDate;
|
|
175941
175907
|
}
|
|
@@ -175948,12 +175914,12 @@ const propertiesDefinition$6 = {
|
|
|
175948
175914
|
return Object.keys(this.validationErrors ?? {}).length === 0;
|
|
175949
175915
|
}),
|
|
175950
175916
|
outputDateLocal: Prop.string().readable().default(function() {
|
|
175951
|
-
return
|
|
175917
|
+
return moment(this.selectedDate, this.dateFormat).format(
|
|
175952
175918
|
"YYYY-MM-DDTHH:mm:ss.SSSZ"
|
|
175953
175919
|
);
|
|
175954
175920
|
}),
|
|
175955
175921
|
outputDateUtc: Prop.string().readable().default(function() {
|
|
175956
|
-
return
|
|
175922
|
+
return moment(this.selectedDate, this.dateFormat).toISOString();
|
|
175957
175923
|
}),
|
|
175958
175924
|
showError: Prop.boolean().readable().default(function() {
|
|
175959
175925
|
const hasValue2 = !!this.value;
|
|
@@ -191005,4 +190971,4 @@ export {
|
|
|
191005
190971
|
copyToClipboard as y,
|
|
191006
190972
|
navigateTo as z
|
|
191007
190973
|
};
|
|
191008
|
-
//# sourceMappingURL=index-
|
|
190974
|
+
//# sourceMappingURL=index-9cqMj15O.js.map
|