349 lines
11 KiB
JavaScript
349 lines
11 KiB
JavaScript
'use client';
|
|
"use strict";
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
function _export(target, all) {
|
|
for(var name in all)Object.defineProperty(target, name, {
|
|
enumerable: true,
|
|
get: all[name]
|
|
});
|
|
}
|
|
_export(exports, {
|
|
optionClassNames: function() {
|
|
return optionClassNames;
|
|
},
|
|
useOptionStyles_unstable: function() {
|
|
return useOptionStyles_unstable;
|
|
}
|
|
});
|
|
const _react = require("@griffel/react");
|
|
const optionClassNames = {
|
|
root: 'fui-Option',
|
|
checkIcon: 'fui-Option__checkIcon'
|
|
};
|
|
/**
|
|
* Styles for the root slot
|
|
*/ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
root: {
|
|
Bt984gj: "f122n59",
|
|
Beyfa6y: 0,
|
|
Bbmb7ep: 0,
|
|
Btl43ni: 0,
|
|
B7oj6ja: 0,
|
|
Dimara: "ft85np5",
|
|
sj55zd: "f19n0e5",
|
|
i8kkvl: "f1ufnopg",
|
|
Bceei9c: "f1k6fduh",
|
|
mc9l5x: "f22iagw",
|
|
Bahqtrf: "fk6fouc",
|
|
Be2twd7: "fkhj508",
|
|
Bg96gwp: "f1i3iumi",
|
|
Byoj8tv: 0,
|
|
uwmqm3: 0,
|
|
z189sj: 0,
|
|
z8tnut: 0,
|
|
B0ocmuz: "fm5eomj",
|
|
qhf8xq: "f10pi13n",
|
|
Jwef8y: "f1knas48",
|
|
Bi91k9c: "feu1g3u",
|
|
zqbkvg: "fo79ri9",
|
|
h82x05: [
|
|
"f1osiabc",
|
|
"f1e8le25"
|
|
],
|
|
cqj998: "f1yusjty",
|
|
j3hlsh: [
|
|
"f1e8le25",
|
|
"f1osiabc"
|
|
],
|
|
ecr2s2: "fb40n2d",
|
|
lj723h: "f1g4hkjv",
|
|
Btxx2vb: "f1lnr2zp",
|
|
sltcwy: [
|
|
"f1ogfk9z",
|
|
"f1g7j8ec"
|
|
],
|
|
dnwvvm: "fiuf46r",
|
|
Blyvkvs: [
|
|
"f1g7j8ec",
|
|
"f1ogfk9z"
|
|
]
|
|
},
|
|
active: {
|
|
Bowz1zl: "f11vrvdw",
|
|
oxogb1: "f17hxjb7",
|
|
Ix2sn8: "f1dha69c",
|
|
q7v32p: "f1lm7500",
|
|
B7cbj04: 0,
|
|
Bewtojm: 0,
|
|
b50fsz: 0,
|
|
B1wzb3v: 0,
|
|
Bqwk70n: 0,
|
|
B37u8z8: 0,
|
|
avt0cx: 0,
|
|
f0sref: 0,
|
|
B9fkznv: 0,
|
|
Be3o27t: 0,
|
|
Bertapg: 0,
|
|
B53xpsf: 0,
|
|
Bsv72rj: 0,
|
|
B39dzdd: 0,
|
|
Btq9bd3: 0,
|
|
Bqfxd14: 0,
|
|
atup0s: "fo7xqb",
|
|
Fffuxt: 0,
|
|
Bttcd12: 0,
|
|
Beitzug: 0,
|
|
Bqougee: 0,
|
|
B86i8pi: "f1kurthe",
|
|
Bhijsxg: "fwq15dy",
|
|
kktds4: "f1pb3wry",
|
|
Bmau3bo: [
|
|
"ftjv2f4",
|
|
"f1flhb1f"
|
|
],
|
|
npektv: [
|
|
"f1flhb1f",
|
|
"ftjv2f4"
|
|
]
|
|
},
|
|
disabled: {
|
|
sj55zd: "f1s2aq7o",
|
|
Jwef8y: "f9ql6rf",
|
|
Bi91k9c: "fvgxktp",
|
|
zqbkvg: "f185j3qj",
|
|
h82x05: [
|
|
"f1dligi3",
|
|
"f1vydzie"
|
|
],
|
|
cqj998: "fjw1di3",
|
|
j3hlsh: [
|
|
"f1vydzie",
|
|
"f1dligi3"
|
|
],
|
|
ecr2s2: "fgj9um3",
|
|
lj723h: "f19wldhg",
|
|
Btxx2vb: "f1ss0kt2",
|
|
sltcwy: [
|
|
"f1t6oli3",
|
|
"fjy9ci8"
|
|
],
|
|
dnwvvm: "fresaxk",
|
|
Blyvkvs: [
|
|
"fjy9ci8",
|
|
"f1t6oli3"
|
|
],
|
|
B7iucu3: "f1cyfu5x"
|
|
},
|
|
selected: {},
|
|
checkIcon: {
|
|
Bnnss6s: "fi64zpg",
|
|
Be2twd7: "fod5ikn",
|
|
Frg6f3: [
|
|
"f18b9hdq",
|
|
"fn6qj8t"
|
|
],
|
|
t21cq0: [
|
|
"f1xk557c",
|
|
"f1h9en5y"
|
|
],
|
|
Bcdw1i0: "fd7fpy0",
|
|
Bo70h7d: "fvc9v3g"
|
|
},
|
|
selectedCheck: {
|
|
Bcdw1i0: "f1022m68"
|
|
},
|
|
multiselectCheck: {
|
|
Bgfg5da: 0,
|
|
B9xav0g: 0,
|
|
oivjwe: 0,
|
|
Bn0qgzm: 0,
|
|
B4g9neb: 0,
|
|
zhjwy3: 0,
|
|
wvpqe5: 0,
|
|
ibv6hh: 0,
|
|
u1mtju: 0,
|
|
h3c5rm: 0,
|
|
vrafjx: 0,
|
|
Bekrc4i: 0,
|
|
i8vvqc: 0,
|
|
g2u3we: 0,
|
|
icvyot: 0,
|
|
B4j52fo: 0,
|
|
irswps: "f1l3cf7o",
|
|
Beyfa6y: 0,
|
|
Bbmb7ep: 0,
|
|
Btl43ni: 0,
|
|
B7oj6ja: 0,
|
|
Dimara: "fq9zq91",
|
|
B7ck84d: "f1ewtqcl",
|
|
mc9l5x: "f22iagw",
|
|
Bt984gj: "f122n59",
|
|
Brf1p80: "f4d9j23",
|
|
Bkfmm31: "f1w9h62z",
|
|
Be2twd7: "f1ugzwwg",
|
|
Bqenvij: "fd461yt",
|
|
a9b677: "fjw5fx7",
|
|
Bcdw1i0: "f1022m68"
|
|
},
|
|
selectedMultiselectCheck: {
|
|
De3pzq: "ftywsgz",
|
|
sj55zd: "fqpbvvt",
|
|
g2u3we: "f3xi7mh",
|
|
h3c5rm: [
|
|
"ftovhe4",
|
|
"f1wczvin"
|
|
],
|
|
B9xav0g: "f68vbr6",
|
|
zhjwy3: [
|
|
"f1wczvin",
|
|
"ftovhe4"
|
|
]
|
|
},
|
|
checkDisabled: {
|
|
sj55zd: "f1s2aq7o",
|
|
B7iucu3: "f1cyfu5x"
|
|
},
|
|
multiselectCheckDisabled: {
|
|
g2u3we: "f1r1t4y1",
|
|
h3c5rm: [
|
|
"fmj8ijw",
|
|
"figx54m"
|
|
],
|
|
B9xav0g: "f360ss8",
|
|
zhjwy3: [
|
|
"figx54m",
|
|
"fmj8ijw"
|
|
]
|
|
}
|
|
}, {
|
|
d: [
|
|
".f122n59{align-items:center;}",
|
|
[
|
|
".ft85np5{border-radius:var(--borderRadiusMedium);}",
|
|
{
|
|
p: -1
|
|
}
|
|
],
|
|
".f19n0e5{color:var(--colorNeutralForeground1);}",
|
|
".f1ufnopg{column-gap:var(--spacingHorizontalXS);}",
|
|
".f1k6fduh{cursor:pointer;}",
|
|
".f22iagw{display:flex;}",
|
|
".fk6fouc{font-family:var(--fontFamilyBase);}",
|
|
".fkhj508{font-size:var(--fontSizeBase300);}",
|
|
".f1i3iumi{line-height:var(--lineHeightBase300);}",
|
|
[
|
|
".fm5eomj{padding:var(--spacingVerticalSNudge) var(--spacingHorizontalS);}",
|
|
{
|
|
p: -1
|
|
}
|
|
],
|
|
".f10pi13n{position:relative;}",
|
|
".f11vrvdw[data-activedescendant-focusvisible]::after{content:\"\";}",
|
|
".f17hxjb7[data-activedescendant-focusvisible]::after{position:absolute;}",
|
|
".f1dha69c[data-activedescendant-focusvisible]::after{pointer-events:none;}",
|
|
".f1lm7500[data-activedescendant-focusvisible]::after{z-index:1;}",
|
|
[
|
|
".fo7xqb[data-activedescendant-focusvisible]::after{border:2px solid var(--colorStrokeFocus2);}",
|
|
{
|
|
p: -2
|
|
}
|
|
],
|
|
[
|
|
".f1kurthe[data-activedescendant-focusvisible]::after{border-radius:var(--borderRadiusMedium);}",
|
|
{
|
|
p: -1
|
|
}
|
|
],
|
|
".fwq15dy[data-activedescendant-focusvisible]::after{top:-2px;}",
|
|
".f1pb3wry[data-activedescendant-focusvisible]::after{bottom:-2px;}",
|
|
".ftjv2f4[data-activedescendant-focusvisible]::after{left:-2px;}",
|
|
".f1flhb1f[data-activedescendant-focusvisible]::after{right:-2px;}",
|
|
".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}",
|
|
".fi64zpg{flex-shrink:0;}",
|
|
".fod5ikn{font-size:var(--fontSizeBase400);}",
|
|
".f18b9hdq{margin-left:calc(var(--spacingHorizontalXXS) * -1);}",
|
|
".fn6qj8t{margin-right:calc(var(--spacingHorizontalXXS) * -1);}",
|
|
".f1xk557c{margin-right:var(--spacingHorizontalXXS);}",
|
|
".f1h9en5y{margin-left:var(--spacingHorizontalXXS);}",
|
|
".fd7fpy0{visibility:hidden;}",
|
|
".fvc9v3g svg{display:block;}",
|
|
".f1022m68{visibility:visible;}",
|
|
[
|
|
".f1l3cf7o{border:var(--strokeWidthThin) solid var(--colorNeutralStrokeAccessible);}",
|
|
{
|
|
p: -2
|
|
}
|
|
],
|
|
[
|
|
".fq9zq91{border-radius:var(--borderRadiusSmall);}",
|
|
{
|
|
p: -1
|
|
}
|
|
],
|
|
".f1ewtqcl{box-sizing:border-box;}",
|
|
".f4d9j23{justify-content:center;}",
|
|
".f1w9h62z{fill:currentColor;}",
|
|
".f1ugzwwg{font-size:12px;}",
|
|
".fd461yt{height:16px;}",
|
|
".fjw5fx7{width:16px;}",
|
|
".ftywsgz{background-color:var(--colorCompoundBrandBackground);}",
|
|
".fqpbvvt{color:var(--colorNeutralForegroundInverted);}",
|
|
".f3xi7mh{border-top-color:var(--colorCompoundBrandBackground);}",
|
|
".ftovhe4{border-right-color:var(--colorCompoundBrandBackground);}",
|
|
".f1wczvin{border-left-color:var(--colorCompoundBrandBackground);}",
|
|
".f68vbr6{border-bottom-color:var(--colorCompoundBrandBackground);}",
|
|
".f1r1t4y1{border-top-color:var(--colorNeutralForegroundDisabled);}",
|
|
".fmj8ijw{border-right-color:var(--colorNeutralForegroundDisabled);}",
|
|
".figx54m{border-left-color:var(--colorNeutralForegroundDisabled);}",
|
|
".f360ss8{border-bottom-color:var(--colorNeutralForegroundDisabled);}"
|
|
],
|
|
h: [
|
|
".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}",
|
|
".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}",
|
|
".fo79ri9:hover .fui-Option__checkIcon{border-top-color:var(--colorNeutralForeground1Hover);}",
|
|
".f1osiabc:hover .fui-Option__checkIcon{border-right-color:var(--colorNeutralForeground1Hover);}",
|
|
".f1e8le25:hover .fui-Option__checkIcon{border-left-color:var(--colorNeutralForeground1Hover);}",
|
|
".f1yusjty:hover .fui-Option__checkIcon{border-bottom-color:var(--colorNeutralForeground1Hover);}",
|
|
".f9ql6rf:hover{background-color:var(--colorTransparentBackground);}",
|
|
".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}",
|
|
".f185j3qj:hover .fui-Option__checkIcon{border-top-color:var(--colorNeutralForegroundDisabled);}",
|
|
".f1dligi3:hover .fui-Option__checkIcon{border-right-color:var(--colorNeutralForegroundDisabled);}",
|
|
".f1vydzie:hover .fui-Option__checkIcon{border-left-color:var(--colorNeutralForegroundDisabled);}",
|
|
".fjw1di3:hover .fui-Option__checkIcon{border-bottom-color:var(--colorNeutralForegroundDisabled);}"
|
|
],
|
|
a: [
|
|
".fb40n2d:active{background-color:var(--colorNeutralBackground1Pressed);}",
|
|
".f1g4hkjv:active{color:var(--colorNeutralForeground1Pressed);}",
|
|
".f1lnr2zp:active .fui-Option__checkIcon{border-top-color:var(--colorNeutralForeground1Hover);}",
|
|
".f1ogfk9z:active .fui-Option__checkIcon{border-right-color:var(--colorNeutralForeground1Hover);}",
|
|
".f1g7j8ec:active .fui-Option__checkIcon{border-left-color:var(--colorNeutralForeground1Hover);}",
|
|
".fiuf46r:active .fui-Option__checkIcon{border-bottom-color:var(--colorNeutralForeground1Hover);}",
|
|
".fgj9um3:active{background-color:var(--colorTransparentBackground);}",
|
|
".f19wldhg:active{color:var(--colorNeutralForegroundDisabled);}",
|
|
".f1ss0kt2:active .fui-Option__checkIcon{border-top-color:var(--colorNeutralForegroundDisabled);}",
|
|
".f1t6oli3:active .fui-Option__checkIcon{border-right-color:var(--colorNeutralForegroundDisabled);}",
|
|
".fjy9ci8:active .fui-Option__checkIcon{border-left-color:var(--colorNeutralForegroundDisabled);}",
|
|
".fresaxk:active .fui-Option__checkIcon{border-bottom-color:var(--colorNeutralForegroundDisabled);}"
|
|
],
|
|
m: [
|
|
[
|
|
"@media (forced-colors: active){.f1cyfu5x{color:GrayText;}}",
|
|
{
|
|
m: "(forced-colors: active)"
|
|
}
|
|
]
|
|
]
|
|
});
|
|
const useOptionStyles_unstable = (state)=>{
|
|
'use no memo';
|
|
const { disabled, multiselect, selected } = state;
|
|
const styles = useStyles();
|
|
state.root.className = (0, _react.mergeClasses)(optionClassNames.root, styles.root, styles.active, disabled && styles.disabled, selected && styles.selected, state.root.className);
|
|
if (state.checkIcon) {
|
|
state.checkIcon.className = (0, _react.mergeClasses)(optionClassNames.checkIcon, styles.checkIcon, multiselect && styles.multiselectCheck, selected && styles.selectedCheck, selected && multiselect && styles.selectedMultiselectCheck, disabled && styles.checkDisabled, disabled && multiselect && styles.multiselectCheckDisabled, state.checkIcon.className);
|
|
}
|
|
return state;
|
|
};
|