@emeraldemperaur/vector-sigma 1.4.35 → 1.4.36
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/lib/index.cjs +5 -11
- package/lib/index.esm.js +5 -11
- package/package.json +1 -1
package/lib/index.cjs
CHANGED
|
@@ -17722,7 +17722,6 @@ const CheckboxGroupInput = (_a) => {
|
|
|
17722
17722
|
})),
|
|
17723
17723
|
React.createElement("div", null,
|
|
17724
17724
|
React.createElement(p$d, { id: `${alias}InputLabel`, as: "div", size: "2", weight: "bold" }, inputLabel),
|
|
17725
|
-
"\u00A0",
|
|
17726
17725
|
isHinted && (React.createElement(e, { content: hintText || "No hint available", align: "start", sideOffset: 5, className: "core-input-tooltip" },
|
|
17727
17726
|
React.createElement("a", { href: hintUrl || "", target: "_blank", rel: "noopener noreferrer" },
|
|
17728
17727
|
React.createElement(Icon, { name: "questionmarkcircled", height: "16", width: "16", style: { cursor: 'pointer', color: 'gray' } })))),
|
|
@@ -32089,7 +32088,7 @@ const Input$2 = (_a) => {
|
|
|
32089
32088
|
const errorId = `${alias}-error`;
|
|
32090
32089
|
return (React.createElement(Column, { span: width, newLine: newRow },
|
|
32091
32090
|
React.createElement(p$5, { direction: "column", gap: "2", style: { width: '100%' } },
|
|
32092
|
-
React.createElement(u, Object.assign({}, inputField, { size: size, variant: "surface", color: hasError ? "red" : undefined, type: inputtype, id: `${alias}FormInput`, "aria-describedby": `${alias}InputLabel`, readOnly: readOnly, placeholder: placeholder, className: `${variantClass} ${className || ''}`, style: style }, props), icon && (React.createElement(c, null, icon))),
|
|
32091
|
+
React.createElement(u, Object.assign({}, inputField, { size: size, variant: "surface", color: hasError ? "red" : undefined, type: inputtype, id: `${alias}FormInput`, "aria-describedby": `${alias}InputLabel`, readOnly: readOnly, autoComplete: "off", placeholder: placeholder, className: `${variantClass} ${className || ''}`, style: style }, props), icon && (React.createElement(c, null, icon))),
|
|
32093
32092
|
React.createElement("div", null,
|
|
32094
32093
|
inputLabel && (React.createElement(p$d, { id: `${alias}InputLabel`, as: "label", size: "2", weight: "bold", htmlFor: `${alias}FormInput` }, inputLabel)),
|
|
32095
32094
|
isHinted && (React.createElement(e, { content: hintText || "No hint available", align: "start", sideOffset: 5, className: "core-input-tooltip" },
|
|
@@ -32123,7 +32122,7 @@ const PasswordInput = (_a) => {
|
|
|
32123
32122
|
const errorId = `${alias}-error`;
|
|
32124
32123
|
return (React.createElement(Column, { span: width, newLine: newRow },
|
|
32125
32124
|
React.createElement(p$5, { direction: "column", gap: "2", style: { width: '100%' } },
|
|
32126
|
-
React.createElement(u, Object.assign({ size: size, type: showPassword ? "text" : "password", id: `${alias}FormInput`, readOnly: readOnly, "aria-describedby": `${alias}InputLabel`, placeholder: placeholder, color: hasError ? "red" : undefined, className: `${variantClass} ${className || ''}
|
|
32125
|
+
React.createElement(u, Object.assign({ size: size, type: showPassword ? "text" : "password", id: `${alias}FormInput`, readOnly: readOnly, "aria-describedby": `${alias}InputLabel`, placeholder: placeholder, color: hasError ? "red" : undefined, className: `${variantClass} ${className || ''}`, autoComplete: "off" }, inputField, props),
|
|
32127
32126
|
React.createElement(c, null,
|
|
32128
32127
|
React.createElement(Icon, { name: "lockclosed", height: "16", width: "16", style: { color: 'var(--gray-10)' } })),
|
|
32129
32128
|
React.createElement(c, null,
|
|
@@ -46955,7 +46954,7 @@ const PhoneInput = (_a) => {
|
|
|
46955
46954
|
const errorId = `${alias}-error`;
|
|
46956
46955
|
return (React.createElement(Column, { span: width, newLine: newRow },
|
|
46957
46956
|
React.createElement(p$5, { direction: "column", gap: "2", style: { width: '100%' } },
|
|
46958
|
-
React.createElement(u, Object.assign({ id: `${alias}PhoneInput`, size: size, variant: "surface", color: hasError ? "red" : undefined, className: `${variantClass} ${className || ''}` }, props),
|
|
46957
|
+
React.createElement(u, Object.assign({ id: `${alias}PhoneInput`, size: size, autoComplete: "off", variant: "surface", color: hasError ? "red" : undefined, className: `${variantClass} ${className || ''}` }, props),
|
|
46959
46958
|
React.createElement(c, { id: crypto.randomUUID(), style: { padding: 0 } },
|
|
46960
46959
|
React.createElement(C$1, { value: country, onValueChange: (value) => setCountry(value), name: `${alias}Country` },
|
|
46961
46960
|
React.createElement(u$1, { id: `${alias}PhoneSelect`, variant: "ghost", style: {
|
|
@@ -52415,7 +52414,6 @@ const CurrencyInput = (_a) => {
|
|
|
52415
52414
|
}, inputMode: "decimal", autoComplete: "off" }))),
|
|
52416
52415
|
React.createElement("div", null,
|
|
52417
52416
|
React.createElement(p$d, { id: `${alias}InputLabel`, as: "label", size: "2", weight: "bold", htmlFor: `${alias}FormInput` }, inputLabel),
|
|
52418
|
-
"\u00A0",
|
|
52419
52417
|
isHinted && (React.createElement(e, { content: hintText || "No hint available", align: "start", sideOffset: 5, className: "core-input-tooltip" },
|
|
52420
52418
|
React.createElement("a", { href: hintUrl || "", target: "_blank", rel: "noopener noreferrer", style: { display: 'flex' } },
|
|
52421
52419
|
React.createElement(Icon, { name: "questionmarkcircled", height: "16", width: "16", style: { cursor: 'pointer', color: 'gray' } })))),
|
|
@@ -52497,7 +52495,6 @@ const StockInput = (_a) => {
|
|
|
52497
52495
|
}, inputMode: "decimal", autoComplete: "off" }))),
|
|
52498
52496
|
React.createElement("div", null,
|
|
52499
52497
|
inputLabel && (React.createElement(p$d, { id: `${alias}InputLabel`, as: "label", size: "2", weight: "bold", htmlFor: `${alias}FormInput` }, inputLabel)),
|
|
52500
|
-
"\u00A0",
|
|
52501
52498
|
isHinted && (React.createElement(e, { content: hintText || "No hint available", align: "start", sideOffset: 5, className: "core-input-tooltip" },
|
|
52502
52499
|
React.createElement("a", { href: hintUrl || "", target: "_blank", rel: "noopener noreferrer", style: { display: 'flex' } },
|
|
52503
52500
|
React.createElement(Icon, { name: "questionmarkcircled", height: "16", width: "16", style: { cursor: 'pointer', color: 'gray' } })))),
|
|
@@ -52576,7 +52573,6 @@ const RadioGroupInput = (_a) => {
|
|
|
52576
52573
|
}))),
|
|
52577
52574
|
React.createElement("div", null,
|
|
52578
52575
|
React.createElement(p$d, { id: `${alias}InputLabel`, as: "div", size: "2", weight: "bold" }, inputLabel),
|
|
52579
|
-
"\u00A0",
|
|
52580
52576
|
isHinted && (React.createElement(e, { content: hintText || "No hint available", align: "start", sideOffset: 5, className: "core-input-tooltip" },
|
|
52581
52577
|
React.createElement("a", { href: hintUrl || "", target: "_blank", rel: "noopener noreferrer" },
|
|
52582
52578
|
React.createElement(Icon, { name: "questionmarkcircled", height: "16", width: "16", style: { cursor: 'pointer', color: 'gray' } })))),
|
|
@@ -52989,7 +52985,6 @@ const RangeSlider = (_a) => {
|
|
|
52989
52985
|
}, onValueCommit: () => setFieldTouched(alias, true, false), className: inputtype === 'range-neumorphic' ? 'neu-slider' : inputtype === 'range-outline' ? 'outline-slider' : '', style: neuVars }),
|
|
52990
52986
|
React.createElement("div", null,
|
|
52991
52987
|
React.createElement(p$d, { id: labelId, as: "div", size: "2", weight: "bold", style: { display: 'inline' } }, inputLabel),
|
|
52992
|
-
"\u00A0",
|
|
52993
52988
|
isHinted && (React.createElement(React.Fragment, null,
|
|
52994
52989
|
React.createElement(e, { content: hintText || "No hint available", align: "start", sideOffset: 5, className: "core-input-tooltip" },
|
|
52995
52990
|
React.createElement("a", { href: hintUrl || "", target: "_blank", rel: "noopener noreferrer" },
|
|
@@ -53549,7 +53544,7 @@ const SectionTitle = ({ title, width = 12, newRow = true, size = "5", subsize =
|
|
|
53549
53544
|
center: 'center',
|
|
53550
53545
|
right: 'end'
|
|
53551
53546
|
};
|
|
53552
|
-
return (React.createElement(Column, { span: width, newLine: newRow, style: { marginBottom: '
|
|
53547
|
+
return (React.createElement(Column, { span: width, newLine: newRow, style: { marginBottom: '33px', marginTop: '33px' } },
|
|
53553
53548
|
React.createElement(p$5, { direction: "column", gap: "2", className: className, style: {
|
|
53554
53549
|
width: '100%',
|
|
53555
53550
|
boxSizing: 'border-box',
|
|
@@ -53639,7 +53634,7 @@ const Teletraan1 = ({ xFormModel, readOnlyMode = false, displayMode = 'codice',
|
|
|
53639
53634
|
case buttonInputType.includes(normalizedType):
|
|
53640
53635
|
return React.createElement(ButtonInput, Object.assign({}, layoutProps), defaultValue);
|
|
53641
53636
|
case checkboxInputType.includes(normalizedType):
|
|
53642
|
-
return React.createElement(CheckboxGroupInput, Object.assign({}, layoutProps, { inputOptions: inputOptions || [InputOptionsPlaceholder] }));
|
|
53637
|
+
return React.createElement(CheckboxGroupInput, Object.assign({}, layoutProps, { direction: 'row', inputOptions: inputOptions || [InputOptionsPlaceholder] }));
|
|
53643
53638
|
case conditionalInputType.includes(normalizedType):
|
|
53644
53639
|
return React.createElement(ConditionalTrigger, Object.assign({}, layoutProps, { inputOptions: inputOptions, triggerValue: triggerValue, children: toggledInput }));
|
|
53645
53640
|
case datePickerInputType.includes(normalizedType):
|
|
@@ -53696,7 +53691,6 @@ const Teletraan1 = ({ xFormModel, readOnlyMode = false, displayMode = 'codice',
|
|
|
53696
53691
|
case 'dual':
|
|
53697
53692
|
return (React.createElement(React.Fragment, null,
|
|
53698
53693
|
React.createElement("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '12px', marginBottom: '20px' } },
|
|
53699
|
-
React.createElement("span", { style: { fontWeight: 600 } }, "Dual Display"),
|
|
53700
53694
|
React.createElement("div", { className: "neu-toggle-wrapper", style: Object.assign(Object.assign({}, neuVars), { opacity: readOnlyMode ? 0.6 : 1, pointerEvents: readOnlyMode ? 'none' : 'auto' }), onClick: () => setDualToggled(!dualToggled) },
|
|
53701
53695
|
React.createElement("style", { dangerouslySetInnerHTML: { __html: `
|
|
53702
53696
|
.neu-toggle-wrapper { isolation: isolate; position: relative; height: 30px; width: 60px; border-radius: 15px; overflow: hidden; cursor: pointer; background: var(--neu-bg); box-shadow: -8px -4px 8px 0px var(--neu-shadow-light), 8px 4px 12px 0px var(--neu-shadow-dark), 4px 4px 4px 0px var(--neu-shadow-dark) inset, -4px -4px 4px 0px var(--neu-shadow-light) inset; }
|
package/lib/index.esm.js
CHANGED
|
@@ -17701,7 +17701,6 @@ const CheckboxGroupInput = (_a) => {
|
|
|
17701
17701
|
})),
|
|
17702
17702
|
React__default.createElement("div", null,
|
|
17703
17703
|
React__default.createElement(p$d, { id: `${alias}InputLabel`, as: "div", size: "2", weight: "bold" }, inputLabel),
|
|
17704
|
-
"\u00A0",
|
|
17705
17704
|
isHinted && (React__default.createElement(e, { content: hintText || "No hint available", align: "start", sideOffset: 5, className: "core-input-tooltip" },
|
|
17706
17705
|
React__default.createElement("a", { href: hintUrl || "", target: "_blank", rel: "noopener noreferrer" },
|
|
17707
17706
|
React__default.createElement(Icon, { name: "questionmarkcircled", height: "16", width: "16", style: { cursor: 'pointer', color: 'gray' } })))),
|
|
@@ -32068,7 +32067,7 @@ const Input$2 = (_a) => {
|
|
|
32068
32067
|
const errorId = `${alias}-error`;
|
|
32069
32068
|
return (React__default.createElement(Column, { span: width, newLine: newRow },
|
|
32070
32069
|
React__default.createElement(p$5, { direction: "column", gap: "2", style: { width: '100%' } },
|
|
32071
|
-
React__default.createElement(u, Object.assign({}, inputField, { size: size, variant: "surface", color: hasError ? "red" : undefined, type: inputtype, id: `${alias}FormInput`, "aria-describedby": `${alias}InputLabel`, readOnly: readOnly, placeholder: placeholder, className: `${variantClass} ${className || ''}`, style: style }, props), icon && (React__default.createElement(c, null, icon))),
|
|
32070
|
+
React__default.createElement(u, Object.assign({}, inputField, { size: size, variant: "surface", color: hasError ? "red" : undefined, type: inputtype, id: `${alias}FormInput`, "aria-describedby": `${alias}InputLabel`, readOnly: readOnly, autoComplete: "off", placeholder: placeholder, className: `${variantClass} ${className || ''}`, style: style }, props), icon && (React__default.createElement(c, null, icon))),
|
|
32072
32071
|
React__default.createElement("div", null,
|
|
32073
32072
|
inputLabel && (React__default.createElement(p$d, { id: `${alias}InputLabel`, as: "label", size: "2", weight: "bold", htmlFor: `${alias}FormInput` }, inputLabel)),
|
|
32074
32073
|
isHinted && (React__default.createElement(e, { content: hintText || "No hint available", align: "start", sideOffset: 5, className: "core-input-tooltip" },
|
|
@@ -32102,7 +32101,7 @@ const PasswordInput = (_a) => {
|
|
|
32102
32101
|
const errorId = `${alias}-error`;
|
|
32103
32102
|
return (React__default.createElement(Column, { span: width, newLine: newRow },
|
|
32104
32103
|
React__default.createElement(p$5, { direction: "column", gap: "2", style: { width: '100%' } },
|
|
32105
|
-
React__default.createElement(u, Object.assign({ size: size, type: showPassword ? "text" : "password", id: `${alias}FormInput`, readOnly: readOnly, "aria-describedby": `${alias}InputLabel`, placeholder: placeholder, color: hasError ? "red" : undefined, className: `${variantClass} ${className || ''}
|
|
32104
|
+
React__default.createElement(u, Object.assign({ size: size, type: showPassword ? "text" : "password", id: `${alias}FormInput`, readOnly: readOnly, "aria-describedby": `${alias}InputLabel`, placeholder: placeholder, color: hasError ? "red" : undefined, className: `${variantClass} ${className || ''}`, autoComplete: "off" }, inputField, props),
|
|
32106
32105
|
React__default.createElement(c, null,
|
|
32107
32106
|
React__default.createElement(Icon, { name: "lockclosed", height: "16", width: "16", style: { color: 'var(--gray-10)' } })),
|
|
32108
32107
|
React__default.createElement(c, null,
|
|
@@ -46934,7 +46933,7 @@ const PhoneInput = (_a) => {
|
|
|
46934
46933
|
const errorId = `${alias}-error`;
|
|
46935
46934
|
return (React__default.createElement(Column, { span: width, newLine: newRow },
|
|
46936
46935
|
React__default.createElement(p$5, { direction: "column", gap: "2", style: { width: '100%' } },
|
|
46937
|
-
React__default.createElement(u, Object.assign({ id: `${alias}PhoneInput`, size: size, variant: "surface", color: hasError ? "red" : undefined, className: `${variantClass} ${className || ''}` }, props),
|
|
46936
|
+
React__default.createElement(u, Object.assign({ id: `${alias}PhoneInput`, size: size, autoComplete: "off", variant: "surface", color: hasError ? "red" : undefined, className: `${variantClass} ${className || ''}` }, props),
|
|
46938
46937
|
React__default.createElement(c, { id: crypto.randomUUID(), style: { padding: 0 } },
|
|
46939
46938
|
React__default.createElement(C$1, { value: country, onValueChange: (value) => setCountry(value), name: `${alias}Country` },
|
|
46940
46939
|
React__default.createElement(u$1, { id: `${alias}PhoneSelect`, variant: "ghost", style: {
|
|
@@ -52394,7 +52393,6 @@ const CurrencyInput = (_a) => {
|
|
|
52394
52393
|
}, inputMode: "decimal", autoComplete: "off" }))),
|
|
52395
52394
|
React__default.createElement("div", null,
|
|
52396
52395
|
React__default.createElement(p$d, { id: `${alias}InputLabel`, as: "label", size: "2", weight: "bold", htmlFor: `${alias}FormInput` }, inputLabel),
|
|
52397
|
-
"\u00A0",
|
|
52398
52396
|
isHinted && (React__default.createElement(e, { content: hintText || "No hint available", align: "start", sideOffset: 5, className: "core-input-tooltip" },
|
|
52399
52397
|
React__default.createElement("a", { href: hintUrl || "", target: "_blank", rel: "noopener noreferrer", style: { display: 'flex' } },
|
|
52400
52398
|
React__default.createElement(Icon, { name: "questionmarkcircled", height: "16", width: "16", style: { cursor: 'pointer', color: 'gray' } })))),
|
|
@@ -52476,7 +52474,6 @@ const StockInput = (_a) => {
|
|
|
52476
52474
|
}, inputMode: "decimal", autoComplete: "off" }))),
|
|
52477
52475
|
React__default.createElement("div", null,
|
|
52478
52476
|
inputLabel && (React__default.createElement(p$d, { id: `${alias}InputLabel`, as: "label", size: "2", weight: "bold", htmlFor: `${alias}FormInput` }, inputLabel)),
|
|
52479
|
-
"\u00A0",
|
|
52480
52477
|
isHinted && (React__default.createElement(e, { content: hintText || "No hint available", align: "start", sideOffset: 5, className: "core-input-tooltip" },
|
|
52481
52478
|
React__default.createElement("a", { href: hintUrl || "", target: "_blank", rel: "noopener noreferrer", style: { display: 'flex' } },
|
|
52482
52479
|
React__default.createElement(Icon, { name: "questionmarkcircled", height: "16", width: "16", style: { cursor: 'pointer', color: 'gray' } })))),
|
|
@@ -52555,7 +52552,6 @@ const RadioGroupInput = (_a) => {
|
|
|
52555
52552
|
}))),
|
|
52556
52553
|
React__default.createElement("div", null,
|
|
52557
52554
|
React__default.createElement(p$d, { id: `${alias}InputLabel`, as: "div", size: "2", weight: "bold" }, inputLabel),
|
|
52558
|
-
"\u00A0",
|
|
52559
52555
|
isHinted && (React__default.createElement(e, { content: hintText || "No hint available", align: "start", sideOffset: 5, className: "core-input-tooltip" },
|
|
52560
52556
|
React__default.createElement("a", { href: hintUrl || "", target: "_blank", rel: "noopener noreferrer" },
|
|
52561
52557
|
React__default.createElement(Icon, { name: "questionmarkcircled", height: "16", width: "16", style: { cursor: 'pointer', color: 'gray' } })))),
|
|
@@ -52968,7 +52964,6 @@ const RangeSlider = (_a) => {
|
|
|
52968
52964
|
}, onValueCommit: () => setFieldTouched(alias, true, false), className: inputtype === 'range-neumorphic' ? 'neu-slider' : inputtype === 'range-outline' ? 'outline-slider' : '', style: neuVars }),
|
|
52969
52965
|
React__default.createElement("div", null,
|
|
52970
52966
|
React__default.createElement(p$d, { id: labelId, as: "div", size: "2", weight: "bold", style: { display: 'inline' } }, inputLabel),
|
|
52971
|
-
"\u00A0",
|
|
52972
52967
|
isHinted && (React__default.createElement(React__default.Fragment, null,
|
|
52973
52968
|
React__default.createElement(e, { content: hintText || "No hint available", align: "start", sideOffset: 5, className: "core-input-tooltip" },
|
|
52974
52969
|
React__default.createElement("a", { href: hintUrl || "", target: "_blank", rel: "noopener noreferrer" },
|
|
@@ -53528,7 +53523,7 @@ const SectionTitle = ({ title, width = 12, newRow = true, size = "5", subsize =
|
|
|
53528
53523
|
center: 'center',
|
|
53529
53524
|
right: 'end'
|
|
53530
53525
|
};
|
|
53531
|
-
return (React__default.createElement(Column, { span: width, newLine: newRow, style: { marginBottom: '
|
|
53526
|
+
return (React__default.createElement(Column, { span: width, newLine: newRow, style: { marginBottom: '33px', marginTop: '33px' } },
|
|
53532
53527
|
React__default.createElement(p$5, { direction: "column", gap: "2", className: className, style: {
|
|
53533
53528
|
width: '100%',
|
|
53534
53529
|
boxSizing: 'border-box',
|
|
@@ -53618,7 +53613,7 @@ const Teletraan1 = ({ xFormModel, readOnlyMode = false, displayMode = 'codice',
|
|
|
53618
53613
|
case buttonInputType.includes(normalizedType):
|
|
53619
53614
|
return React__default.createElement(ButtonInput, Object.assign({}, layoutProps), defaultValue);
|
|
53620
53615
|
case checkboxInputType.includes(normalizedType):
|
|
53621
|
-
return React__default.createElement(CheckboxGroupInput, Object.assign({}, layoutProps, { inputOptions: inputOptions || [InputOptionsPlaceholder] }));
|
|
53616
|
+
return React__default.createElement(CheckboxGroupInput, Object.assign({}, layoutProps, { direction: 'row', inputOptions: inputOptions || [InputOptionsPlaceholder] }));
|
|
53622
53617
|
case conditionalInputType.includes(normalizedType):
|
|
53623
53618
|
return React__default.createElement(ConditionalTrigger, Object.assign({}, layoutProps, { inputOptions: inputOptions, triggerValue: triggerValue, children: toggledInput }));
|
|
53624
53619
|
case datePickerInputType.includes(normalizedType):
|
|
@@ -53675,7 +53670,6 @@ const Teletraan1 = ({ xFormModel, readOnlyMode = false, displayMode = 'codice',
|
|
|
53675
53670
|
case 'dual':
|
|
53676
53671
|
return (React__default.createElement(React__default.Fragment, null,
|
|
53677
53672
|
React__default.createElement("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', gap: '12px', marginBottom: '20px' } },
|
|
53678
|
-
React__default.createElement("span", { style: { fontWeight: 600 } }, "Dual Display"),
|
|
53679
53673
|
React__default.createElement("div", { className: "neu-toggle-wrapper", style: Object.assign(Object.assign({}, neuVars), { opacity: readOnlyMode ? 0.6 : 1, pointerEvents: readOnlyMode ? 'none' : 'auto' }), onClick: () => setDualToggled(!dualToggled) },
|
|
53680
53674
|
React__default.createElement("style", { dangerouslySetInnerHTML: { __html: `
|
|
53681
53675
|
.neu-toggle-wrapper { isolation: isolate; position: relative; height: 30px; width: 60px; border-radius: 15px; overflow: hidden; cursor: pointer; background: var(--neu-bg); box-shadow: -8px -4px 8px 0px var(--neu-shadow-light), 8px 4px 12px 0px var(--neu-shadow-dark), 4px 4px 4px 0px var(--neu-shadow-dark) inset, -4px -4px 4px 0px var(--neu-shadow-light) inset; }
|