@wix/entity-advanced-permissions 1.1409.0 → 1.1411.0
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/statics/entity-advanced-permissions.umd.js +416 -378
- package/dist/statics/entity-advanced-permissions.umd.js.map +1 -1
- package/dist/statics/entity-advanced-permissions.umd.min.js +4 -4
- package/dist/statics/entity-advanced-permissions.umd.min.js.map +1 -1
- package/dist/statics/manifest.json +2 -2
- package/dist/statics/manifest.min.json +2 -2
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +9 -9
|
@@ -34412,7 +34412,7 @@ var __webpack_exports__ = {};
|
|
|
34412
34412
|
(() => {
|
|
34413
34413
|
"use strict";
|
|
34414
34414
|
/*!********************************!*\
|
|
34415
|
-
!*** ./index.ts +
|
|
34415
|
+
!*** ./index.ts + 572 modules ***!
|
|
34416
34416
|
\********************************/
|
|
34417
34417
|
// ESM COMPAT FLAG
|
|
34418
34418
|
__webpack_require__.r(__webpack_exports__);
|
|
@@ -35435,7 +35435,7 @@ function injectCSS(id, css, depth, runtimeId) {
|
|
|
35435
35435
|
|
|
35436
35436
|
|
|
35437
35437
|
|
|
35438
|
-
var _namespace_ = "
|
|
35438
|
+
var _namespace_ = "wds_1_312_0_newColorsBranding";
|
|
35439
35439
|
var _style_ = classesRuntime.bind(null, _namespace_);
|
|
35440
35440
|
|
|
35441
35441
|
var newColorsBranding_st_css_cssStates = statesRuntime.bind(null, _namespace_);
|
|
@@ -35443,7 +35443,7 @@ var newColorsBranding_st_css_style = (/* unused pure expression or super */ null
|
|
|
35443
35443
|
var newColorsBranding_st_css_st = _style_;
|
|
35444
35444
|
|
|
35445
35445
|
var newColorsBranding_st_css_namespace = (/* unused pure expression or super */ null && (_namespace_));
|
|
35446
|
-
var newColorsBranding_st_css_classes = {"root":"
|
|
35446
|
+
var newColorsBranding_st_css_classes = {"root":"wds_1_312_0_newColorsBranding__root"};
|
|
35447
35447
|
var newColorsBranding_st_css_keyframes = {};
|
|
35448
35448
|
var newColorsBranding_st_css_layers = {};
|
|
35449
35449
|
var containers = {};
|
|
@@ -35461,7 +35461,7 @@ var newColorsBranding_st_css_vars = {};
|
|
|
35461
35461
|
|
|
35462
35462
|
|
|
35463
35463
|
|
|
35464
|
-
var madefor_st_css_namespace_ = "
|
|
35464
|
+
var madefor_st_css_namespace_ = "wds_1_312_0_madefor";
|
|
35465
35465
|
var madefor_st_css_style_ = classesRuntime.bind(null, madefor_st_css_namespace_);
|
|
35466
35466
|
|
|
35467
35467
|
var madefor_st_css_cssStates = statesRuntime.bind(null, madefor_st_css_namespace_);
|
|
@@ -35469,7 +35469,7 @@ var madefor_st_css_style = (/* unused pure expression or super */ null && (madef
|
|
|
35469
35469
|
var madefor_st_css_st = (/* unused pure expression or super */ null && (madefor_st_css_style_));
|
|
35470
35470
|
|
|
35471
35471
|
var madefor_st_css_namespace = (/* unused pure expression or super */ null && (madefor_st_css_namespace_));
|
|
35472
|
-
var madefor_st_css_classes = {"root":"
|
|
35472
|
+
var madefor_st_css_classes = {"root":"wds_1_312_0_madefor__root","madefor":"wds_1_312_0_madefor__madefor"};
|
|
35473
35473
|
var madefor_st_css_keyframes = {};
|
|
35474
35474
|
var madefor_st_css_layers = {};
|
|
35475
35475
|
var madefor_st_css_containers = {};
|
|
@@ -35487,7 +35487,7 @@ var madefor_st_css_vars = {"wix-font-stack":"--wix-font-stack","wix-font-weight-
|
|
|
35487
35487
|
|
|
35488
35488
|
|
|
35489
35489
|
|
|
35490
|
-
var madefordisplay_st_css_namespace_ = "
|
|
35490
|
+
var madefordisplay_st_css_namespace_ = "wds_1_312_0_madefordisplay";
|
|
35491
35491
|
var madefordisplay_st_css_style_ = classesRuntime.bind(null, madefordisplay_st_css_namespace_);
|
|
35492
35492
|
|
|
35493
35493
|
var madefordisplay_st_css_cssStates = statesRuntime.bind(null, madefordisplay_st_css_namespace_);
|
|
@@ -35495,7 +35495,7 @@ var madefordisplay_st_css_style = (/* unused pure expression or super */ null &&
|
|
|
35495
35495
|
var madefordisplay_st_css_st = (/* unused pure expression or super */ null && (madefordisplay_st_css_style_));
|
|
35496
35496
|
|
|
35497
35497
|
var madefordisplay_st_css_namespace = (/* unused pure expression or super */ null && (madefordisplay_st_css_namespace_));
|
|
35498
|
-
var madefordisplay_st_css_classes = {"root":"
|
|
35498
|
+
var madefordisplay_st_css_classes = {"root":"wds_1_312_0_madefordisplay__root","madefordisplay":"wds_1_312_0_madefordisplay__madefordisplay"};
|
|
35499
35499
|
var madefordisplay_st_css_keyframes = {};
|
|
35500
35500
|
var madefordisplay_st_css_layers = {};
|
|
35501
35501
|
var madefordisplay_st_css_containers = {};
|
|
@@ -35513,7 +35513,7 @@ var madefordisplay_st_css_vars = {"wix-font-stack":"--wix-font-stack","wix-font-
|
|
|
35513
35513
|
|
|
35514
35514
|
|
|
35515
35515
|
|
|
35516
|
-
var WixDesignSystemProvider_st_css_namespace_ = "
|
|
35516
|
+
var WixDesignSystemProvider_st_css_namespace_ = "wds_1_312_0_WixDesignSystemProvider";
|
|
35517
35517
|
var WixDesignSystemProvider_st_css_style_ = classesRuntime.bind(null, WixDesignSystemProvider_st_css_namespace_);
|
|
35518
35518
|
|
|
35519
35519
|
var WixDesignSystemProvider_st_css_cssStates = statesRuntime.bind(null, WixDesignSystemProvider_st_css_namespace_);
|
|
@@ -35521,7 +35521,7 @@ var WixDesignSystemProvider_st_css_style = (/* unused pure expression or super *
|
|
|
35521
35521
|
var WixDesignSystemProvider_st_css_st = (/* unused pure expression or super */ null && (WixDesignSystemProvider_st_css_style_));
|
|
35522
35522
|
|
|
35523
35523
|
var WixDesignSystemProvider_st_css_namespace = (/* unused pure expression or super */ null && (WixDesignSystemProvider_st_css_namespace_));
|
|
35524
|
-
var WixDesignSystemProvider_st_css_classes = {"root":"
|
|
35524
|
+
var WixDesignSystemProvider_st_css_classes = {"root":"wds_1_312_0_WixDesignSystemProvider__root","mobile":"wds_1_312_0_WixDesignSystemProvider__mobile"};
|
|
35525
35525
|
var WixDesignSystemProvider_st_css_keyframes = {};
|
|
35526
35526
|
var WixDesignSystemProvider_st_css_layers = {};
|
|
35527
35527
|
var WixDesignSystemProvider_st_css_containers = {};
|
|
@@ -35553,7 +35553,7 @@ const WixStyleReactEnvironmentProvider = ({ locale = 'en', pageHeaderId, childre
|
|
|
35553
35553
|
};
|
|
35554
35554
|
WixStyleReactEnvironmentProvider.displayName =
|
|
35555
35555
|
'WixStyleReactEnvironmentProvider';
|
|
35556
|
-
|
|
35556
|
+
|
|
35557
35557
|
//# sourceMappingURL=WixStyleReactEnvironmentProvider.js.map
|
|
35558
35558
|
;// ../../../node_modules/@wix/design-system/dist/esm/WixDesignSystemProvider/WixDesignSystemProvider.js
|
|
35559
35559
|
|
|
@@ -35571,13 +35571,13 @@ as = 'span', mobile = false, children, theme, features = {}, locale, pageHeaderI
|
|
|
35571
35571
|
const newBrandingClass = newColorsBranding_st_css_classes.root;
|
|
35572
35572
|
const environmentContext = external_React_default().useContext(WixStyleReactEnvironmentContext);
|
|
35573
35573
|
return (external_React_default().createElement(WixDesignSystemContext.Provider, { value: { newBrandingClass, mobile, contextClassName } },
|
|
35574
|
-
external_React_default().createElement(
|
|
35574
|
+
external_React_default().createElement(WixStyleReactEnvironmentProvider, { locale: locale ?? environmentContext?.locale, pageHeaderId: pageHeaderId ?? environmentContext?.pageHeaderId }, external_React_default().createElement(as, {
|
|
35575
35575
|
...rest,
|
|
35576
35576
|
'data-hook': dataHook,
|
|
35577
35577
|
className: newColorsBranding_st_css_st(className, newBrandingClass, madefordisplay_st_css_classes.madefordisplay, madefor_st_css_classes.madefor, theme?.className, mobile && WixDesignSystemProvider_st_css_classes.mobile, compactMode && 'compactMode'),
|
|
35578
35578
|
}, children))));
|
|
35579
35579
|
};
|
|
35580
|
-
|
|
35580
|
+
|
|
35581
35581
|
//# sourceMappingURL=WixDesignSystemProvider.js.map
|
|
35582
35582
|
// EXTERNAL MODULE: ../../../node_modules/lodash/isEmpty.js
|
|
35583
35583
|
var isEmpty = __webpack_require__(5359);
|
|
@@ -35589,7 +35589,7 @@ var isEmpty_default = /*#__PURE__*/__webpack_require__.n(isEmpty);
|
|
|
35589
35589
|
|
|
35590
35590
|
|
|
35591
35591
|
|
|
35592
|
-
var typography_st_css_namespace_ = "
|
|
35592
|
+
var typography_st_css_namespace_ = "wds_1_312_0_StylableTypography";
|
|
35593
35593
|
var typography_st_css_style_ = classesRuntime.bind(null, typography_st_css_namespace_);
|
|
35594
35594
|
|
|
35595
35595
|
var typography_st_css_cssStates = statesRuntime.bind(null, typography_st_css_namespace_);
|
|
@@ -35597,7 +35597,7 @@ var typography_st_css_style = (/* unused pure expression or super */ null && (ty
|
|
|
35597
35597
|
var typography_st_css_st = (/* unused pure expression or super */ null && (typography_st_css_style_));
|
|
35598
35598
|
|
|
35599
35599
|
var typography_st_css_namespace = (/* unused pure expression or super */ null && (typography_st_css_namespace_));
|
|
35600
|
-
var typography_st_css_classes = {"root":"
|
|
35600
|
+
var typography_st_css_classes = {"root":"wds_1_312_0_StylableTypography__root","text-extra-tiny-thin":"wds_1_312_0_StylableTypography__text-extra-tiny-thin","text-extra-tiny-normal":"wds_1_312_0_StylableTypography__text-extra-tiny-normal","text-extra-tiny-bold":"wds_1_312_0_StylableTypography__text-extra-tiny-bold","text-tiny-thin":"wds_1_312_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_312_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_312_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_312_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_312_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_312_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_312_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_312_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_312_0_StylableTypography__text-medium-bold","heading-h1":"wds_1_312_0_StylableTypography__heading-h1","heading-h2":"wds_1_312_0_StylableTypography__heading-h2","heading-h3":"wds_1_312_0_StylableTypography__heading-h3","heading-h4":"wds_1_312_0_StylableTypography__heading-h4","heading-h5":"wds_1_312_0_StylableTypography__heading-h5","heading-h6":"wds_1_312_0_StylableTypography__heading-h6","heading-xl":"wds_1_312_0_StylableTypography__heading-xl","heading-l":"wds_1_312_0_StylableTypography__heading-l","heading-m":"wds_1_312_0_StylableTypography__heading-m","heading-s":"wds_1_312_0_StylableTypography__heading-s","heading-t":"wds_1_312_0_StylableTypography__heading-t","heading-xt":"wds_1_312_0_StylableTypography__heading-xt","caption-1":"wds_1_312_0_StylableTypography__caption-1"};
|
|
35601
35601
|
var typography_st_css_keyframes = {};
|
|
35602
35602
|
var typography_st_css_layers = {};
|
|
35603
35603
|
var typography_st_css_containers = {};
|
|
@@ -35615,7 +35615,7 @@ var typography_st_css_vars = {"wds-font-family-default":"--wds-font-family-defau
|
|
|
35615
35615
|
|
|
35616
35616
|
|
|
35617
35617
|
|
|
35618
|
-
var colors_st_css_namespace_ = "
|
|
35618
|
+
var colors_st_css_namespace_ = "wds_1_312_0_colors";
|
|
35619
35619
|
var colors_st_css_style_ = classesRuntime.bind(null, colors_st_css_namespace_);
|
|
35620
35620
|
|
|
35621
35621
|
var colors_st_css_cssStates = statesRuntime.bind(null, colors_st_css_namespace_);
|
|
@@ -35623,7 +35623,7 @@ var colors_st_css_style = (/* unused pure expression or super */ null && (colors
|
|
|
35623
35623
|
var colors_st_css_st = (/* unused pure expression or super */ null && (colors_st_css_style_));
|
|
35624
35624
|
|
|
35625
35625
|
var colors_st_css_namespace = (/* unused pure expression or super */ null && (colors_st_css_namespace_));
|
|
35626
|
-
var colors_st_css_classes = {"root":"
|
|
35626
|
+
var colors_st_css_classes = {"root":"wds_1_312_0_colors__root"};
|
|
35627
35627
|
var colors_st_css_keyframes = {};
|
|
35628
35628
|
var colors_st_css_layers = {};
|
|
35629
35629
|
var colors_st_css_containers = {};
|
|
@@ -35643,7 +35643,7 @@ var colors_st_css_vars = {"wsr-color-D10":"--wsr-color-D10","wsr-color-D20":"--w
|
|
|
35643
35643
|
|
|
35644
35644
|
|
|
35645
35645
|
|
|
35646
|
-
var Text_st_css_namespace_ = "
|
|
35646
|
+
var Text_st_css_namespace_ = "wds_1_312_0_Text";
|
|
35647
35647
|
var Text_st_css_style_ = classesRuntime.bind(null, Text_st_css_namespace_);
|
|
35648
35648
|
|
|
35649
35649
|
var Text_st_css_cssStates = statesRuntime.bind(null, Text_st_css_namespace_);
|
|
@@ -35651,7 +35651,7 @@ var Text_st_css_style = (/* unused pure expression or super */ null && (Text_st_
|
|
|
35651
35651
|
var Text_st_css_st = Text_st_css_style_;
|
|
35652
35652
|
|
|
35653
35653
|
var Text_st_css_namespace = (/* unused pure expression or super */ null && (Text_st_css_namespace_));
|
|
35654
|
-
var Text_st_css_classes = {"root":"
|
|
35654
|
+
var Text_st_css_classes = {"root":"wds_1_312_0_Text__root","text-tiny-thin":"wds_1_312_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_312_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_312_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_312_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_312_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_312_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_312_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_312_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_312_0_StylableTypography__text-medium-bold"};
|
|
35655
35655
|
var Text_st_css_keyframes = {};
|
|
35656
35656
|
var Text_st_css_layers = {};
|
|
35657
35657
|
var Text_st_css_containers = {};
|
|
@@ -35727,7 +35727,7 @@ const RawText = external_React_default().forwardRef(({ size = RawTextDefaultProp
|
|
|
35727
35727
|
}));
|
|
35728
35728
|
});
|
|
35729
35729
|
RawText.displayName = 'Text';
|
|
35730
|
-
|
|
35730
|
+
|
|
35731
35731
|
//# sourceMappingURL=RawText.js.map
|
|
35732
35732
|
// EXTERNAL MODULE: ../../../node_modules/lodash/debounce.js
|
|
35733
35733
|
var debounce = __webpack_require__(3803);
|
|
@@ -35742,7 +35742,7 @@ var shallowequal_default = /*#__PURE__*/__webpack_require__.n(shallowequal);
|
|
|
35742
35742
|
|
|
35743
35743
|
|
|
35744
35744
|
|
|
35745
|
-
var shadows_st_css_namespace_ = "
|
|
35745
|
+
var shadows_st_css_namespace_ = "wds_1_312_0_shadows";
|
|
35746
35746
|
var shadows_st_css_style_ = classesRuntime.bind(null, shadows_st_css_namespace_);
|
|
35747
35747
|
|
|
35748
35748
|
var shadows_st_css_cssStates = statesRuntime.bind(null, shadows_st_css_namespace_);
|
|
@@ -35750,7 +35750,7 @@ var shadows_st_css_style = (/* unused pure expression or super */ null && (shado
|
|
|
35750
35750
|
var shadows_st_css_st = (/* unused pure expression or super */ null && (shadows_st_css_style_));
|
|
35751
35751
|
|
|
35752
35752
|
var shadows_st_css_namespace = (/* unused pure expression or super */ null && (shadows_st_css_namespace_));
|
|
35753
|
-
var shadows_st_css_classes = {"root":"
|
|
35753
|
+
var shadows_st_css_classes = {"root":"wds_1_312_0_shadows__root"};
|
|
35754
35754
|
var shadows_st_css_keyframes = {};
|
|
35755
35755
|
var shadows_st_css_layers = {};
|
|
35756
35756
|
var shadows_st_css_containers = {};
|
|
@@ -35768,7 +35768,7 @@ var shadows_st_css_vars = {"wsr-shadow10":"--wsr-shadow10","wsr-shadow20":"--wsr
|
|
|
35768
35768
|
|
|
35769
35769
|
|
|
35770
35770
|
|
|
35771
|
-
var easing_st_css_namespace_ = "
|
|
35771
|
+
var easing_st_css_namespace_ = "wds_1_312_0_easing";
|
|
35772
35772
|
var easing_st_css_style_ = classesRuntime.bind(null, easing_st_css_namespace_);
|
|
35773
35773
|
|
|
35774
35774
|
var easing_st_css_cssStates = statesRuntime.bind(null, easing_st_css_namespace_);
|
|
@@ -35776,7 +35776,7 @@ var easing_st_css_style = (/* unused pure expression or super */ null && (easing
|
|
|
35776
35776
|
var easing_st_css_st = (/* unused pure expression or super */ null && (easing_st_css_style_));
|
|
35777
35777
|
|
|
35778
35778
|
var easing_st_css_namespace = (/* unused pure expression or super */ null && (easing_st_css_namespace_));
|
|
35779
|
-
var easing_st_css_classes = {"root":"
|
|
35779
|
+
var easing_st_css_classes = {"root":"wds_1_312_0_easing__root"};
|
|
35780
35780
|
var easing_st_css_keyframes = {};
|
|
35781
35781
|
var easing_st_css_layers = {};
|
|
35782
35782
|
var easing_st_css_containers = {};
|
|
@@ -35797,7 +35797,7 @@ var easing_st_css_vars = {};
|
|
|
35797
35797
|
|
|
35798
35798
|
|
|
35799
35799
|
|
|
35800
|
-
var Popover_st_css_namespace_ = "
|
|
35800
|
+
var Popover_st_css_namespace_ = "wds_1_312_0_Popover";
|
|
35801
35801
|
var Popover_st_css_style_ = classesRuntime.bind(null, Popover_st_css_namespace_);
|
|
35802
35802
|
|
|
35803
35803
|
var Popover_st_css_cssStates = statesRuntime.bind(null, Popover_st_css_namespace_);
|
|
@@ -35805,7 +35805,7 @@ var Popover_st_css_style = (/* unused pure expression or super */ null && (Popov
|
|
|
35805
35805
|
var Popover_st_css_st = Popover_st_css_style_;
|
|
35806
35806
|
|
|
35807
35807
|
var Popover_st_css_namespace = (/* unused pure expression or super */ null && (Popover_st_css_namespace_));
|
|
35808
|
-
var Popover_st_css_classes = {"root":"
|
|
35808
|
+
var Popover_st_css_classes = {"root":"wds_1_312_0_Popover__root","content":"wds_1_312_0_Popover__content","arrow":"wds_1_312_0_Popover__arrow","element":"wds_1_312_0_Popover__element","animationEnter":"wds_1_312_0_Popover__animationEnter","animationEnterActive":"wds_1_312_0_Popover__animationEnterActive","animationExit":"wds_1_312_0_Popover__animationExit","animationExitActive":"wds_1_312_0_Popover__animationExitActive"};
|
|
35809
35809
|
var Popover_st_css_keyframes = {};
|
|
35810
35810
|
var Popover_st_css_layers = {};
|
|
35811
35811
|
var Popover_st_css_containers = {};
|
|
@@ -35828,7 +35828,7 @@ var Popover_st_css_vars = {"wds-popover-border-radius":"--wds-popover-border-rad
|
|
|
35828
35828
|
|
|
35829
35829
|
|
|
35830
35830
|
|
|
35831
|
-
var Tooltip_st_css_namespace_ = "
|
|
35831
|
+
var Tooltip_st_css_namespace_ = "wds_1_312_0_Tooltip";
|
|
35832
35832
|
var Tooltip_st_css_style_ = classesRuntime.bind(null, Tooltip_st_css_namespace_);
|
|
35833
35833
|
|
|
35834
35834
|
var Tooltip_st_css_cssStates = statesRuntime.bind(null, Tooltip_st_css_namespace_);
|
|
@@ -35836,7 +35836,7 @@ var Tooltip_st_css_style = (/* unused pure expression or super */ null && (Toolt
|
|
|
35836
35836
|
var Tooltip_st_css_st = Tooltip_st_css_style_;
|
|
35837
35837
|
|
|
35838
35838
|
var Tooltip_st_css_namespace = (/* unused pure expression or super */ null && (Tooltip_st_css_namespace_));
|
|
35839
|
-
var Tooltip_st_css_classes = {"root":"
|
|
35839
|
+
var Tooltip_st_css_classes = {"root":"wds_1_312_0_Tooltip__root","content":"wds_1_312_0_Popover__content","text-small-normal":"wds_1_312_0_StylableTypography__text-small-normal","text-tiny-thin":"wds_1_312_0_StylableTypography__text-tiny-thin","text":"wds_1_312_0_Tooltip__text"};
|
|
35840
35840
|
var Tooltip_st_css_keyframes = {};
|
|
35841
35841
|
var Tooltip_st_css_layers = {};
|
|
35842
35842
|
var Tooltip_st_css_containers = {};
|
|
@@ -35854,7 +35854,7 @@ var Tooltip_st_css_vars = {"wsr-text-line-height-tiny":"--wsr-text-line-height-t
|
|
|
35854
35854
|
|
|
35855
35855
|
|
|
35856
35856
|
|
|
35857
|
-
var Ellipsis_st_css_namespace_ = "
|
|
35857
|
+
var Ellipsis_st_css_namespace_ = "wds_1_312_0_Ellipsis";
|
|
35858
35858
|
var Ellipsis_st_css_style_ = classesRuntime.bind(null, Ellipsis_st_css_namespace_);
|
|
35859
35859
|
|
|
35860
35860
|
var Ellipsis_st_css_cssStates = statesRuntime.bind(null, Ellipsis_st_css_namespace_);
|
|
@@ -35862,12 +35862,12 @@ var Ellipsis_st_css_style = (/* unused pure expression or super */ null && (Elli
|
|
|
35862
35862
|
var Ellipsis_st_css_st = Ellipsis_st_css_style_;
|
|
35863
35863
|
|
|
35864
35864
|
var Ellipsis_st_css_namespace = (/* unused pure expression or super */ null && (Ellipsis_st_css_namespace_));
|
|
35865
|
-
var Ellipsis_st_css_classes = {"root":"
|
|
35865
|
+
var Ellipsis_st_css_classes = {"root":"wds_1_312_0_Ellipsis__root","tooltip":"wds_1_312_0_Ellipsis__tooltip"};
|
|
35866
35866
|
var Ellipsis_st_css_keyframes = {};
|
|
35867
35867
|
var Ellipsis_st_css_layers = {};
|
|
35868
35868
|
var Ellipsis_st_css_containers = {};
|
|
35869
35869
|
var Ellipsis_st_css_stVars = {};
|
|
35870
|
-
var Ellipsis_st_css_vars = {"maxLines":"--
|
|
35870
|
+
var Ellipsis_st_css_vars = {"maxLines":"--wds_1_312_0_Ellipsis-maxLines"};
|
|
35871
35871
|
|
|
35872
35872
|
|
|
35873
35873
|
|
|
@@ -35891,7 +35891,7 @@ const ReactPortal = ({ children, node, }) => {
|
|
|
35891
35891
|
}
|
|
35892
35892
|
return external_ReactDOM_default().createPortal(children, node || defaultNode);
|
|
35893
35893
|
};
|
|
35894
|
-
|
|
35894
|
+
|
|
35895
35895
|
//# sourceMappingURL=ReactPortal.js.map
|
|
35896
35896
|
;// ../../../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
|
|
35897
35897
|
function _objectWithoutPropertiesLoose(r, e) {
|
|
@@ -40324,7 +40324,7 @@ class PopoverCore extends (external_React_default()).Component {
|
|
|
40324
40324
|
}
|
|
40325
40325
|
renderPopperContent(childrenObject) {
|
|
40326
40326
|
const popper = this.getPopperContentStructure(childrenObject);
|
|
40327
|
-
return this.portalNode ? (external_React_default().createElement(
|
|
40327
|
+
return this.portalNode ? (external_React_default().createElement(ReactPortal, { node: this.portalNode }, popper)) : (popper);
|
|
40328
40328
|
}
|
|
40329
40329
|
renderArrow(arrowProps, moveArrowTo, placement, customArrow) {
|
|
40330
40330
|
const { skin } = this.props;
|
|
@@ -40564,8 +40564,7 @@ const LOG_PREFIX = (/* unused pure expression or super */ null && (`@wix/design-
|
|
|
40564
40564
|
if (false) // removed by dead control flow
|
|
40565
40565
|
{}
|
|
40566
40566
|
|
|
40567
|
-
|
|
40568
|
-
(Object.getOwnPropertyDescriptor(utils_deprecationLog, "name") || {}).writable || Object.defineProperty(utils_deprecationLog, "name", { value: "default", configurable: true });
|
|
40567
|
+
const deprecationLog_deprecationLog = (msg) => depLogger.log(msg);
|
|
40569
40568
|
//# sourceMappingURL=deprecationLog.js.map
|
|
40570
40569
|
;// ../../../node_modules/@wix/design-system/dist/esm/Popover/Popover.js
|
|
40571
40570
|
|
|
@@ -40587,7 +40586,7 @@ class Popover extends external_React_.PureComponent {
|
|
|
40587
40586
|
? { enter: ANIMATION_ENTER, exit: ANIMATION_EXIT }
|
|
40588
40587
|
: undefined;
|
|
40589
40588
|
if (theme) {
|
|
40590
|
-
|
|
40589
|
+
deprecationLog_deprecationLog('<Popover/> - theme prop is deprecated and will be removed in next major version, please use skin instead');
|
|
40591
40590
|
}
|
|
40592
40591
|
return external_React_default().createElement(PopoverCore, { timeout: timeout, ...rest, skin: skin || theme });
|
|
40593
40592
|
}
|
|
@@ -40601,7 +40600,7 @@ Popover.defaultProps = {
|
|
|
40601
40600
|
animate: false,
|
|
40602
40601
|
interactive: true,
|
|
40603
40602
|
};
|
|
40604
|
-
|
|
40603
|
+
|
|
40605
40604
|
//# sourceMappingURL=Popover.js.map
|
|
40606
40605
|
;// ../../../node_modules/@wix/design-system/dist/esm/Tooltip/constants.js
|
|
40607
40606
|
const constants_dataHooks = { tooltipText: 'tooltip-text' };
|
|
@@ -40718,15 +40717,15 @@ const Tooltip = (0,external_React_.forwardRef)(({ onShow = () => ({}), onHide =
|
|
|
40718
40717
|
const textSize = size === 'small' ? 'tiny' : 'small';
|
|
40719
40718
|
return (external_React_default().createElement("div", { style: { textAlign } }, typeof content === 'string' ? (
|
|
40720
40719
|
// @ts-ignore
|
|
40721
|
-
external_React_default().createElement(
|
|
40720
|
+
external_React_default().createElement(RawText, { dataHook: constants_dataHooks.tooltipText, size: textSize, light: true, className: Tooltip_st_css_classes.text, renderChildren: ({ text }) => text, renderElement: ({ element }) => element }, content)) : (content)));
|
|
40722
40721
|
}, [content, textAlign, size]);
|
|
40723
|
-
return (external_React_default().createElement(
|
|
40724
|
-
external_React_default().createElement(
|
|
40725
|
-
external_React_default().createElement(
|
|
40722
|
+
return (external_React_default().createElement(Popover, { role: "tooltip", showArrow: size !== 'small', className: Tooltip_st_css_st(Tooltip_st_css_classes.root, { size, inline }, className), placement: placement, shown: isDisabled ? false : shown, onMouseEnter: isDisabled ? undefined : open, onMouseLeave: close, onClickOutside: close, onEscPress: close, "data-size": size, hideDelay: exitDelay, showDelay: enterDelay, moveBy: moveBy, moveArrowTo: moveArrowTo, appendTo: appendTo, id: ariaLabelledBy || ariaDescribedBy, flip: flip, fixed: fixed, maxWidth: maxWidth, fluid: fluid, disableClickOutsideWhenClosed: true, zIndex: zIndex, interactive: interactive, ...rest, theme: "dark", timeout: TIMEOUT },
|
|
40723
|
+
external_React_default().createElement(Popover.Element, null, triggerElement),
|
|
40724
|
+
external_React_default().createElement(Popover.Content, null,
|
|
40726
40725
|
external_React_default().createElement("div", { ref: contentRef, style: { maxWidth } }, contentElement))));
|
|
40727
40726
|
});
|
|
40728
40727
|
Tooltip.displayName = 'Tooltip';
|
|
40729
|
-
|
|
40728
|
+
|
|
40730
40729
|
//# sourceMappingURL=Tooltip.js.map
|
|
40731
40730
|
;// ../../../node_modules/@wix/design-system/dist/esm/common/Ellipsis/components/TextComponent/TextComponent.st.css.js
|
|
40732
40731
|
|
|
@@ -40735,7 +40734,7 @@ Tooltip.displayName = 'Tooltip';
|
|
|
40735
40734
|
|
|
40736
40735
|
|
|
40737
40736
|
|
|
40738
|
-
var TextComponent_st_css_namespace_ = "
|
|
40737
|
+
var TextComponent_st_css_namespace_ = "wds_1_312_0_TextComponent";
|
|
40739
40738
|
var TextComponent_st_css_style_ = classesRuntime.bind(null, TextComponent_st_css_namespace_);
|
|
40740
40739
|
|
|
40741
40740
|
var TextComponent_st_css_cssStates = statesRuntime.bind(null, TextComponent_st_css_namespace_);
|
|
@@ -40743,12 +40742,12 @@ var TextComponent_st_css_style = (/* unused pure expression or super */ null &&
|
|
|
40743
40742
|
var TextComponent_st_css_st = TextComponent_st_css_style_;
|
|
40744
40743
|
|
|
40745
40744
|
var TextComponent_st_css_namespace = (/* unused pure expression or super */ null && (TextComponent_st_css_namespace_));
|
|
40746
|
-
var TextComponent_st_css_classes = {"root":"
|
|
40745
|
+
var TextComponent_st_css_classes = {"root":"wds_1_312_0_TextComponent__root","text":"wds_1_312_0_TextComponent__text","suffix":"wds_1_312_0_TextComponent__suffix","multilineSuffixWrapper":"wds_1_312_0_TextComponent__multilineSuffixWrapper","multilineSuffix":"wds_1_312_0_TextComponent__multilineSuffix"};
|
|
40747
40746
|
var TextComponent_st_css_keyframes = {};
|
|
40748
40747
|
var TextComponent_st_css_layers = {};
|
|
40749
40748
|
var TextComponent_st_css_containers = {};
|
|
40750
40749
|
var TextComponent_st_css_stVars = {};
|
|
40751
|
-
var TextComponent_st_css_vars = {"maxLines":"--
|
|
40750
|
+
var TextComponent_st_css_vars = {"maxLines":"--wds_1_312_0_TextComponent-maxLines"};
|
|
40752
40751
|
|
|
40753
40752
|
|
|
40754
40753
|
|
|
@@ -40843,7 +40842,7 @@ class TextComponent extends (external_React_default()).PureComponent {
|
|
|
40843
40842
|
});
|
|
40844
40843
|
}
|
|
40845
40844
|
}
|
|
40846
|
-
|
|
40845
|
+
|
|
40847
40846
|
//# sourceMappingURL=TextComponent.js.map
|
|
40848
40847
|
;// ../../../node_modules/@wix/design-system/dist/esm/common/Ellipsis/Ellipsis.js
|
|
40849
40848
|
|
|
@@ -40930,12 +40929,12 @@ class Ellipsis extends (external_React_default()).PureComponent {
|
|
|
40930
40929
|
_renderText() {
|
|
40931
40930
|
const { render, ellipsis, maxLines } = this.props;
|
|
40932
40931
|
const { textRendered, isActive } = this.state;
|
|
40933
|
-
return (external_React_default().createElement(
|
|
40932
|
+
return (external_React_default().createElement(TextComponent, { render, ellipsis, maxLines, textRendered, onTextRendered: this._onTextRendered, textElementRef: this.ref, isEllipsisActive: isActive, tooltipRef: this.tooltipRef }));
|
|
40934
40933
|
}
|
|
40935
40934
|
render() {
|
|
40936
40935
|
const { appendTo, wrapperClassName, disabled, enterDelay, exitDelay, fixed, flip, maxWidth, moveArrowTo, moveBy, onHide, onShow, placement, showTooltip, textAlign, zIndex, size, interactive, } = this.props;
|
|
40937
40936
|
const { isActive, textContent } = this.state;
|
|
40938
|
-
return showTooltip && isActive ? (external_React_default().createElement(
|
|
40937
|
+
return showTooltip && isActive ? (external_React_default().createElement(Tooltip, { ref: this.tooltipRef, className: Ellipsis_st_css_st(Ellipsis_st_css_classes.tooltip, wrapperClassName), content: textContent, appendTo,
|
|
40939
40938
|
disabled,
|
|
40940
40939
|
enterDelay,
|
|
40941
40940
|
exitDelay,
|
|
@@ -40993,7 +40992,7 @@ Ellipsis.defaultProps = {
|
|
|
40993
40992
|
exitDelay: 0,
|
|
40994
40993
|
showTooltip: true,
|
|
40995
40994
|
};
|
|
40996
|
-
|
|
40995
|
+
|
|
40997
40996
|
//# sourceMappingURL=Ellipsis.js.map
|
|
40998
40997
|
;// ../../../node_modules/@wix/design-system/dist/esm/common/Ellipsis/EllipsisUtils.js
|
|
40999
40998
|
/**
|
|
@@ -41030,10 +41029,10 @@ const extractEllipsisProps = ({ appendTo, disabled, ellipsis, enterDelay, exitDe
|
|
|
41030
41029
|
|
|
41031
41030
|
|
|
41032
41031
|
|
|
41033
|
-
const TextWithEllipsis = ({ ellipsis = false, appendTo =
|
|
41032
|
+
const TextWithEllipsis = ({ ellipsis = false, appendTo = Ellipsis.defaultProps.appendTo, flip = Ellipsis.defaultProps.flip, fixed = Ellipsis.defaultProps.fixed, placement = Ellipsis.defaultProps.placement, zIndex = Ellipsis.defaultProps.zIndex, enterDelay = Ellipsis.defaultProps.enterDelay, exitDelay = Ellipsis.defaultProps.exitDelay, showTooltip = Ellipsis.defaultProps.showTooltip, size = RawTextDefaultProps.size, secondary = RawTextDefaultProps.secondary, skin = RawTextDefaultProps.skin, light = RawTextDefaultProps.light, weight = RawTextDefaultProps.weight, tagName = RawTextDefaultProps.tagName, listStyle = RawTextDefaultProps.listStyle, widows = RawTextDefaultProps.widows, overflowWrap = RawTextDefaultProps.overflowWrap, id, ...propsWithNoDefaults }) => {
|
|
41034
41033
|
const { className, tooltipProps, ...props } = {
|
|
41035
41034
|
...RawTextDefaultProps,
|
|
41036
|
-
...
|
|
41035
|
+
...Ellipsis.defaultProps,
|
|
41037
41036
|
ellipsis,
|
|
41038
41037
|
appendTo,
|
|
41039
41038
|
flip,
|
|
@@ -41056,14 +41055,14 @@ const TextWithEllipsis = ({ ellipsis = false, appendTo = Ellipsis_Ellipsis.defau
|
|
|
41056
41055
|
...propsWithNoDefaults,
|
|
41057
41056
|
};
|
|
41058
41057
|
const { ellipsisProps, componentProps } = extractEllipsisProps(props);
|
|
41059
|
-
return (external_React_default().createElement(
|
|
41058
|
+
return (external_React_default().createElement(Ellipsis, { ...ellipsisProps, ...tooltipProps, wrapperClassName: Text_st_css_st(Text_st_css_classes.root, {
|
|
41060
41059
|
size: props.size,
|
|
41061
41060
|
weight: props.weight,
|
|
41062
41061
|
listStyle: props.listStyle,
|
|
41063
|
-
}), render: ({ ref, ellipsisClasses, ellipsisInlineStyle, renderChildren, renderElement, }) => (external_React_default().createElement(
|
|
41062
|
+
}), render: ({ ref, ellipsisClasses, ellipsisInlineStyle, renderChildren, renderElement, }) => (external_React_default().createElement(RawText, { ...componentProps, tagName: tagName, ref: ref, className: ellipsisClasses(className), style: ellipsisInlineStyle, renderChildren: renderChildren, renderElement: renderElement })) }));
|
|
41064
41063
|
};
|
|
41065
41064
|
TextWithEllipsis.displayName = 'Text';
|
|
41066
|
-
|
|
41065
|
+
|
|
41067
41066
|
//# sourceMappingURL=Text.js.map
|
|
41068
41067
|
;// ../../../node_modules/@wix/design-system/dist/esm/utils/generateDataAttr.js
|
|
41069
41068
|
const generateDataAttr = (props, filter) => Object.entries(props)
|
|
@@ -41080,7 +41079,7 @@ const generateDataAttr = (props, filter) => Object.entries(props)
|
|
|
41080
41079
|
|
|
41081
41080
|
|
|
41082
41081
|
|
|
41083
|
-
var Focusable_st_css_namespace_ = "
|
|
41082
|
+
var Focusable_st_css_namespace_ = "wds_1_312_0_Focusable";
|
|
41084
41083
|
var Focusable_st_css_style_ = classesRuntime.bind(null, Focusable_st_css_namespace_);
|
|
41085
41084
|
|
|
41086
41085
|
var Focusable_st_css_cssStates = statesRuntime.bind(null, Focusable_st_css_namespace_);
|
|
@@ -41088,7 +41087,7 @@ var Focusable_st_css_style = (/* unused pure expression or super */ null && (Foc
|
|
|
41088
41087
|
var Focusable_st_css_st = Focusable_st_css_style_;
|
|
41089
41088
|
|
|
41090
41089
|
var Focusable_st_css_namespace = (/* unused pure expression or super */ null && (Focusable_st_css_namespace_));
|
|
41091
|
-
var Focusable_st_css_classes = {"root":"
|
|
41090
|
+
var Focusable_st_css_classes = {"root":"wds_1_312_0_Focusable__root","focus-box":"wds_1_312_0_Focusable__focus-box","focus-box-error":"wds_1_312_0_Focusable__focus-box-error"};
|
|
41092
41091
|
var Focusable_st_css_keyframes = {};
|
|
41093
41092
|
var Focusable_st_css_layers = {};
|
|
41094
41093
|
var Focusable_st_css_containers = {};
|
|
@@ -41106,7 +41105,7 @@ var Focusable_st_css_vars = {};
|
|
|
41106
41105
|
|
|
41107
41106
|
|
|
41108
41107
|
|
|
41109
|
-
var ButtonCore_st_css_namespace_ = "
|
|
41108
|
+
var ButtonCore_st_css_namespace_ = "wds_1_312_0_ButtonCore";
|
|
41110
41109
|
var ButtonCore_st_css_style_ = classesRuntime.bind(null, ButtonCore_st_css_namespace_);
|
|
41111
41110
|
|
|
41112
41111
|
var ButtonCore_st_css_cssStates = statesRuntime.bind(null, ButtonCore_st_css_namespace_);
|
|
@@ -41114,7 +41113,7 @@ var ButtonCore_st_css_style = (/* unused pure expression or super */ null && (Bu
|
|
|
41114
41113
|
var ButtonCore_st_css_st = ButtonCore_st_css_style_;
|
|
41115
41114
|
|
|
41116
41115
|
var ButtonCore_st_css_namespace = (/* unused pure expression or super */ null && (ButtonCore_st_css_namespace_));
|
|
41117
|
-
var ButtonCore_st_css_classes = {"root":"
|
|
41116
|
+
var ButtonCore_st_css_classes = {"root":"wds_1_312_0_ButtonCore__root","content":"wds_1_312_0_ButtonCore__content","prefix":"wds_1_312_0_ButtonCore__prefix","suffix":"wds_1_312_0_ButtonCore__suffix"};
|
|
41118
41117
|
var ButtonCore_st_css_keyframes = {};
|
|
41119
41118
|
var ButtonCore_st_css_layers = {};
|
|
41120
41119
|
var ButtonCore_st_css_containers = {};
|
|
@@ -41136,7 +41135,7 @@ var ButtonCore_st_css_vars = {};
|
|
|
41136
41135
|
|
|
41137
41136
|
|
|
41138
41137
|
|
|
41139
|
-
var TextButton_st_css_namespace_ = "
|
|
41138
|
+
var TextButton_st_css_namespace_ = "wds_1_312_0_TextButton";
|
|
41140
41139
|
var TextButton_st_css_style_ = classesRuntime.bind(null, TextButton_st_css_namespace_);
|
|
41141
41140
|
|
|
41142
41141
|
var TextButton_st_css_cssStates = statesRuntime.bind(null, TextButton_st_css_namespace_);
|
|
@@ -41144,7 +41143,7 @@ var TextButton_st_css_style = (/* unused pure expression or super */ null && (Te
|
|
|
41144
41143
|
var TextButton_st_css_st = TextButton_st_css_style_;
|
|
41145
41144
|
|
|
41146
41145
|
var TextButton_st_css_namespace = (/* unused pure expression or super */ null && (TextButton_st_css_namespace_));
|
|
41147
|
-
var TextButton_st_css_classes = {"root":"
|
|
41146
|
+
var TextButton_st_css_classes = {"root":"wds_1_312_0_TextButton__root","text-tiny-thin":"wds_1_312_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_312_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_312_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_312_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_312_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_312_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_312_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_312_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_312_0_StylableTypography__text-medium-bold"};
|
|
41148
41147
|
var TextButton_st_css_keyframes = {};
|
|
41149
41148
|
var TextButton_st_css_layers = {};
|
|
41150
41149
|
var TextButton_st_css_containers = {};
|
|
@@ -41396,7 +41395,8 @@ ButtonCore.defaultProps = {
|
|
|
41396
41395
|
type: 'button',
|
|
41397
41396
|
};
|
|
41398
41397
|
ButtonCore.displayName = 'ButtonCore';
|
|
41399
|
-
|
|
41398
|
+
const WrappedButtonCore = Focusable_withFocusable(ButtonCore);
|
|
41399
|
+
|
|
41400
41400
|
//# sourceMappingURL=ButtonCore.js.map
|
|
41401
41401
|
// EXTERNAL MODULE: ../../../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js
|
|
41402
41402
|
var hoist_non_react_statics_cjs = __webpack_require__(2396);
|
|
@@ -41467,7 +41467,7 @@ class TextButton_TextButton extends external_React_.PureComponent {
|
|
|
41467
41467
|
}
|
|
41468
41468
|
render() {
|
|
41469
41469
|
const { skin, underline, weight, size, children, className, dataHook, fluid, wrap, ellipsis, showTooltip, tooltipProps, ariaLabel, ariaLabelledBy, ariaHaspopup, ariaExpanded, ariaControls, ariaActiveDescendant, ...rest } = this.props;
|
|
41470
|
-
return (external_React_default().createElement(
|
|
41470
|
+
return (external_React_default().createElement(Ellipsis, { ellipsis: ellipsis, showTooltip: showTooltip, ...tooltipProps, render: ({ ref, ellipsisClasses }) => (external_React_default().createElement(WrappedButtonCore, { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-haspopup": ariaHaspopup, "aria-expanded": ariaExpanded, "aria-controls": ariaControls, "aria-activedescendant": ariaActiveDescendant, ...rest, ...generateDataAttr(this.props, [
|
|
41471
41471
|
'skin',
|
|
41472
41472
|
'size',
|
|
41473
41473
|
'weight',
|
|
@@ -41494,7 +41494,7 @@ TextButton_TextButton.defaultProps = {
|
|
|
41494
41494
|
tooltipProps: {},
|
|
41495
41495
|
};
|
|
41496
41496
|
const TextButtonWithDefaultProps = withDefaultProps(TextButton_TextButton, 'TextButton');
|
|
41497
|
-
|
|
41497
|
+
|
|
41498
41498
|
//# sourceMappingURL=TextButton.js.map
|
|
41499
41499
|
;// ../../../node_modules/@wix/design-system/dist/esm/Button/Button.st.css.js
|
|
41500
41500
|
|
|
@@ -41507,7 +41507,7 @@ const TextButtonWithDefaultProps = withDefaultProps(TextButton_TextButton, 'Text
|
|
|
41507
41507
|
|
|
41508
41508
|
|
|
41509
41509
|
|
|
41510
|
-
var Button_st_css_namespace_ = "
|
|
41510
|
+
var Button_st_css_namespace_ = "wds_1_312_0_Button";
|
|
41511
41511
|
var Button_st_css_style_ = classesRuntime.bind(null, Button_st_css_namespace_);
|
|
41512
41512
|
|
|
41513
41513
|
var Button_st_css_cssStates = statesRuntime.bind(null, Button_st_css_namespace_);
|
|
@@ -41515,12 +41515,12 @@ var Button_st_css_style = (/* unused pure expression or super */ null && (Button
|
|
|
41515
41515
|
var Button_st_css_st = Button_st_css_style_;
|
|
41516
41516
|
|
|
41517
41517
|
var Button_st_css_namespace = (/* unused pure expression or super */ null && (Button_st_css_namespace_));
|
|
41518
|
-
var Button_st_css_classes = {"root":"
|
|
41518
|
+
var Button_st_css_classes = {"root":"wds_1_312_0_Button__root","text-small-normal":"wds_1_312_0_StylableTypography__text-small-normal","text-medium-normal":"wds_1_312_0_StylableTypography__text-medium-normal","text-tiny-bold":"wds_1_312_0_StylableTypography__text-tiny-bold"};
|
|
41519
41519
|
var Button_st_css_keyframes = {};
|
|
41520
41520
|
var Button_st_css_layers = {};
|
|
41521
41521
|
var Button_st_css_containers = {};
|
|
41522
41522
|
var Button_st_css_stVars = {};
|
|
41523
|
-
var Button_st_css_vars = {"wds-button-border-radius-large":"--wds-button-border-radius-large","wds-button-border-radius-medium":"--wds-button-border-radius-medium","wds-button-border-radius-small":"--wds-button-border-radius-small","wds-button-border-radius-tiny":"--wds-button-border-radius-tiny","wds-button-gap-large":"--wds-button-gap-large","wds-button-gap-medium":"--wds-button-gap-medium","wds-button-gap-small":"--wds-button-gap-small","wds-button-gap-tiny":"--wds-button-gap-tiny","wds-button-padding-vertical-large":"--wds-button-padding-vertical-large","wds-button-padding-horizontal-large":"--wds-button-padding-horizontal-large","wds-button-padding-vertical-medium":"--wds-button-padding-vertical-medium","wds-button-padding-horizontal-medium":"--wds-button-padding-horizontal-medium","wds-button-padding-vertical-small":"--wds-button-padding-vertical-small","wds-button-padding-horizontal-small":"--wds-button-padding-horizontal-small","wds-button-padding-vertical-tiny":"--wds-button-padding-vertical-tiny","wds-button-padding-horizontal-tiny":"--wds-button-padding-horizontal-tiny","wds-button-size-large":"--wds-button-size-large","wds-button-size-medium":"--wds-button-size-medium","wds-button-size-small":"--wds-button-size-small","wds-button-size-tiny":"--wds-button-size-tiny","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-light":"--wds-color-border-light","wds-color-border-light-disabled":"--wds-color-border-light-disabled","wds-color-border-premium-secondary":"--wds-color-border-premium-secondary","wds-color-border-premium-secondary-disabled":"--wds-color-border-premium-secondary-disabled","wds-color-border-destructive-secondary":"--wds-color-border-destructive-secondary","wds-color-border-destructive-secondary-disabled":"--wds-color-border-destructive-secondary-disabled","wds-color-border-dark-primary":"--wds-color-border-dark-primary","wds-color-border-dark-primary-disabled":"--wds-color-border-dark-primary-disabled","wds-color-border-dark-secondary-disabled":"--wds-color-border-dark-secondary-disabled","wds-color-border-ai-primary":"--wds-color-border-ai-primary","wds-color-fill-standard-primary":"--wds-color-fill-standard-primary","wds-color-fill-standard-primary-hover":"--wds-color-fill-standard-primary-hover","wds-color-fill-standard-primary-active":"--wds-color-fill-standard-primary-active","wds-color-fill-standard-primary-disabled":"--wds-color-fill-standard-primary-disabled","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-standard-tertiary-disabled":"--wds-color-fill-standard-tertiary-disabled","wds-color-fill-light-primary":"--wds-color-fill-light-primary","wds-color-fill-light-primary-hover":"--wds-color-fill-light-primary-hover","wds-color-fill-light-primary-active":"--wds-color-fill-light-primary-active","wds-color-fill-light-primary-disabled":"--wds-color-fill-light-primary-disabled","wds-color-fill-light-secondary":"--wds-color-fill-light-secondary","wds-color-fill-light-secondary-hover":"--wds-color-fill-light-secondary-hover","wds-color-fill-light-secondary-active":"--wds-color-fill-light-secondary-active","wds-color-fill-light-secondary-disabled":"--wds-color-fill-light-secondary-disabled","wds-color-fill-destructive-primary":"--wds-color-fill-destructive-primary","wds-color-fill-destructive-primary-hover":"--wds-color-fill-destructive-primary-hover","wds-color-fill-destructive-primary-active":"--wds-color-fill-destructive-primary-active","wds-color-fill-destructive-primary-disabled":"--wds-color-fill-destructive-primary-disabled","wds-color-fill-destructive-tertiary":"--wds-color-fill-destructive-tertiary","wds-color-fill-destructive-tertiary-disabled":"--wds-color-fill-destructive-tertiary-disabled","wds-color-fill-premium-primary":"--wds-color-fill-premium-primary","wds-color-fill-premium-primary-hover":"--wds-color-fill-premium-primary-hover","wds-color-fill-premium-primary-active":"--wds-color-fill-premium-primary-active","wds-color-fill-premium-primary-disabled":"--wds-color-fill-premium-primary-disabled","wds-color-fill-premium-light-primary":"--wds-color-fill-premium-light-primary","wds-color-fill-premium-light-primary-hover":"--wds-color-fill-premium-light-primary-hover","wds-color-fill-premium-light-primary-active":"--wds-color-fill-premium-light-primary-active","wds-color-fill-premium-light-primary-disabled":"--wds-color-fill-premium-light-primary-disabled","wds-color-fill-premium-light-secondary":"--wds-color-fill-premium-light-secondary","wds-color-fill-premium-light-secondary-hover":"--wds-color-fill-premium-light-secondary-hover","wds-color-fill-premium-light-secondary-active":"--wds-color-fill-premium-light-secondary-active","wds-color-fill-premium-light-secondary-disabled":"--wds-color-fill-premium-light-secondary-disabled","wds-color-fill-premium-tertiary":"--wds-color-fill-premium-tertiary","wds-color-fill-premium-tertiary-disabled":"--wds-color-fill-premium-tertiary-disabled","wds-color-fill-dark-primary":"--wds-color-fill-dark-primary","wds-color-fill-dark-primary-hover":"--wds-color-fill-dark-primary-hover","wds-color-fill-dark-primary-active":"--wds-color-fill-dark-primary-active","wds-color-fill-dark-primary-disabled":"--wds-color-fill-dark-primary-disabled","wds-color-fill-transparent-primary":"--wds-color-fill-transparent-primary","wds-color-fill-transparent-primary-hover":"--wds-color-fill-transparent-primary-hover","wds-color-fill-transparent-primary-active":"--wds-color-fill-transparent-primary-active","wds-color-fill-transparent-primary-disabled":"--wds-color-fill-transparent-primary-disabled","wds-color-fill-transparent-secondary":"--wds-color-fill-transparent-secondary","wds-color-fill-transparent-secondary-hover":"--wds-color-fill-transparent-secondary-hover","wds-color-fill-transparent-secondary-active":"--wds-color-fill-transparent-secondary-active","wds-color-fill-transparent-secondary-disabled":"--wds-color-fill-transparent-secondary-disabled","wds-color-fill-ai-primary":"--wds-color-fill-ai-primary","wds-color-fill-ai-primary-hover":"--wds-color-fill-ai-primary-hover","wds-color-fill-ai-primary-active":"--wds-color-fill-ai-primary-active","wds-color-fill-ai-primary-disabled":"--wds-color-fill-ai-primary-disabled","wds-color-fill-ai-secondary-hover":"--wds-color-fill-ai-secondary-hover","wds-color-fill-ai-secondary-active":"--wds-color-fill-ai-secondary-active","wds-color-fill-ai-secondary-disabled":"--wds-color-fill-ai-secondary-disabled","wds-color-text-primary":"--wds-color-text-primary","wds-color-text-premium":"--wds-color-text-premium","wds-color-text-destructive":"--wds-color-text-destructive","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-disabled-light":"--wds-color-text-disabled-light","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-color-text-standard-primary-light":"--wds-color-text-standard-primary-light","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-button-fill-standard-primary":"--wds-button-fill-standard-primary","wds-button-fill-standard-primary-hover":"--wds-button-fill-standard-primary-hover","wds-button-fill-standard-primary-active":"--wds-button-fill-standard-primary-active","wds-button-fill-standard-secondary":"--wds-button-fill-standard-secondary","wds-button-fill-standard-secondary-hover":"--wds-button-fill-standard-secondary-hover","wds-button-fill-standard-secondary-active":"--wds-button-fill-standard-secondary-active","wds-button-text-hover":"--wds-button-text-hover","wds-button-outline-hover":"--wds-button-outline-hover","wds-button-font-weight-large":"--wds-button-font-weight-large","wds-button-font-weight-medium":"--wds-button-font-weight-medium","wds-button-font-weight-small":"--wds-button-font-weight-small","wds-button-font-weight-tiny":"--wds-button-font-weight-tiny","wds-button-font-line-height-large":"--wds-button-font-line-height-large","wds-button-font-line-height-medium":"--wds-button-font-line-height-medium","wds-button-font-line-height-small":"--wds-button-font-line-height-small","wds-button-font-line-height-tiny":"--wds-button-font-line-height-tiny","wds-button-font-size-large":"--wds-button-font-size-large","wds-button-font-size-medium":"--wds-button-font-size-medium","wds-button-font-size-small":"--wds-button-font-size-small","wds-button-font-size-tiny":"--wds-button-font-size-tiny","wds-button-label-fill-standard-primary":"--wds-button-label-fill-standard-primary","wds-button-label-fill-standard-primary-hover":"--wds-button-label-fill-standard-primary-hover","wds-button-label-fill-standard-primary-active":"--wds-button-label-fill-standard-primary-active","wds-button-label-fill-standard-primary-disabled":"--wds-button-label-fill-standard-primary-disabled","wds-button-label-fill-standard-secondary":"--wds-button-label-fill-standard-secondary","wds-button-label-fill-standard-secondary-active":"--wds-button-label-fill-standard-secondary-active","wds-button-label-fill-standard-secondary-hover":"--wds-button-label-fill-standard-secondary-hover","wds-button-label-fill-standard-secondary-disabled":"--wds-button-label-fill-standard-secondary-disabled","wds-button-label-fill-destructive-secondary":"--wds-button-label-fill-destructive-secondary","wds-button-label-fill-destructive-secondary-hover":"--wds-button-label-fill-destructive-secondary-hover","wds-button-label-fill-destructive-secondary-active":"--wds-button-label-fill-destructive-secondary-active","wds-button-label-fill-ai-primary":"--wds-button-label-fill-ai-primary","wds-button-label-fill-premium-primary":"--wds-button-label-fill-premium-primary","wds-button-label-fill-premium-primary-disabled":"--wds-button-label-fill-premium-primary-disabled","wds-button-label-fill-premium-secondary":"--wds-button-label-fill-premium-secondary","wds-button-label-fill-premium-secondary-hover":"--wds-button-label-fill-premium-secondary-hover","wds-button-label-fill-premium-secondary-active":"--wds-button-label-fill-premium-secondary-active","wds-button-label-fill-premium-secondary-disabled":"--wds-button-label-fill-premium-secondary-disabled","wds-button-label-fill-dark-primary-disabled":"--wds-button-label-fill-dark-primary-disabled","wds-button-label-fill-dark-secondary":"--wds-button-label-fill-dark-secondary","wds-button-label-fill-dark-secondary-hover":"--wds-button-label-fill-dark-secondary-hover","wds-button-label-fill-dark-secondary-active":"--wds-button-label-fill-dark-secondary-active","wds-button-label-fill-dark-secondary-disabled":"--wds-button-label-fill-dark-secondary-disabled","wds-button-fill-standard-primary-disabled":"--wds-button-fill-standard-primary-disabled","wds-button-fill-standard-secondary-disabled":"--wds-button-fill-standard-secondary-disabled","wds-button-fill-destructive-primary-disabled":"--wds-button-fill-destructive-primary-disabled","wds-button-fill-destructive-secondary":"--wds-button-fill-destructive-secondary","wds-button-fill-destructive-secondary-hover":"--wds-button-fill-destructive-secondary-hover","wds-button-fill-destructive-secondary-active":"--wds-button-fill-destructive-secondary-active","wds-button-fill-destructive-secondary-disabled":"--wds-button-fill-destructive-secondary-disabled","wds-button-fill-ai-primary":"--wds-button-fill-ai-primary","wds-button-fill-ai-primary-hover":"--wds-button-fill-ai-primary-hover","wds-button-fill-ai-primary-active":"--wds-button-fill-ai-primary-active","wds-button-fill-ai-secondary":"--wds-button-fill-ai-secondary","wds-button-fill-premium-primary":"--wds-button-fill-premium-primary","wds-button-fill-premium-primary-hover":"--wds-button-fill-premium-primary-hover","wds-button-fill-premium-primary-active":"--wds-button-fill-premium-primary-active","wds-button-fill-premium-primary-disabled":"--wds-button-fill-premium-primary-disabled","wds-button-fill-premium-secondary":"--wds-button-fill-premium-secondary","wds-button-fill-premium-secondary-hover":"--wds-button-fill-premium-secondary-hover","wds-button-fill-premium-secondary-active":"--wds-button-fill-premium-secondary-active","wds-button-fill-premium-secondary-disabled":"--wds-button-fill-premium-secondary-disabled","wds-button-fill-dark-primary-disabled":"--wds-button-fill-dark-primary-disabled","wds-button-fill-dark-secondary-hover":"--wds-button-fill-dark-secondary-hover","wds-button-fill-dark-secondary-active":"--wds-button-fill-dark-secondary-active","wds-button-fill-dark-secondary-disabled":"--wds-button-fill-dark-secondary-disabled","wds-button-border-standard-secondary":"--wds-button-border-standard-secondary","wds-button-border-standard-secondary-hover":"--wds-button-border-standard-secondary-hover","wds-button-border-standard-secondary-active":"--wds-button-border-standard-secondary-active","wds-button-border-standard-secondary-disabled":"--wds-button-border-standard-secondary-disabled","wds-button-border-destructive-secondary":"--wds-button-border-destructive-secondary","wds-button-border-destructive-secondary-hover":"--wds-button-border-destructive-secondary-hover","wds-button-border-destructive-secondary-active":"--wds-button-border-destructive-secondary-active","wds-button-border-destructive-secondary-disabled":"--wds-button-border-destructive-secondary-disabled","wds-button-border-premium-secondary":"--wds-button-border-premium-secondary","wds-button-border-premium-secondary-hover":"--wds-button-border-premium-secondary-hover","wds-button-border-premium-secondary-active":"--wds-button-border-premium-secondary-active","wds-button-border-premium-secondary-disabled":"--wds-button-border-premium-secondary-disabled","wds-button-border-dark-secondary":"--wds-button-border-dark-secondary","wds-button-border-dark-secondary-hover":"--wds-button-border-dark-secondary-hover","wds-button-border-dark-secondary-active":"--wds-button-border-dark-secondary-active","wds-button-border-dark-secondary-disabled":"--wds-button-border-dark-secondary-disabled","wds-button-border-ai-secondary-mask":"--wds-button-border-ai-secondary-mask","wsr-text-font-size-tiny":"--wsr-text-font-size-tiny","wsr-text-font-size-small":"--wsr-text-font-size-small","wsr-text-font-size-medium":"--wsr-text-font-size-medium","wsr-text-line-height-small":"--wsr-text-line-height-small","wsr-text-line-height-medium":"--wsr-text-line-height-medium","wsr-font-weight-medium":"--wsr-font-weight-medium","button-border-color":"--wds_1_308_0_Button-button-border-color"};
|
|
41523
|
+
var Button_st_css_vars = {"wds-button-border-radius-large":"--wds-button-border-radius-large","wds-button-border-radius-medium":"--wds-button-border-radius-medium","wds-button-border-radius-small":"--wds-button-border-radius-small","wds-button-border-radius-tiny":"--wds-button-border-radius-tiny","wds-button-gap-large":"--wds-button-gap-large","wds-button-gap-medium":"--wds-button-gap-medium","wds-button-gap-small":"--wds-button-gap-small","wds-button-gap-tiny":"--wds-button-gap-tiny","wds-button-padding-vertical-large":"--wds-button-padding-vertical-large","wds-button-padding-horizontal-large":"--wds-button-padding-horizontal-large","wds-button-padding-vertical-medium":"--wds-button-padding-vertical-medium","wds-button-padding-horizontal-medium":"--wds-button-padding-horizontal-medium","wds-button-padding-vertical-small":"--wds-button-padding-vertical-small","wds-button-padding-horizontal-small":"--wds-button-padding-horizontal-small","wds-button-padding-vertical-tiny":"--wds-button-padding-vertical-tiny","wds-button-padding-horizontal-tiny":"--wds-button-padding-horizontal-tiny","wds-button-size-large":"--wds-button-size-large","wds-button-size-medium":"--wds-button-size-medium","wds-button-size-small":"--wds-button-size-small","wds-button-size-tiny":"--wds-button-size-tiny","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-light":"--wds-color-border-light","wds-color-border-light-disabled":"--wds-color-border-light-disabled","wds-color-border-premium-secondary":"--wds-color-border-premium-secondary","wds-color-border-premium-secondary-disabled":"--wds-color-border-premium-secondary-disabled","wds-color-border-destructive-secondary":"--wds-color-border-destructive-secondary","wds-color-border-destructive-secondary-disabled":"--wds-color-border-destructive-secondary-disabled","wds-color-border-dark-primary":"--wds-color-border-dark-primary","wds-color-border-dark-primary-disabled":"--wds-color-border-dark-primary-disabled","wds-color-border-dark-secondary-disabled":"--wds-color-border-dark-secondary-disabled","wds-color-border-ai-primary":"--wds-color-border-ai-primary","wds-color-fill-standard-primary":"--wds-color-fill-standard-primary","wds-color-fill-standard-primary-hover":"--wds-color-fill-standard-primary-hover","wds-color-fill-standard-primary-active":"--wds-color-fill-standard-primary-active","wds-color-fill-standard-primary-disabled":"--wds-color-fill-standard-primary-disabled","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-standard-tertiary-disabled":"--wds-color-fill-standard-tertiary-disabled","wds-color-fill-light-primary":"--wds-color-fill-light-primary","wds-color-fill-light-primary-hover":"--wds-color-fill-light-primary-hover","wds-color-fill-light-primary-active":"--wds-color-fill-light-primary-active","wds-color-fill-light-primary-disabled":"--wds-color-fill-light-primary-disabled","wds-color-fill-light-secondary":"--wds-color-fill-light-secondary","wds-color-fill-light-secondary-hover":"--wds-color-fill-light-secondary-hover","wds-color-fill-light-secondary-active":"--wds-color-fill-light-secondary-active","wds-color-fill-light-secondary-disabled":"--wds-color-fill-light-secondary-disabled","wds-color-fill-destructive-primary":"--wds-color-fill-destructive-primary","wds-color-fill-destructive-primary-hover":"--wds-color-fill-destructive-primary-hover","wds-color-fill-destructive-primary-active":"--wds-color-fill-destructive-primary-active","wds-color-fill-destructive-primary-disabled":"--wds-color-fill-destructive-primary-disabled","wds-color-fill-destructive-tertiary":"--wds-color-fill-destructive-tertiary","wds-color-fill-destructive-tertiary-disabled":"--wds-color-fill-destructive-tertiary-disabled","wds-color-fill-premium-primary":"--wds-color-fill-premium-primary","wds-color-fill-premium-primary-hover":"--wds-color-fill-premium-primary-hover","wds-color-fill-premium-primary-active":"--wds-color-fill-premium-primary-active","wds-color-fill-premium-primary-disabled":"--wds-color-fill-premium-primary-disabled","wds-color-fill-premium-light-primary":"--wds-color-fill-premium-light-primary","wds-color-fill-premium-light-primary-hover":"--wds-color-fill-premium-light-primary-hover","wds-color-fill-premium-light-primary-active":"--wds-color-fill-premium-light-primary-active","wds-color-fill-premium-light-primary-disabled":"--wds-color-fill-premium-light-primary-disabled","wds-color-fill-premium-light-secondary":"--wds-color-fill-premium-light-secondary","wds-color-fill-premium-light-secondary-hover":"--wds-color-fill-premium-light-secondary-hover","wds-color-fill-premium-light-secondary-active":"--wds-color-fill-premium-light-secondary-active","wds-color-fill-premium-light-secondary-disabled":"--wds-color-fill-premium-light-secondary-disabled","wds-color-fill-premium-tertiary":"--wds-color-fill-premium-tertiary","wds-color-fill-premium-tertiary-disabled":"--wds-color-fill-premium-tertiary-disabled","wds-color-fill-dark-primary":"--wds-color-fill-dark-primary","wds-color-fill-dark-primary-hover":"--wds-color-fill-dark-primary-hover","wds-color-fill-dark-primary-active":"--wds-color-fill-dark-primary-active","wds-color-fill-dark-primary-disabled":"--wds-color-fill-dark-primary-disabled","wds-color-fill-transparent-primary":"--wds-color-fill-transparent-primary","wds-color-fill-transparent-primary-hover":"--wds-color-fill-transparent-primary-hover","wds-color-fill-transparent-primary-active":"--wds-color-fill-transparent-primary-active","wds-color-fill-transparent-primary-disabled":"--wds-color-fill-transparent-primary-disabled","wds-color-fill-transparent-secondary":"--wds-color-fill-transparent-secondary","wds-color-fill-transparent-secondary-hover":"--wds-color-fill-transparent-secondary-hover","wds-color-fill-transparent-secondary-active":"--wds-color-fill-transparent-secondary-active","wds-color-fill-transparent-secondary-disabled":"--wds-color-fill-transparent-secondary-disabled","wds-color-fill-ai-primary":"--wds-color-fill-ai-primary","wds-color-fill-ai-primary-hover":"--wds-color-fill-ai-primary-hover","wds-color-fill-ai-primary-active":"--wds-color-fill-ai-primary-active","wds-color-fill-ai-primary-disabled":"--wds-color-fill-ai-primary-disabled","wds-color-fill-ai-secondary-hover":"--wds-color-fill-ai-secondary-hover","wds-color-fill-ai-secondary-active":"--wds-color-fill-ai-secondary-active","wds-color-fill-ai-secondary-disabled":"--wds-color-fill-ai-secondary-disabled","wds-color-text-primary":"--wds-color-text-primary","wds-color-text-premium":"--wds-color-text-premium","wds-color-text-destructive":"--wds-color-text-destructive","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-disabled-light":"--wds-color-text-disabled-light","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-color-text-standard-primary-light":"--wds-color-text-standard-primary-light","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-button-fill-standard-primary":"--wds-button-fill-standard-primary","wds-button-fill-standard-primary-hover":"--wds-button-fill-standard-primary-hover","wds-button-fill-standard-primary-active":"--wds-button-fill-standard-primary-active","wds-button-fill-standard-secondary":"--wds-button-fill-standard-secondary","wds-button-fill-standard-secondary-hover":"--wds-button-fill-standard-secondary-hover","wds-button-fill-standard-secondary-active":"--wds-button-fill-standard-secondary-active","wds-button-text-hover":"--wds-button-text-hover","wds-button-outline-hover":"--wds-button-outline-hover","wds-button-font-weight-large":"--wds-button-font-weight-large","wds-button-font-weight-medium":"--wds-button-font-weight-medium","wds-button-font-weight-small":"--wds-button-font-weight-small","wds-button-font-weight-tiny":"--wds-button-font-weight-tiny","wds-button-font-line-height-large":"--wds-button-font-line-height-large","wds-button-font-line-height-medium":"--wds-button-font-line-height-medium","wds-button-font-line-height-small":"--wds-button-font-line-height-small","wds-button-font-line-height-tiny":"--wds-button-font-line-height-tiny","wds-button-font-size-large":"--wds-button-font-size-large","wds-button-font-size-medium":"--wds-button-font-size-medium","wds-button-font-size-small":"--wds-button-font-size-small","wds-button-font-size-tiny":"--wds-button-font-size-tiny","wds-button-label-fill-standard-primary":"--wds-button-label-fill-standard-primary","wds-button-label-fill-standard-primary-hover":"--wds-button-label-fill-standard-primary-hover","wds-button-label-fill-standard-primary-active":"--wds-button-label-fill-standard-primary-active","wds-button-label-fill-standard-primary-disabled":"--wds-button-label-fill-standard-primary-disabled","wds-button-label-fill-standard-secondary":"--wds-button-label-fill-standard-secondary","wds-button-label-fill-standard-secondary-active":"--wds-button-label-fill-standard-secondary-active","wds-button-label-fill-standard-secondary-hover":"--wds-button-label-fill-standard-secondary-hover","wds-button-label-fill-standard-secondary-disabled":"--wds-button-label-fill-standard-secondary-disabled","wds-button-label-fill-destructive-secondary":"--wds-button-label-fill-destructive-secondary","wds-button-label-fill-destructive-secondary-hover":"--wds-button-label-fill-destructive-secondary-hover","wds-button-label-fill-destructive-secondary-active":"--wds-button-label-fill-destructive-secondary-active","wds-button-label-fill-ai-primary":"--wds-button-label-fill-ai-primary","wds-button-label-fill-premium-primary":"--wds-button-label-fill-premium-primary","wds-button-label-fill-premium-primary-disabled":"--wds-button-label-fill-premium-primary-disabled","wds-button-label-fill-premium-secondary":"--wds-button-label-fill-premium-secondary","wds-button-label-fill-premium-secondary-hover":"--wds-button-label-fill-premium-secondary-hover","wds-button-label-fill-premium-secondary-active":"--wds-button-label-fill-premium-secondary-active","wds-button-label-fill-premium-secondary-disabled":"--wds-button-label-fill-premium-secondary-disabled","wds-button-label-fill-dark-primary-disabled":"--wds-button-label-fill-dark-primary-disabled","wds-button-label-fill-dark-secondary":"--wds-button-label-fill-dark-secondary","wds-button-label-fill-dark-secondary-hover":"--wds-button-label-fill-dark-secondary-hover","wds-button-label-fill-dark-secondary-active":"--wds-button-label-fill-dark-secondary-active","wds-button-label-fill-dark-secondary-disabled":"--wds-button-label-fill-dark-secondary-disabled","wds-button-fill-standard-primary-disabled":"--wds-button-fill-standard-primary-disabled","wds-button-fill-standard-secondary-disabled":"--wds-button-fill-standard-secondary-disabled","wds-button-fill-destructive-primary-disabled":"--wds-button-fill-destructive-primary-disabled","wds-button-fill-destructive-secondary":"--wds-button-fill-destructive-secondary","wds-button-fill-destructive-secondary-hover":"--wds-button-fill-destructive-secondary-hover","wds-button-fill-destructive-secondary-active":"--wds-button-fill-destructive-secondary-active","wds-button-fill-destructive-secondary-disabled":"--wds-button-fill-destructive-secondary-disabled","wds-button-fill-ai-primary":"--wds-button-fill-ai-primary","wds-button-fill-ai-primary-hover":"--wds-button-fill-ai-primary-hover","wds-button-fill-ai-primary-active":"--wds-button-fill-ai-primary-active","wds-button-fill-ai-secondary":"--wds-button-fill-ai-secondary","wds-button-fill-premium-primary":"--wds-button-fill-premium-primary","wds-button-fill-premium-primary-hover":"--wds-button-fill-premium-primary-hover","wds-button-fill-premium-primary-active":"--wds-button-fill-premium-primary-active","wds-button-fill-premium-primary-disabled":"--wds-button-fill-premium-primary-disabled","wds-button-fill-premium-secondary":"--wds-button-fill-premium-secondary","wds-button-fill-premium-secondary-hover":"--wds-button-fill-premium-secondary-hover","wds-button-fill-premium-secondary-active":"--wds-button-fill-premium-secondary-active","wds-button-fill-premium-secondary-disabled":"--wds-button-fill-premium-secondary-disabled","wds-button-fill-dark-primary-disabled":"--wds-button-fill-dark-primary-disabled","wds-button-fill-dark-secondary-hover":"--wds-button-fill-dark-secondary-hover","wds-button-fill-dark-secondary-active":"--wds-button-fill-dark-secondary-active","wds-button-fill-dark-secondary-disabled":"--wds-button-fill-dark-secondary-disabled","wds-button-border-standard-secondary":"--wds-button-border-standard-secondary","wds-button-border-standard-secondary-hover":"--wds-button-border-standard-secondary-hover","wds-button-border-standard-secondary-active":"--wds-button-border-standard-secondary-active","wds-button-border-standard-secondary-disabled":"--wds-button-border-standard-secondary-disabled","wds-button-border-destructive-secondary":"--wds-button-border-destructive-secondary","wds-button-border-destructive-secondary-hover":"--wds-button-border-destructive-secondary-hover","wds-button-border-destructive-secondary-active":"--wds-button-border-destructive-secondary-active","wds-button-border-destructive-secondary-disabled":"--wds-button-border-destructive-secondary-disabled","wds-button-border-premium-secondary":"--wds-button-border-premium-secondary","wds-button-border-premium-secondary-hover":"--wds-button-border-premium-secondary-hover","wds-button-border-premium-secondary-active":"--wds-button-border-premium-secondary-active","wds-button-border-premium-secondary-disabled":"--wds-button-border-premium-secondary-disabled","wds-button-border-dark-secondary":"--wds-button-border-dark-secondary","wds-button-border-dark-secondary-hover":"--wds-button-border-dark-secondary-hover","wds-button-border-dark-secondary-active":"--wds-button-border-dark-secondary-active","wds-button-border-dark-secondary-disabled":"--wds-button-border-dark-secondary-disabled","wds-button-border-ai-secondary-mask":"--wds-button-border-ai-secondary-mask","wsr-text-font-size-tiny":"--wsr-text-font-size-tiny","wsr-text-font-size-small":"--wsr-text-font-size-small","wsr-text-font-size-medium":"--wsr-text-font-size-medium","wsr-text-line-height-small":"--wsr-text-line-height-small","wsr-text-line-height-medium":"--wsr-text-line-height-medium","wsr-font-weight-medium":"--wsr-font-weight-medium","button-border-color":"--wds_1_312_0_Button-button-border-color"};
|
|
41524
41524
|
|
|
41525
41525
|
|
|
41526
41526
|
|
|
@@ -41575,14 +41575,14 @@ class Button_Button extends external_React_.PureComponent {
|
|
|
41575
41575
|
return this.button.current?.getBoundingClientRect();
|
|
41576
41576
|
};
|
|
41577
41577
|
if (props.skin === 'inverted') {
|
|
41578
|
-
|
|
41578
|
+
deprecationLog_deprecationLog('<Button/> - skin="inverted" is deprecated and will be removed in next major version, please use skin="standard" and priority="secondary" instead');
|
|
41579
41579
|
}
|
|
41580
41580
|
}
|
|
41581
41581
|
render() {
|
|
41582
41582
|
const { button: buttonPropsDefaults } = this
|
|
41583
41583
|
.context;
|
|
41584
41584
|
const { skin = 'standard', priority = 'primary', size = buttonPropsDefaults.size, className, fullWidth, children, dataHook, ellipsis, showTooltip, internalDataHook, tooltipProps = {}, ...rest } = this.props;
|
|
41585
|
-
return (external_React_default().createElement(
|
|
41585
|
+
return (external_React_default().createElement(Ellipsis, { ellipsis: ellipsis, showTooltip: showTooltip, ...tooltipProps, render: ({ ref, ellipsisClasses }) => (external_React_default().createElement(WrappedButtonCore, { ...rest, ...generateDataAttr({
|
|
41586
41586
|
...this.props,
|
|
41587
41587
|
size,
|
|
41588
41588
|
}, ['skin', 'size', 'priority']), ref: this.button, className: Button_st_css_st(Button_st_css_classes.root, {
|
|
@@ -41597,7 +41597,7 @@ class Button_Button extends external_React_.PureComponent {
|
|
|
41597
41597
|
Button_Button.contextType = WixStyleReactDefaultsOverrideContext;
|
|
41598
41598
|
Button_Button.displayName = 'Button';
|
|
41599
41599
|
const ButtonWithDefaultProps = withDefaultProps(Button_Button, 'Button');
|
|
41600
|
-
|
|
41600
|
+
|
|
41601
41601
|
//# sourceMappingURL=Button.js.map
|
|
41602
41602
|
;// ../../../node_modules/@wix/design-system/dist/esm/CloseButton/CloseButton.st.css.js
|
|
41603
41603
|
|
|
@@ -41610,7 +41610,7 @@ const ButtonWithDefaultProps = withDefaultProps(Button_Button, 'Button');
|
|
|
41610
41610
|
|
|
41611
41611
|
|
|
41612
41612
|
|
|
41613
|
-
var CloseButton_st_css_namespace_ = "
|
|
41613
|
+
var CloseButton_st_css_namespace_ = "wds_1_312_0_CloseButton";
|
|
41614
41614
|
var CloseButton_st_css_style_ = classesRuntime.bind(null, CloseButton_st_css_namespace_);
|
|
41615
41615
|
|
|
41616
41616
|
var CloseButton_st_css_cssStates = statesRuntime.bind(null, CloseButton_st_css_namespace_);
|
|
@@ -41618,7 +41618,7 @@ var CloseButton_st_css_style = (/* unused pure expression or super */ null && (C
|
|
|
41618
41618
|
var CloseButton_st_css_st = CloseButton_st_css_style_;
|
|
41619
41619
|
|
|
41620
41620
|
var CloseButton_st_css_namespace = (/* unused pure expression or super */ null && (CloseButton_st_css_namespace_));
|
|
41621
|
-
var CloseButton_st_css_classes = {"root":"
|
|
41621
|
+
var CloseButton_st_css_classes = {"root":"wds_1_312_0_CloseButton__root"};
|
|
41622
41622
|
var CloseButton_st_css_keyframes = {};
|
|
41623
41623
|
var CloseButton_st_css_layers = {};
|
|
41624
41624
|
var CloseButton_st_css_containers = {};
|
|
@@ -41724,7 +41724,7 @@ const CloseButton = (0,external_React_.forwardRef)(({ skin = SKINS.standard, siz
|
|
|
41724
41724
|
buttonRef.current?.focus();
|
|
41725
41725
|
}
|
|
41726
41726
|
}, [autoFocus]);
|
|
41727
|
-
return (external_React_default().createElement(
|
|
41727
|
+
return (external_React_default().createElement(WrappedButtonCore, { ref: buttonRef, ...rest, disabled: disabled, className: CloseButton_st_css_st(CloseButton_st_css_classes.root, { skin, size }, className), ...generateDataAttr({ skin, size }, ['skin', 'size']), "data-hook": dataHook }, children
|
|
41728
41728
|
? external_React_default().cloneElement(children, {
|
|
41729
41729
|
size: CHILD_SIZE,
|
|
41730
41730
|
width: CHILD_SIZE,
|
|
@@ -41733,7 +41733,7 @@ const CloseButton = (0,external_React_.forwardRef)(({ skin = SKINS.standard, siz
|
|
|
41733
41733
|
: closeIcon));
|
|
41734
41734
|
});
|
|
41735
41735
|
CloseButton.displayName = 'CloseButton';
|
|
41736
|
-
|
|
41736
|
+
|
|
41737
41737
|
//# sourceMappingURL=CloseButton.js.map
|
|
41738
41738
|
;// ../../../node_modules/@wix/design-system/dist/esm/FloatingNotification/constants.js
|
|
41739
41739
|
const TYPES = {
|
|
@@ -41761,7 +41761,7 @@ const FloatingNotification_constants_dataHooks = {
|
|
|
41761
41761
|
|
|
41762
41762
|
|
|
41763
41763
|
|
|
41764
|
-
var FloatingNotification_st_css_namespace_ = "
|
|
41764
|
+
var FloatingNotification_st_css_namespace_ = "wds_1_312_0_FloatingNotification";
|
|
41765
41765
|
var FloatingNotification_st_css_style_ = classesRuntime.bind(null, FloatingNotification_st_css_namespace_);
|
|
41766
41766
|
|
|
41767
41767
|
var FloatingNotification_st_css_cssStates = statesRuntime.bind(null, FloatingNotification_st_css_namespace_);
|
|
@@ -41769,7 +41769,7 @@ var FloatingNotification_st_css_style = (/* unused pure expression or super */ n
|
|
|
41769
41769
|
var FloatingNotification_st_css_st = FloatingNotification_st_css_style_;
|
|
41770
41770
|
|
|
41771
41771
|
var FloatingNotification_st_css_namespace = (/* unused pure expression or super */ null && (FloatingNotification_st_css_namespace_));
|
|
41772
|
-
var FloatingNotification_st_css_classes = {"root":"
|
|
41772
|
+
var FloatingNotification_st_css_classes = {"root":"wds_1_312_0_FloatingNotification__root","icon":"wds_1_312_0_FloatingNotification__icon","text":"wds_1_312_0_FloatingNotification__text","textButton":"wds_1_312_0_FloatingNotification__textButton","button":"wds_1_312_0_FloatingNotification__button","gap":"wds_1_312_0_FloatingNotification__gap","close":"wds_1_312_0_FloatingNotification__close"};
|
|
41773
41773
|
var FloatingNotification_st_css_keyframes = {};
|
|
41774
41774
|
var FloatingNotification_st_css_layers = {};
|
|
41775
41775
|
var FloatingNotification_st_css_containers = {};
|
|
@@ -41796,7 +41796,7 @@ var FloatingNotification_st_css_vars = {"wds-color-black-100":"--wds-color-black
|
|
|
41796
41796
|
class FloatingNotification extends (external_React_default()).PureComponent {
|
|
41797
41797
|
constructor(props) {
|
|
41798
41798
|
super(props);
|
|
41799
|
-
|
|
41799
|
+
deprecationLog_deprecationLog('<FloatingNotification/> is deprecated and will be removed in the next major version. Please use <SectionHelper/> instead.');
|
|
41800
41800
|
}
|
|
41801
41801
|
render() {
|
|
41802
41802
|
const { type, className, dataHook, width, fullWidth } = this.props;
|
|
@@ -41821,21 +41821,21 @@ class FloatingNotification extends (external_React_default()).PureComponent {
|
|
|
41821
41821
|
}
|
|
41822
41822
|
_getContent() {
|
|
41823
41823
|
const { text, type } = this.props;
|
|
41824
|
-
return (external_React_default().createElement(
|
|
41824
|
+
return (external_React_default().createElement(TextWithEllipsis, { size: "small", ellipsis: true, light: type === TYPES.dark, dataHook: FloatingNotification_constants_dataHooks.notificationText, className: FloatingNotification_st_css_classes.text }, text));
|
|
41825
41825
|
}
|
|
41826
41826
|
_getTextButton() {
|
|
41827
41827
|
const { textButtonProps, type } = this.props;
|
|
41828
41828
|
const { label, ...rest } = textButtonProps ?? {};
|
|
41829
|
-
return !isEmpty_default()(textButtonProps) ? (external_React_default().createElement(
|
|
41829
|
+
return !isEmpty_default()(textButtonProps) ? (external_React_default().createElement(TextButtonWithDefaultProps, { ...rest, underline: "always", skin: type !== TYPES.dark ? 'dark' : 'light', size: "small", className: FloatingNotification_st_css_classes.textButton, dataHook: FloatingNotification_constants_dataHooks.textButton }, label)) : null;
|
|
41830
41830
|
}
|
|
41831
41831
|
_getButton() {
|
|
41832
41832
|
const { buttonProps, type } = this.props;
|
|
41833
41833
|
const { label, ...rest } = buttonProps ?? {};
|
|
41834
|
-
return !isEmpty_default()(buttonProps) ? (external_React_default().createElement(
|
|
41834
|
+
return !isEmpty_default()(buttonProps) ? (external_React_default().createElement(ButtonWithDefaultProps, { ...rest, className: FloatingNotification_st_css_classes.button, size: "tiny", priority: type !== TYPES.dark ? 'secondary' : 'primary', skin: type !== TYPES.dark ? 'dark' : 'standard', dataHook: FloatingNotification_constants_dataHooks.button }, label)) : null;
|
|
41835
41835
|
}
|
|
41836
41836
|
_getClose() {
|
|
41837
41837
|
const { showCloseButton, onClose, type } = this.props;
|
|
41838
|
-
return showCloseButton ? (external_React_default().createElement(
|
|
41838
|
+
return showCloseButton ? (external_React_default().createElement(CloseButton, { size: "medium", skin: type !== TYPES.dark ? 'dark' : 'light', className: FloatingNotification_st_css_classes.close, dataHook: FloatingNotification_constants_dataHooks.closeButton, onClick: onClose })) : null;
|
|
41839
41839
|
}
|
|
41840
41840
|
}
|
|
41841
41841
|
FloatingNotification.displayName = 'FloatingNotification';
|
|
@@ -41845,7 +41845,7 @@ FloatingNotification.defaultProps = {
|
|
|
41845
41845
|
textButtonProps: {},
|
|
41846
41846
|
showCloseButton: true,
|
|
41847
41847
|
};
|
|
41848
|
-
|
|
41848
|
+
|
|
41849
41849
|
//# sourceMappingURL=FloatingNotification.js.map
|
|
41850
41850
|
;// ../../../node_modules/@wix/design-system/dist/esm/Divider/Divider.st.css.js
|
|
41851
41851
|
|
|
@@ -41855,7 +41855,7 @@ FloatingNotification.defaultProps = {
|
|
|
41855
41855
|
|
|
41856
41856
|
|
|
41857
41857
|
|
|
41858
|
-
var Divider_st_css_namespace_ = "
|
|
41858
|
+
var Divider_st_css_namespace_ = "wds_1_312_0_Divider";
|
|
41859
41859
|
var Divider_st_css_style_ = classesRuntime.bind(null, Divider_st_css_namespace_);
|
|
41860
41860
|
|
|
41861
41861
|
var Divider_st_css_cssStates = statesRuntime.bind(null, Divider_st_css_namespace_);
|
|
@@ -41863,7 +41863,7 @@ var Divider_st_css_style = (/* unused pure expression or super */ null && (Divid
|
|
|
41863
41863
|
var Divider_st_css_st = Divider_st_css_style_;
|
|
41864
41864
|
|
|
41865
41865
|
var Divider_st_css_namespace = (/* unused pure expression or super */ null && (Divider_st_css_namespace_));
|
|
41866
|
-
var Divider_st_css_classes = {"root":"
|
|
41866
|
+
var Divider_st_css_classes = {"root":"wds_1_312_0_Divider__root"};
|
|
41867
41867
|
var Divider_st_css_keyframes = {};
|
|
41868
41868
|
var Divider_st_css_layers = {};
|
|
41869
41869
|
var Divider_st_css_containers = {};
|
|
@@ -41895,7 +41895,7 @@ const Divider_constants_SKINS = {
|
|
|
41895
41895
|
|
|
41896
41896
|
const Divider_Divider = ({ dataHook, className, direction = DIRECTIONS.horizontal, skin = Divider_constants_SKINS.light, }) => (external_React_default().createElement("hr", { "data-hook": dataHook, className: Divider_st_css_st(Divider_st_css_classes.root, { direction, skin }, className) }));
|
|
41897
41897
|
Divider_Divider.displayName = 'Divider';
|
|
41898
|
-
|
|
41898
|
+
|
|
41899
41899
|
//# sourceMappingURL=Divider.js.map
|
|
41900
41900
|
;// ../../../node_modules/@wix/wix-ui-icons-common/dist/esm/default/system/dist/components/ToggleOn.js
|
|
41901
41901
|
|
|
@@ -41967,7 +41967,7 @@ const Arc = ({ className, strokeWidth, viewBoxSize, angle, }) => {
|
|
|
41967
41967
|
external_React_default().createElement("path", { strokeWidth: strokeWidth, d: d })));
|
|
41968
41968
|
};
|
|
41969
41969
|
Arc.displayName = 'Arc';
|
|
41970
|
-
|
|
41970
|
+
|
|
41971
41971
|
//# sourceMappingURL=Arc.js.map
|
|
41972
41972
|
;// ../../../node_modules/@wix/design-system/dist/esm/Heading/Heading.st.css.js
|
|
41973
41973
|
|
|
@@ -41978,7 +41978,7 @@ Arc.displayName = 'Arc';
|
|
|
41978
41978
|
|
|
41979
41979
|
|
|
41980
41980
|
|
|
41981
|
-
var Heading_st_css_namespace_ = "
|
|
41981
|
+
var Heading_st_css_namespace_ = "wds_1_312_0_Heading";
|
|
41982
41982
|
var Heading_st_css_style_ = classesRuntime.bind(null, Heading_st_css_namespace_);
|
|
41983
41983
|
|
|
41984
41984
|
var Heading_st_css_cssStates = statesRuntime.bind(null, Heading_st_css_namespace_);
|
|
@@ -41986,7 +41986,7 @@ var Heading_st_css_style = (/* unused pure expression or super */ null && (Headi
|
|
|
41986
41986
|
var Heading_st_css_st = Heading_st_css_style_;
|
|
41987
41987
|
|
|
41988
41988
|
var Heading_st_css_namespace = (/* unused pure expression or super */ null && (Heading_st_css_namespace_));
|
|
41989
|
-
var Heading_st_css_classes = {"root":"
|
|
41989
|
+
var Heading_st_css_classes = {"root":"wds_1_312_0_Heading__root","heading-xl":"wds_1_312_0_StylableTypography__heading-xl","heading-l":"wds_1_312_0_StylableTypography__heading-l","heading-m":"wds_1_312_0_StylableTypography__heading-m","heading-s":"wds_1_312_0_StylableTypography__heading-s","heading-t":"wds_1_312_0_StylableTypography__heading-t","heading-xt":"wds_1_312_0_StylableTypography__heading-xt"};
|
|
41990
41990
|
var Heading_st_css_keyframes = {};
|
|
41991
41991
|
var Heading_st_css_layers = {};
|
|
41992
41992
|
var Heading_st_css_containers = {};
|
|
@@ -42030,9 +42030,9 @@ const sizeToAppearance = {
|
|
|
42030
42030
|
[SIZE.TINY]: APPEARANCES.H5,
|
|
42031
42031
|
[SIZE.EXTRA_TINY]: APPEARANCES.H6,
|
|
42032
42032
|
};
|
|
42033
|
-
const Heading = ({ light = false, ellipsis = false, appendTo =
|
|
42033
|
+
const Heading = ({ light = false, ellipsis = false, appendTo = Ellipsis.defaultProps.appendTo, flip = Ellipsis.defaultProps.flip, fixed = Ellipsis.defaultProps.fixed, placement = Ellipsis.defaultProps.placement, zIndex = Ellipsis.defaultProps.zIndex, enterDelay = Ellipsis.defaultProps.enterDelay, exitDelay = Ellipsis.defaultProps.exitDelay, showTooltip = Ellipsis.defaultProps.showTooltip, ...propsWithNoDefaults }) => {
|
|
42034
42034
|
const props = {
|
|
42035
|
-
...
|
|
42035
|
+
...Ellipsis.defaultProps,
|
|
42036
42036
|
light,
|
|
42037
42037
|
ellipsis,
|
|
42038
42038
|
appendTo,
|
|
@@ -42049,13 +42049,13 @@ const Heading = ({ light = false, ellipsis = false, appendTo = Ellipsis_Ellipsis
|
|
|
42049
42049
|
const { appearance, as, children, dataHook, size, id, light: _light, ...headingProps } = componentProps;
|
|
42050
42050
|
(0,external_React_.useEffect)(() => {
|
|
42051
42051
|
if (appearance) {
|
|
42052
|
-
|
|
42052
|
+
deprecationLog_deprecationLog('<Heading/> - prop "appearance" is deprecated and will be removed in next major release, please use "size" property instead.');
|
|
42053
42053
|
}
|
|
42054
42054
|
}, [appearance]);
|
|
42055
42055
|
const headingType = (size && sizeToAppearance[size]) ||
|
|
42056
42056
|
appearance ||
|
|
42057
42057
|
sizeToAppearance[SIZE.EXTRA_LARGE];
|
|
42058
|
-
return (external_React_default().createElement(WixStyleReactMaskingContext.Consumer, null, ({ maskingClassNames }) => (external_React_default().createElement(
|
|
42058
|
+
return (external_React_default().createElement(WixStyleReactMaskingContext.Consumer, null, ({ maskingClassNames }) => (external_React_default().createElement(Ellipsis, { ...ellipsisProps, wrapperClassName: Heading_st_css_st(Heading_st_css_classes.root, {
|
|
42059
42059
|
appearance: headingType,
|
|
42060
42060
|
size,
|
|
42061
42061
|
}), render: ({ ref, ellipsisClasses, ellipsisInlineStyle }) => external_React_default().createElement(as || headingType.toLowerCase(), {
|
|
@@ -42073,7 +42073,7 @@ const Heading = ({ light = false, ellipsis = false, appendTo = Ellipsis_Ellipsis
|
|
|
42073
42073
|
}, children) }))));
|
|
42074
42074
|
};
|
|
42075
42075
|
Heading.displayName = 'Heading';
|
|
42076
|
-
|
|
42076
|
+
|
|
42077
42077
|
//# sourceMappingURL=Heading.js.map
|
|
42078
42078
|
;// ../../../node_modules/@wix/design-system/dist/esm/Loader/Loader.constants.js
|
|
42079
42079
|
const SIZES_TO_PIXELS_MAP = {
|
|
@@ -42116,7 +42116,7 @@ const SIZE_TO_ARC_ANGLE_MAP = {
|
|
|
42116
42116
|
|
|
42117
42117
|
|
|
42118
42118
|
|
|
42119
|
-
var Loader_st_css_namespace_ = "
|
|
42119
|
+
var Loader_st_css_namespace_ = "wds_1_312_0_Loader";
|
|
42120
42120
|
var Loader_st_css_style_ = classesRuntime.bind(null, Loader_st_css_namespace_);
|
|
42121
42121
|
|
|
42122
42122
|
var Loader_st_css_cssStates = statesRuntime.bind(null, Loader_st_css_namespace_);
|
|
@@ -42124,8 +42124,8 @@ var Loader_st_css_style = (/* unused pure expression or super */ null && (Loader
|
|
|
42124
42124
|
var Loader_st_css_st = Loader_st_css_style_;
|
|
42125
42125
|
|
|
42126
42126
|
var Loader_st_css_namespace = (/* unused pure expression or super */ null && (Loader_st_css_namespace_));
|
|
42127
|
-
var Loader_st_css_classes = {"root":"
|
|
42128
|
-
var Loader_st_css_keyframes = {"rotation":"
|
|
42127
|
+
var Loader_st_css_classes = {"root":"wds_1_312_0_Loader__root","statusIndicator":"wds_1_312_0_Loader__statusIndicator","arcsContainer":"wds_1_312_0_Loader__arcsContainer","darkArc":"wds_1_312_0_Loader__darkArc","lightArc":"wds_1_312_0_Loader__lightArc","text":"wds_1_312_0_Loader__text"};
|
|
42128
|
+
var Loader_st_css_keyframes = {"rotation":"wds_1_312_0_Loader__rotation","staggered-rotation":"wds_1_312_0_Loader__staggered-rotation"};
|
|
42129
42129
|
var Loader_st_css_layers = {};
|
|
42130
42130
|
var Loader_st_css_containers = {};
|
|
42131
42131
|
var Loader_st_css_stVars = {};
|
|
@@ -42173,19 +42173,19 @@ const Loader = ({ size = 'medium', color = 'blue', text, status = 'loading', sta
|
|
|
42173
42173
|
width: `${sizeInPx}px`,
|
|
42174
42174
|
height: `${sizeInPx}px`,
|
|
42175
42175
|
} },
|
|
42176
|
-
external_React_default().createElement(
|
|
42177
|
-
external_React_default().createElement(
|
|
42176
|
+
external_React_default().createElement(Arc, { angle: lightArcAngle, className: Loader_st_css_classes.lightArc, strokeWidth: strokeWidth, viewBoxSize: sizeInPx }),
|
|
42177
|
+
external_React_default().createElement(Arc, { angle: darkArcAngle, className: Loader_st_css_classes.darkArc, strokeWidth: strokeWidth, viewBoxSize: sizeInPx }),
|
|
42178
42178
|
isTerminalStatus && (external_React_default().createElement("div", { className: Loader_st_css_classes.statusIndicator, "data-hook": "loader-status-indicator" },
|
|
42179
42179
|
status === 'success' && successIcon,
|
|
42180
42180
|
status === 'error' && errorIcon))));
|
|
42181
42181
|
}, [status, size]);
|
|
42182
42182
|
return (external_React_default().createElement("div", { className: Loader_st_css_st(Loader_st_css_classes.root, { size, color, status }), "data-hook": dataHook, "data-size": size, "data-color": color, "data-status": status },
|
|
42183
|
-
statusMessage ? (external_React_default().createElement(
|
|
42183
|
+
statusMessage ? (external_React_default().createElement(Tooltip, { content: statusMessage, appendTo: "window", dataHook: "loader-tooltip" }, loader)) : (loader),
|
|
42184
42184
|
size !== 'tiny' && text && (external_React_default().createElement("div", { className: Loader_st_css_classes.text },
|
|
42185
|
-
external_React_default().createElement(
|
|
42185
|
+
external_React_default().createElement(Heading, { size: "extraTiny", dataHook: "loader-text" }, text)))));
|
|
42186
42186
|
};
|
|
42187
42187
|
Loader.displayName = 'Loader';
|
|
42188
|
-
|
|
42188
|
+
|
|
42189
42189
|
//# sourceMappingURL=Loader.js.map
|
|
42190
42190
|
// EXTERNAL MODULE: ../../../node_modules/@babel/runtime/helpers/extends.js
|
|
42191
42191
|
var helpers_extends = __webpack_require__(1414);
|
|
@@ -43411,7 +43411,7 @@ var TextPriority;
|
|
|
43411
43411
|
|
|
43412
43412
|
|
|
43413
43413
|
|
|
43414
|
-
const
|
|
43414
|
+
const Text = (props) => {
|
|
43415
43415
|
const { typography = TextTypography.runningText, priority = TextPriority.primary, tagName, children, className, role, id, 'aria-label': ariaLabel, 'aria-hidden': ariaHidden, ...rest } = props;
|
|
43416
43416
|
const isAriaHidden = !!ariaHidden && ariaHidden !== 'false';
|
|
43417
43417
|
return (external_React_.createElement(TPAComponentsConsumer, null, ({ mobile }) => (external_React_.createElement(external_React_.Fragment, null,
|
|
@@ -43431,7 +43431,7 @@ const Text_Text = (props) => {
|
|
|
43431
43431
|
}, children),
|
|
43432
43432
|
!isAriaHidden && !!ariaLabel ? (external_React_.createElement("span", { className: Text_st_classes['sr-only'], "data-sr-only": "true", "data-hook": `${props['data-hook'] || 'wut-text'}-aria-label` }, ariaLabel)) : null))));
|
|
43433
43433
|
};
|
|
43434
|
-
|
|
43434
|
+
Text.displayName = 'Text';
|
|
43435
43435
|
|
|
43436
43436
|
//# sourceMappingURL=Text.js.map
|
|
43437
43437
|
// EXTERNAL MODULE: ../../../node_modules/@wix/wix-ui-tpa/dist/cssVars/esm/components/Dropdown/DropdownOption.st.css
|
|
@@ -43497,8 +43497,8 @@ const DropdownOption = (props) => {
|
|
|
43497
43497
|
}, className) },
|
|
43498
43498
|
icon && (external_React_.createElement("div", { "data-hook": constants_DATA_HOOKS.icon, className: DropdownOption_st.classes.icon }, icon)),
|
|
43499
43499
|
external_React_.createElement("div", { className: DropdownOption_st.classes.contentWrapper },
|
|
43500
|
-
external_React_.createElement(
|
|
43501
|
-
subtitle && (external_React_.createElement(
|
|
43500
|
+
external_React_.createElement(Text, { className: DropdownOption_st.classes.title, typography: TextTypography.runningText, id: descendantId && createOptionLabelId(descendantId), "aria-disabled": !(isSelectable && !unavailable) }, value),
|
|
43501
|
+
subtitle && (external_React_.createElement(Text, { className: DropdownOption_st.classes.subtitle, typography: TextTypography.runningText }, subtitle))),
|
|
43502
43502
|
suffix && (external_React_.createElement("div", { "data-hook": constants_DATA_HOOKS.suffix, className: DropdownOption_st.classes.suffix }, suffix))));
|
|
43503
43503
|
};
|
|
43504
43504
|
//# sourceMappingURL=DropdownOption.js.map
|
|
@@ -44022,7 +44022,7 @@ const useId = (prefix) => {
|
|
|
44022
44022
|
|
|
44023
44023
|
|
|
44024
44024
|
|
|
44025
|
-
var default_scroll_bar_st_css_namespace_ = "
|
|
44025
|
+
var default_scroll_bar_st_css_namespace_ = "wds_1_312_0_defaultscrollbar";
|
|
44026
44026
|
var default_scroll_bar_st_css_style_ = classesRuntime.bind(null, default_scroll_bar_st_css_namespace_);
|
|
44027
44027
|
|
|
44028
44028
|
var default_scroll_bar_st_css_cssStates = statesRuntime.bind(null, default_scroll_bar_st_css_namespace_);
|
|
@@ -44030,7 +44030,7 @@ var default_scroll_bar_st_css_style = (/* unused pure expression or super */ nul
|
|
|
44030
44030
|
var default_scroll_bar_st_css_st = (/* unused pure expression or super */ null && (default_scroll_bar_st_css_style_));
|
|
44031
44031
|
|
|
44032
44032
|
var default_scroll_bar_st_css_namespace = (/* unused pure expression or super */ null && (default_scroll_bar_st_css_namespace_));
|
|
44033
|
-
var default_scroll_bar_st_css_classes = {"root":"
|
|
44033
|
+
var default_scroll_bar_st_css_classes = {"root":"wds_1_312_0_defaultscrollbar__root","defaultScrollBar":"wds_1_312_0_defaultscrollbar__defaultScrollBar"};
|
|
44034
44034
|
var default_scroll_bar_st_css_keyframes = {};
|
|
44035
44035
|
var default_scroll_bar_st_css_layers = {};
|
|
44036
44036
|
var default_scroll_bar_st_css_containers = {};
|
|
@@ -44048,7 +44048,7 @@ var default_scroll_bar_st_css_vars = {"wds-scrollbar-fill":"--wds-scrollbar-fill
|
|
|
44048
44048
|
|
|
44049
44049
|
|
|
44050
44050
|
|
|
44051
|
-
var Box_st_css_namespace_ = "
|
|
44051
|
+
var Box_st_css_namespace_ = "wds_1_312_0_Box";
|
|
44052
44052
|
var Box_st_css_style_ = classesRuntime.bind(null, Box_st_css_namespace_);
|
|
44053
44053
|
|
|
44054
44054
|
var Box_st_css_cssStates = statesRuntime.bind(null, Box_st_css_namespace_);
|
|
@@ -44056,12 +44056,12 @@ var Box_st_css_style = (/* unused pure expression or super */ null && (Box_st_cs
|
|
|
44056
44056
|
var Box_st_css_st = Box_st_css_style_;
|
|
44057
44057
|
|
|
44058
44058
|
var Box_st_css_namespace = (/* unused pure expression or super */ null && (Box_st_css_namespace_));
|
|
44059
|
-
var Box_st_css_classes = {"root":"
|
|
44059
|
+
var Box_st_css_classes = {"root":"wds_1_312_0_Box__root","defaultScrollBar":"wds_1_312_0_defaultscrollbar__defaultScrollBar"};
|
|
44060
44060
|
var Box_st_css_keyframes = {};
|
|
44061
44061
|
var Box_st_css_layers = {};
|
|
44062
44062
|
var Box_st_css_containers = {};
|
|
44063
44063
|
var Box_st_css_stVars = {};
|
|
44064
|
-
var Box_st_css_vars = {"gap":"--
|
|
44064
|
+
var Box_st_css_vars = {"gap":"--wds_1_312_0_Box-gap"};
|
|
44065
44065
|
|
|
44066
44066
|
|
|
44067
44067
|
|
|
@@ -44075,7 +44075,7 @@ var Box_st_css_vars = {"gap":"--wds_1_308_0_Box-gap"};
|
|
|
44075
44075
|
|
|
44076
44076
|
|
|
44077
44077
|
|
|
44078
|
-
var colors_js_st_css_namespace_ = "
|
|
44078
|
+
var colors_js_st_css_namespace_ = "wds_1_312_0_colorsjs";
|
|
44079
44079
|
var colors_js_st_css_style_ = classesRuntime.bind(null, colors_js_st_css_namespace_);
|
|
44080
44080
|
|
|
44081
44081
|
var colors_js_st_css_cssStates = statesRuntime.bind(null, colors_js_st_css_namespace_);
|
|
@@ -44083,7 +44083,7 @@ var colors_js_st_css_style = (/* unused pure expression or super */ null && (col
|
|
|
44083
44083
|
var colors_js_st_css_st = (/* unused pure expression or super */ null && (colors_js_st_css_style_));
|
|
44084
44084
|
|
|
44085
44085
|
var colors_js_st_css_namespace = (/* unused pure expression or super */ null && (colors_js_st_css_namespace_));
|
|
44086
|
-
var colors_js_st_css_classes = {"root":"
|
|
44086
|
+
var colors_js_st_css_classes = {"root":"wds_1_312_0_colorsjs__root"};
|
|
44087
44087
|
var colors_js_st_css_keyframes = {};
|
|
44088
44088
|
var colors_js_st_css_layers = {};
|
|
44089
44089
|
var colors_js_st_css_containers = {};
|
|
@@ -44120,7 +44120,7 @@ const filterObject = (object, filter = () => true) => {
|
|
|
44120
44120
|
|
|
44121
44121
|
|
|
44122
44122
|
|
|
44123
|
-
var spacing_st_css_namespace_ = "
|
|
44123
|
+
var spacing_st_css_namespace_ = "wds_1_312_0_spacing";
|
|
44124
44124
|
var spacing_st_css_style_ = classesRuntime.bind(null, spacing_st_css_namespace_);
|
|
44125
44125
|
|
|
44126
44126
|
var spacing_st_css_cssStates = statesRuntime.bind(null, spacing_st_css_namespace_);
|
|
@@ -44128,7 +44128,7 @@ var spacing_st_css_style = (/* unused pure expression or super */ null && (spaci
|
|
|
44128
44128
|
var spacing_st_css_st = (/* unused pure expression or super */ null && (spacing_st_css_style_));
|
|
44129
44129
|
|
|
44130
44130
|
var spacing_st_css_namespace = (/* unused pure expression or super */ null && (spacing_st_css_namespace_));
|
|
44131
|
-
var spacing_st_css_classes = {"root":"
|
|
44131
|
+
var spacing_st_css_classes = {"root":"wds_1_312_0_spacing__root"};
|
|
44132
44132
|
var spacing_st_css_keyframes = {};
|
|
44133
44133
|
var spacing_st_css_layers = {};
|
|
44134
44134
|
var spacing_st_css_containers = {};
|
|
@@ -44232,7 +44232,7 @@ const getColorStyles = (props) => {
|
|
|
44232
44232
|
const Box = (0,external_React_.forwardRef)(({ inline = false, direction = DIRECTION.horizontal, children, className, align, verticalAlign, dataHook, gap, padding, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginTop, marginRight, marginBottom, marginLeft, minWidth, maxWidth, width, minHeight, maxHeight, height, color, backgroundColor, border, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, style, role, ariaLabel, 'data-hook': dataHookByKebabCase, ...nativeStyles }, ref) => {
|
|
44233
44233
|
(0,external_React_.useEffect)(() => {
|
|
44234
44234
|
if (typeof dataHookByKebabCase !== 'undefined') {
|
|
44235
|
-
|
|
44235
|
+
deprecationLog_deprecationLog('<Box/> - prop "data-hook" is deprecated and will be removed in next major release, please use "dataHook" instead.');
|
|
44236
44236
|
}
|
|
44237
44237
|
}, [dataHookByKebabCase]);
|
|
44238
44238
|
const rootClassNames = Box_st_css_st(Box_st_css_classes.root, {
|
|
@@ -44281,7 +44281,7 @@ const Box = (0,external_React_.forwardRef)(({ inline = false, direction = DIRECT
|
|
|
44281
44281
|
return (external_React_default().createElement("div", { "aria-label": ariaLabel, role: role, tabIndex: tabIndex, "data-hook": dataHook, className: rootClassNames, style: rootStylesFiltered, ref: ref }, children));
|
|
44282
44282
|
});
|
|
44283
44283
|
Box.displayName = 'Box';
|
|
44284
|
-
|
|
44284
|
+
|
|
44285
44285
|
//# sourceMappingURL=Box.js.map
|
|
44286
44286
|
;// ../../../node_modules/@wix/wix-ui-icons-common/dist/esm/default/system/dist/components/CheckboxIndeterminate.js
|
|
44287
44287
|
|
|
@@ -44308,7 +44308,7 @@ var CheckboxChecked_default = CheckboxChecked;
|
|
|
44308
44308
|
|
|
44309
44309
|
|
|
44310
44310
|
|
|
44311
|
-
var Checkbox_st_css_namespace_ = "
|
|
44311
|
+
var Checkbox_st_css_namespace_ = "wds_1_312_0_Checkbox";
|
|
44312
44312
|
var Checkbox_st_css_style_ = classesRuntime.bind(null, Checkbox_st_css_namespace_);
|
|
44313
44313
|
|
|
44314
44314
|
var Checkbox_st_css_cssStates = statesRuntime.bind(null, Checkbox_st_css_namespace_);
|
|
@@ -44316,7 +44316,7 @@ var Checkbox_st_css_style = (/* unused pure expression or super */ null && (Chec
|
|
|
44316
44316
|
var Checkbox_st_css_st = Checkbox_st_css_style_;
|
|
44317
44317
|
|
|
44318
44318
|
var Checkbox_st_css_namespace = (/* unused pure expression or super */ null && (Checkbox_st_css_namespace_));
|
|
44319
|
-
var Checkbox_st_css_classes = {"root":"
|
|
44319
|
+
var Checkbox_st_css_classes = {"root":"wds_1_312_0_Checkbox__root","label":"wds_1_312_0_Checkbox__label","labelInner":"wds_1_312_0_Checkbox__labelInner","children":"wds_1_312_0_Checkbox__children","checkbox":"wds_1_312_0_Checkbox__checkbox","inner":"wds_1_312_0_Checkbox__inner","outer":"wds_1_312_0_Checkbox__outer"};
|
|
44320
44320
|
var Checkbox_st_css_keyframes = {};
|
|
44321
44321
|
var Checkbox_st_css_layers = {};
|
|
44322
44322
|
var Checkbox_st_css_containers = {};
|
|
@@ -44373,7 +44373,7 @@ const SELECTION_AREA_SKIN = {
|
|
|
44373
44373
|
const semanticClassNames = {
|
|
44374
44374
|
inputContainer: 'checkbox__input-container',
|
|
44375
44375
|
};
|
|
44376
|
-
|
|
44376
|
+
|
|
44377
44377
|
//# sourceMappingURL=Checkbox.semanticClassNames.js.map
|
|
44378
44378
|
;// ../../../node_modules/@wix/design-system/dist/esm/common/styles/visuallyHidden.st.css.js
|
|
44379
44379
|
|
|
@@ -44382,7 +44382,7 @@ const semanticClassNames = {
|
|
|
44382
44382
|
|
|
44383
44383
|
|
|
44384
44384
|
|
|
44385
|
-
var visuallyHidden_st_css_namespace_ = "
|
|
44385
|
+
var visuallyHidden_st_css_namespace_ = "wds_1_312_0_visuallyHidden";
|
|
44386
44386
|
var visuallyHidden_st_css_style_ = classesRuntime.bind(null, visuallyHidden_st_css_namespace_);
|
|
44387
44387
|
|
|
44388
44388
|
var visuallyHidden_st_css_cssStates = statesRuntime.bind(null, visuallyHidden_st_css_namespace_);
|
|
@@ -44390,7 +44390,7 @@ var visuallyHidden_st_css_style = (/* unused pure expression or super */ null &&
|
|
|
44390
44390
|
var visuallyHidden_st_css_st = (/* unused pure expression or super */ null && (visuallyHidden_st_css_style_));
|
|
44391
44391
|
|
|
44392
44392
|
var visuallyHidden_st_css_namespace = (/* unused pure expression or super */ null && (visuallyHidden_st_css_namespace_));
|
|
44393
|
-
var visuallyHidden_st_css_classes = {"root":"
|
|
44393
|
+
var visuallyHidden_st_css_classes = {"root":"wds_1_312_0_visuallyHidden__root","visuallyHidden":"wds_1_312_0_visuallyHidden__visuallyHidden"};
|
|
44394
44394
|
var visuallyHidden_st_css_keyframes = {};
|
|
44395
44395
|
var visuallyHidden_st_css_layers = {};
|
|
44396
44396
|
var visuallyHidden_st_css_containers = {};
|
|
@@ -44442,7 +44442,7 @@ class Checkbox extends external_React_.PureComponent {
|
|
|
44442
44442
|
};
|
|
44443
44443
|
};
|
|
44444
44444
|
if (typeof props.errorMessage !== 'undefined') {
|
|
44445
|
-
|
|
44445
|
+
deprecationLog_deprecationLog('<Checkbox/> - prop "errorMessage" is deprecated and will be removed in next major release, please use "tooltipContent" instead.');
|
|
44446
44446
|
}
|
|
44447
44447
|
}
|
|
44448
44448
|
render() {
|
|
@@ -44468,11 +44468,11 @@ class Checkbox extends external_React_.PureComponent {
|
|
|
44468
44468
|
external_React_default().createElement("input", { ref: this.inputRef, className: visuallyHidden_st_css_classes.visuallyHidden, "data-hook": Checkbox_constants_dataHooks.input, type: "checkbox", id: id, checked: checked, disabled: disabled, required: required, "aria-checked": indeterminate ? 'mixed' : checked, onChange: onChange, onFocus: focusableOnFocus, onBlur: focusableOnBlur }),
|
|
44469
44469
|
external_React_default().createElement("label", { htmlFor: id, "data-hook": Checkbox_constants_dataHooks.label, className: Checkbox_st_css_classes.label, onClick: e => e.stopPropagation() },
|
|
44470
44470
|
external_React_default().createElement("div", { className: Checkbox_st_css_classes.labelInner, style: { padding: selectionAreaPadding } },
|
|
44471
|
-
external_React_default().createElement(
|
|
44471
|
+
external_React_default().createElement(Tooltip, { dataHook: Checkbox_constants_dataHooks.boxTooltip, disabled: isTooltipDisabled, content: tooltipContent || errorMessage || ' ', textAlign: "center", maxWidth: 230, exitDelay: 150, zIndex: ZIndex.checkbox, ...tooltipProps },
|
|
44472
44472
|
external_React_default().createElement("div", { className: Checkbox_st_css_classes.outer },
|
|
44473
|
-
external_React_default().createElement("div", { "data-hook": Checkbox_constants_dataHooks.box, className: Checkbox_st_css_st(Checkbox_st_css_classes.checkbox,
|
|
44473
|
+
external_React_default().createElement("div", { "data-hook": Checkbox_constants_dataHooks.box, className: Checkbox_st_css_st(Checkbox_st_css_classes.checkbox, semanticClassNames.inputContainer) },
|
|
44474
44474
|
external_React_default().createElement("div", { className: Checkbox_st_css_classes.inner }, indeterminate ? (external_React_default().createElement(CheckboxIndeterminate_default, null)) : (external_React_default().createElement(CheckboxChecked_default, null)))))),
|
|
44475
|
-
children && (external_React_default().createElement(
|
|
44475
|
+
children && (external_React_default().createElement(TextWithEllipsis, { size: size, weight: "thin", dataHook: Checkbox_constants_dataHooks.children, className: Checkbox_st_css_classes.children, ellipsis: ellipsis, maxLines: maxLines }, children))))));
|
|
44476
44476
|
}
|
|
44477
44477
|
}
|
|
44478
44478
|
Checkbox.displayName = 'Checkbox';
|
|
@@ -44487,7 +44487,8 @@ Checkbox.defaultProps = {
|
|
|
44487
44487
|
indeterminate: false,
|
|
44488
44488
|
selectionAreaSkin: SELECTION_AREA_SKIN.FILLED,
|
|
44489
44489
|
};
|
|
44490
|
-
|
|
44490
|
+
const WrappedCheckbox = Focusable_withFocusable(Checkbox);
|
|
44491
|
+
|
|
44491
44492
|
//# sourceMappingURL=Checkbox.js.map
|
|
44492
44493
|
// EXTERNAL MODULE: ../../../node_modules/lodash/escapeRegExp.js
|
|
44493
44494
|
var lodash_escapeRegExp = __webpack_require__(2918);
|
|
@@ -44500,7 +44501,7 @@ var escapeRegExp_default = /*#__PURE__*/__webpack_require__.n(lodash_escapeRegEx
|
|
|
44500
44501
|
|
|
44501
44502
|
|
|
44502
44503
|
|
|
44503
|
-
var Highlighter_st_css_namespace_ = "
|
|
44504
|
+
var Highlighter_st_css_namespace_ = "wds_1_312_0_Highlighter";
|
|
44504
44505
|
var Highlighter_st_css_style_ = classesRuntime.bind(null, Highlighter_st_css_namespace_);
|
|
44505
44506
|
|
|
44506
44507
|
var Highlighter_st_css_cssStates = statesRuntime.bind(null, Highlighter_st_css_namespace_);
|
|
@@ -44508,7 +44509,7 @@ var Highlighter_st_css_style = (/* unused pure expression or super */ null && (H
|
|
|
44508
44509
|
var Highlighter_st_css_st = Highlighter_st_css_style_;
|
|
44509
44510
|
|
|
44510
44511
|
var Highlighter_st_css_namespace = (/* unused pure expression or super */ null && (Highlighter_st_css_namespace_));
|
|
44511
|
-
var Highlighter_st_css_classes = {"root":"
|
|
44512
|
+
var Highlighter_st_css_classes = {"root":"wds_1_312_0_Highlighter__root"};
|
|
44512
44513
|
var Highlighter_st_css_keyframes = {};
|
|
44513
44514
|
var Highlighter_st_css_layers = {};
|
|
44514
44515
|
var Highlighter_st_css_containers = {};
|
|
@@ -44590,7 +44591,7 @@ class HighlightedItem extends external_React_.PureComponent {
|
|
|
44590
44591
|
return external_React_.createElement("span", { "data-hook": dataHook }, this.renderElement());
|
|
44591
44592
|
}
|
|
44592
44593
|
}
|
|
44593
|
-
|
|
44594
|
+
|
|
44594
44595
|
//# sourceMappingURL=HighlightedItem.js.map
|
|
44595
44596
|
;// ../../../node_modules/@wix/design-system/dist/esm/Highlighter/Highlighter.js
|
|
44596
44597
|
|
|
@@ -44622,7 +44623,7 @@ const highlight = (element, match, nextChildKey, props) => {
|
|
|
44622
44623
|
}
|
|
44623
44624
|
const elementType = getElementType(element);
|
|
44624
44625
|
const elementTypesMap = {
|
|
44625
|
-
[ELEM_TYPES.STRING]: (elem, _match) => (external_React_.createElement(
|
|
44626
|
+
[ELEM_TYPES.STRING]: (elem, _match) => (external_React_.createElement(HighlightedItem, { key: nextChildKey(), match: _match, emphasize: props.emphasize }, elem)),
|
|
44626
44627
|
[ELEM_TYPES.REACT_ELEMENT]: elem => {
|
|
44627
44628
|
if (elem.props.children) {
|
|
44628
44629
|
return external_React_.cloneElement(elem, { ...elem.props, key: nextChildKey() }, highlight(elem.props.children, match, nextChildKey, props));
|
|
@@ -44647,7 +44648,7 @@ class Highlighter extends external_React_.PureComponent {
|
|
|
44647
44648
|
}
|
|
44648
44649
|
}
|
|
44649
44650
|
Highlighter.displayName = 'Highlighter';
|
|
44650
|
-
|
|
44651
|
+
|
|
44651
44652
|
//# sourceMappingURL=Highlighter.js.map
|
|
44652
44653
|
;// ../../../node_modules/@wix/design-system/dist/esm/InputWithOptions/HighlightContext.js
|
|
44653
44654
|
|
|
@@ -44655,7 +44656,7 @@ const HighlightContext = (0,external_React_.createContext)({
|
|
|
44655
44656
|
highlight: false,
|
|
44656
44657
|
match: '',
|
|
44657
44658
|
});
|
|
44658
|
-
|
|
44659
|
+
|
|
44659
44660
|
//# sourceMappingURL=HighlightContext.js.map
|
|
44660
44661
|
;// ../../../node_modules/@wix/design-system/dist/esm/ListItemSelect/ListItemSelect.constants.js
|
|
44661
44662
|
const DATA_HOOK = {
|
|
@@ -44678,7 +44679,7 @@ const ListItemSelect_constants_SIZE = {
|
|
|
44678
44679
|
|
|
44679
44680
|
|
|
44680
44681
|
|
|
44681
|
-
var breakpoints_st_css_namespace_ = "
|
|
44682
|
+
var breakpoints_st_css_namespace_ = "wds_1_312_0_breakpoints";
|
|
44682
44683
|
var breakpoints_st_css_style_ = classesRuntime.bind(null, breakpoints_st_css_namespace_);
|
|
44683
44684
|
|
|
44684
44685
|
var breakpoints_st_css_cssStates = statesRuntime.bind(null, breakpoints_st_css_namespace_);
|
|
@@ -44686,7 +44687,7 @@ var breakpoints_st_css_style = (/* unused pure expression or super */ null && (b
|
|
|
44686
44687
|
var breakpoints_st_css_st = (/* unused pure expression or super */ null && (breakpoints_st_css_style_));
|
|
44687
44688
|
|
|
44688
44689
|
var breakpoints_st_css_namespace = (/* unused pure expression or super */ null && (breakpoints_st_css_namespace_));
|
|
44689
|
-
var breakpoints_st_css_classes = {"root":"
|
|
44690
|
+
var breakpoints_st_css_classes = {"root":"wds_1_312_0_breakpoints__root"};
|
|
44690
44691
|
var breakpoints_st_css_keyframes = {};
|
|
44691
44692
|
var breakpoints_st_css_layers = {};
|
|
44692
44693
|
var breakpoints_st_css_containers = {};
|
|
@@ -44710,7 +44711,7 @@ var breakpoints_st_css_vars = {};
|
|
|
44710
44711
|
|
|
44711
44712
|
|
|
44712
44713
|
|
|
44713
|
-
var ListItemSelect_st_css_namespace_ = "
|
|
44714
|
+
var ListItemSelect_st_css_namespace_ = "wds_1_312_0_ListItemSelect";
|
|
44714
44715
|
var ListItemSelect_st_css_style_ = classesRuntime.bind(null, ListItemSelect_st_css_namespace_);
|
|
44715
44716
|
|
|
44716
44717
|
var ListItemSelect_st_css_cssStates = statesRuntime.bind(null, ListItemSelect_st_css_namespace_);
|
|
@@ -44718,7 +44719,7 @@ var ListItemSelect_st_css_style = (/* unused pure expression or super */ null &&
|
|
|
44718
44719
|
var ListItemSelect_st_css_st = ListItemSelect_st_css_style_;
|
|
44719
44720
|
|
|
44720
44721
|
var ListItemSelect_st_css_namespace = (/* unused pure expression or super */ null && (ListItemSelect_st_css_namespace_));
|
|
44721
|
-
var ListItemSelect_st_css_classes = {"root":"
|
|
44722
|
+
var ListItemSelect_st_css_classes = {"root":"wds_1_312_0_ListItemSelect__root","mobile":"wds_1_312_0_WixDesignSystemProvider__mobile","element":"wds_1_312_0_Popover__element","fullWidthContent":"wds_1_312_0_ListItemSelect__fullWidthContent","textsWrapper":"wds_1_312_0_ListItemSelect__textsWrapper","titleWrapper":"wds_1_312_0_ListItemSelect__titleWrapper","title":"wds_1_312_0_ListItemSelect__title","titleOverrideWrapper":"wds_1_312_0_ListItemSelect__titleOverrideWrapper","subtitleOverrideWrapper":"wds_1_312_0_ListItemSelect__subtitleOverrideWrapper","subtitle":"wds_1_312_0_ListItemSelect__subtitle","prefix":"wds_1_312_0_ListItemSelect__prefix","suffix":"wds_1_312_0_ListItemSelect__suffix"};
|
|
44722
44723
|
var ListItemSelect_st_css_keyframes = {};
|
|
44723
44724
|
var ListItemSelect_st_css_layers = {};
|
|
44724
44725
|
var ListItemSelect_st_css_containers = {};
|
|
@@ -44733,7 +44734,7 @@ var ListItemSelect_st_css_vars = {"wsr-text-font-size-small":"--wsr-text-font-si
|
|
|
44733
44734
|
const ListItemSelect_semanticClassNames_semanticClassNames = {
|
|
44734
44735
|
container: 'list-item-select__container',
|
|
44735
44736
|
};
|
|
44736
|
-
|
|
44737
|
+
|
|
44737
44738
|
//# sourceMappingURL=ListItemSelect.semanticClassNames.js.map
|
|
44738
44739
|
;// ../../../node_modules/@wix/design-system/dist/esm/ListItemSelect/ListItemSelect.js
|
|
44739
44740
|
|
|
@@ -44748,9 +44749,9 @@ const ListItemSelect_semanticClassNames_semanticClassNames = {
|
|
|
44748
44749
|
|
|
44749
44750
|
|
|
44750
44751
|
const ListItemSelect = ({ checkbox = false, selected = false, highlighted, ellipsis = false, size = ListItemSelect_constants_SIZE.medium, dataHook = 'list-item-select', className, disabled, disabledDescription, disabledDescriptionTooltipProps, onClick, prefix, suffix, title, subtitle, tooltipProps, titleMaxLines, subtitleMaxLines, }) => {
|
|
44751
|
-
const { highlight, match } = (0,external_React_.useContext)(
|
|
44752
|
-
const WrapperComponent = checkbox ?
|
|
44753
|
-
const HighlightWrapper = highlight ?
|
|
44752
|
+
const { highlight, match } = (0,external_React_.useContext)(HighlightContext);
|
|
44753
|
+
const WrapperComponent = checkbox ? WrappedCheckbox : (external_React_default()).Fragment;
|
|
44754
|
+
const HighlightWrapper = highlight ? Highlighter : (external_React_default()).Fragment;
|
|
44754
44755
|
const wrapperComponentProps = checkbox
|
|
44755
44756
|
? {
|
|
44756
44757
|
dataHook: DATA_HOOK.CHECKBOX,
|
|
@@ -44788,10 +44789,10 @@ const ListItemSelect = ({ checkbox = false, selected = false, highlighted, ellip
|
|
|
44788
44789
|
size,
|
|
44789
44790
|
hoverHighlightDisabled: highlighted === false,
|
|
44790
44791
|
withPrefix: !!prefix,
|
|
44791
|
-
}, className,
|
|
44792
|
+
}, className, ListItemSelect_semanticClassNames_semanticClassNames.container), "data-hook": dataHook, "data-selected": selected, "aria-disabled": disabled, "aria-selected": selected, onClick: !disabled ? onClick : undefined },
|
|
44792
44793
|
external_React_default().createElement(WrapperComponent, { ...wrapperComponentProps },
|
|
44793
|
-
external_React_default().createElement(
|
|
44794
|
-
prefix && (external_React_default().createElement(
|
|
44794
|
+
external_React_default().createElement(Box, { width: "100%", verticalAlign: "middle", className: ListItemSelect_st_css_classes.textsWrapper },
|
|
44795
|
+
prefix && (external_React_default().createElement(TextWithEllipsis, { className: ListItemSelect_st_css_st(ListItemSelect_st_css_classes.prefix, {
|
|
44795
44796
|
subtitle: Boolean(subtitle),
|
|
44796
44797
|
}), dataHook: DATA_HOOK.PREFIX, ...textProps, ellipsis: false }, prefix)),
|
|
44797
44798
|
external_React_default().createElement("div", { className: ListItemSelect_st_css_st(ListItemSelect_st_css_classes.titleWrapper, {
|
|
@@ -44799,19 +44800,19 @@ const ListItemSelect = ({ checkbox = false, selected = false, highlighted, ellip
|
|
|
44799
44800
|
}) },
|
|
44800
44801
|
external_React_default().createElement("div", { className: ListItemSelect_st_css_classes.titleOverrideWrapper },
|
|
44801
44802
|
external_React_default().createElement(HighlightWrapper, { ...highlightWrapperProps },
|
|
44802
|
-
external_React_default().createElement(
|
|
44803
|
+
external_React_default().createElement(TextWithEllipsis, { className: ListItemSelect_st_css_classes.title, dataHook: DATA_HOOK.TITLE, ...textProps }, title))),
|
|
44803
44804
|
subtitle && (external_React_default().createElement("div", { className: ListItemSelect_st_css_classes.subtitleOverrideWrapper },
|
|
44804
|
-
external_React_default().createElement(
|
|
44805
|
-
suffix && (external_React_default().createElement(
|
|
44805
|
+
external_React_default().createElement(TextWithEllipsis, { className: ListItemSelect_st_css_classes.subtitle, dataHook: DATA_HOOK.SUBTITLE, secondary: true, ...secondaryTextProps, size: ListItemSelect_constants_SIZE.small }, subtitle)))),
|
|
44806
|
+
suffix && (external_React_default().createElement(TextWithEllipsis, { dataHook: DATA_HOOK.SUFFIX, className: ListItemSelect_st_css_classes.suffix, ...secondaryTextProps }, suffix)))),
|
|
44806
44807
|
isDisabledWithTooltip && (external_React_default().createElement("span", { id: descriptionId, hidden: true }, disabledDescription))));
|
|
44807
44808
|
}
|
|
44808
44809
|
if (isDisabledWithTooltip) {
|
|
44809
|
-
return (external_React_default().createElement(
|
|
44810
|
+
return (external_React_default().createElement(Tooltip, { ...disabledDescriptionTooltipProps, dataHook: DATA_HOOK.TOOLTIP, disabled: false, content: disabledDescription, enterDelay: 450, "aria-describedby": descriptionId }, renderComponent()));
|
|
44810
44811
|
}
|
|
44811
44812
|
return renderComponent();
|
|
44812
44813
|
};
|
|
44813
44814
|
ListItemSelect.displayName = 'ListItemSelect';
|
|
44814
|
-
|
|
44815
|
+
|
|
44815
44816
|
const listItemSelectBuilder = ({ id, className, checkbox, prefix, title, label, subtitle, suffix, disabled, disabledDescription, disabledDescriptionTooltipProps, size, ellipsis, dataHook, tooltipProps, titleMaxLines, subtitleMaxLines, }) => ({
|
|
44816
44817
|
id,
|
|
44817
44818
|
disabled,
|
|
@@ -44837,7 +44838,7 @@ var sortBy_default = /*#__PURE__*/__webpack_require__.n(sortBy);
|
|
|
44837
44838
|
|
|
44838
44839
|
|
|
44839
44840
|
|
|
44840
|
-
var border_st_css_namespace_ = "
|
|
44841
|
+
var border_st_css_namespace_ = "wds_1_312_0_border";
|
|
44841
44842
|
var border_st_css_style_ = classesRuntime.bind(null, border_st_css_namespace_);
|
|
44842
44843
|
|
|
44843
44844
|
var border_st_css_cssStates = statesRuntime.bind(null, border_st_css_namespace_);
|
|
@@ -44845,7 +44846,7 @@ var border_st_css_style = (/* unused pure expression or super */ null && (border
|
|
|
44845
44846
|
var border_st_css_st = (/* unused pure expression or super */ null && (border_st_css_style_));
|
|
44846
44847
|
|
|
44847
44848
|
var border_st_css_namespace = (/* unused pure expression or super */ null && (border_st_css_namespace_));
|
|
44848
|
-
var border_st_css_classes = {"root":"
|
|
44849
|
+
var border_st_css_classes = {"root":"wds_1_312_0_border__root"};
|
|
44849
44850
|
var border_st_css_keyframes = {};
|
|
44850
44851
|
var border_st_css_layers = {};
|
|
44851
44852
|
var border_st_css_containers = {};
|
|
@@ -44868,7 +44869,7 @@ var border_st_css_vars = {"wsr-border-radius-02":"--wsr-border-radius-02","wsr-b
|
|
|
44868
44869
|
|
|
44869
44870
|
|
|
44870
44871
|
|
|
44871
|
-
var Input_st_css_namespace_ = "
|
|
44872
|
+
var Input_st_css_namespace_ = "wds_1_312_0_Input";
|
|
44872
44873
|
var Input_st_css_style_ = classesRuntime.bind(null, Input_st_css_namespace_);
|
|
44873
44874
|
|
|
44874
44875
|
var Input_st_css_cssStates = statesRuntime.bind(null, Input_st_css_namespace_);
|
|
@@ -44876,12 +44877,12 @@ var Input_st_css_style = (/* unused pure expression or super */ null && (Input_s
|
|
|
44876
44877
|
var Input_st_css_st = Input_st_css_style_;
|
|
44877
44878
|
|
|
44878
44879
|
var Input_st_css_namespace = (/* unused pure expression or super */ null && (Input_st_css_namespace_));
|
|
44879
|
-
var Input_st_css_classes = {"root":"
|
|
44880
|
+
var Input_st_css_classes = {"root":"wds_1_312_0_Input__root","text-tiny-thin":"wds_1_312_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_312_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_312_0_StylableTypography__text-medium-thin","wrapper":"wds_1_312_0_Input__wrapper","input":"wds_1_312_0_Input__input","input-inner-shadow-mixin":"wds_1_312_0_Input__input-inner-shadow-mixin","disabled":"wds_1_312_0_Input__disabled","readOnly":"wds_1_312_0_Input__readOnly","suffixes":"wds_1_312_0_Input__suffixes","suffix":"wds_1_312_0_Input__suffix","statusWrapper":"wds_1_312_0_Input__statusWrapper","clearButtonWrapper":"wds_1_312_0_Input__clearButtonWrapper","menuArrow":"wds_1_312_0_Input__menuArrow","clearButton":"wds_1_312_0_Input__clearButton"};
|
|
44880
44881
|
var Input_st_css_keyframes = {};
|
|
44881
44882
|
var Input_st_css_layers = {};
|
|
44882
44883
|
var Input_st_css_containers = {};
|
|
44883
44884
|
var Input_st_css_stVars = {"borderWidth":"1px"};
|
|
44884
|
-
var Input_st_css_vars = {"wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-destructive-secondary-hover":"--wds-color-border-destructive-secondary-hover","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-border-warning-secondary-hover":"--wds-color-border-warning-secondary-hover","wds-color-border-standard-secondary-readonly":"--wds-color-border-standard-secondary-readonly","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-primary":"--wds-color-text-primary","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-input-background-fill-default":"--wds-input-background-fill-default","wds-input-background-fill-hover":"--wds-input-background-fill-hover","wds-input-background-fill-disabled":"--wds-input-background-fill-disabled","wds-input-background-fill-readonly":"--wds-input-background-fill-readonly","wds-input-border-color":"--wds-input-border-color","wds-input-border-color-hover":"--wds-input-border-color-hover","wds-input-border-color-disabled":"--wds-input-border-color-disabled","wds-input-border-color-focus":"--wds-input-border-color-focus","wds-input-border-radius-default-tiny":"--wds-input-border-radius-default-tiny","wds-input-border-radius-default-small":"--wds-input-border-radius-default-small","wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-border-radius-default-large":"--wds-input-border-radius-default-large","wds-input-border-radius-round-tiny":"--wds-input-border-radius-round-tiny","wds-input-border-radius-round-small":"--wds-input-border-radius-round-small","wds-input-border-radius-round-medium":"--wds-input-border-radius-round-medium","wds-input-border-radius-round-large":"--wds-input-border-radius-round-large","wds-input-padding-horizontal-large":"--wds-input-padding-horizontal-large","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-horizontal-small":"--wds-input-padding-horizontal-small","wds-input-padding-horizontal-tiny":"--wds-input-padding-horizontal-tiny","wds-input-padding-vertical-large":"--wds-input-padding-vertical-large","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-padding-vertical-small":"--wds-input-padding-vertical-small","wds-input-padding-vertical-tiny":"--wds-input-padding-vertical-tiny","wds-input-size-large":"--wds-input-size-large","wds-input-size-medium":"--wds-input-size-medium","wds-input-size-small":"--wds-input-size-small","wds-input-size-tiny":"--wds-input-size-tiny","wds-input-value-font-line-height-tiny":"--wds-input-value-font-line-height-tiny","wds-input-value-font-line-height-small":"--wds-input-value-font-line-height-small","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-input-value-font-line-height-large":"--wds-input-value-font-line-height-large","wds-input-value-font-size-tiny":"--wds-input-value-font-size-tiny","wds-input-value-font-size-small":"--wds-input-value-font-size-small","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-size-large":"--wds-input-value-font-size-large","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-space-50":"--wds-space-50","wds-space-100":"--wds-space-100","wds-dropdown-icon-fill":"--wds-dropdown-icon-fill","wds-color-text-highlight":"--wds-color-text-highlight","wds-dropdown-icon-fill-disabled":"--wds-dropdown-icon-fill-disabled","wds-shadow-x-input":"--wds-shadow-x-input","wds-shadow-y-input":"--wds-shadow-y-input","wds-shadow-blur-input":"--wds-shadow-blur-input","wds-shadow-fill-input":"--wds-shadow-fill-input","border-color-hover":"--
|
|
44885
|
+
var Input_st_css_vars = {"wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-destructive-secondary-hover":"--wds-color-border-destructive-secondary-hover","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-border-warning-secondary-hover":"--wds-color-border-warning-secondary-hover","wds-color-border-standard-secondary-readonly":"--wds-color-border-standard-secondary-readonly","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-primary":"--wds-color-text-primary","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-input-background-fill-default":"--wds-input-background-fill-default","wds-input-background-fill-hover":"--wds-input-background-fill-hover","wds-input-background-fill-disabled":"--wds-input-background-fill-disabled","wds-input-background-fill-readonly":"--wds-input-background-fill-readonly","wds-input-border-color":"--wds-input-border-color","wds-input-border-color-hover":"--wds-input-border-color-hover","wds-input-border-color-disabled":"--wds-input-border-color-disabled","wds-input-border-color-focus":"--wds-input-border-color-focus","wds-input-border-radius-default-tiny":"--wds-input-border-radius-default-tiny","wds-input-border-radius-default-small":"--wds-input-border-radius-default-small","wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-border-radius-default-large":"--wds-input-border-radius-default-large","wds-input-border-radius-round-tiny":"--wds-input-border-radius-round-tiny","wds-input-border-radius-round-small":"--wds-input-border-radius-round-small","wds-input-border-radius-round-medium":"--wds-input-border-radius-round-medium","wds-input-border-radius-round-large":"--wds-input-border-radius-round-large","wds-input-padding-horizontal-large":"--wds-input-padding-horizontal-large","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-horizontal-small":"--wds-input-padding-horizontal-small","wds-input-padding-horizontal-tiny":"--wds-input-padding-horizontal-tiny","wds-input-padding-vertical-large":"--wds-input-padding-vertical-large","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-padding-vertical-small":"--wds-input-padding-vertical-small","wds-input-padding-vertical-tiny":"--wds-input-padding-vertical-tiny","wds-input-size-large":"--wds-input-size-large","wds-input-size-medium":"--wds-input-size-medium","wds-input-size-small":"--wds-input-size-small","wds-input-size-tiny":"--wds-input-size-tiny","wds-input-value-font-line-height-tiny":"--wds-input-value-font-line-height-tiny","wds-input-value-font-line-height-small":"--wds-input-value-font-line-height-small","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-input-value-font-line-height-large":"--wds-input-value-font-line-height-large","wds-input-value-font-size-tiny":"--wds-input-value-font-size-tiny","wds-input-value-font-size-small":"--wds-input-value-font-size-small","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-size-large":"--wds-input-value-font-size-large","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-space-50":"--wds-space-50","wds-space-100":"--wds-space-100","wds-dropdown-icon-fill":"--wds-dropdown-icon-fill","wds-color-text-highlight":"--wds-color-text-highlight","wds-dropdown-icon-fill-disabled":"--wds-dropdown-icon-fill-disabled","wds-shadow-x-input":"--wds-shadow-x-input","wds-shadow-y-input":"--wds-shadow-y-input","wds-shadow-blur-input":"--wds-shadow-blur-input","wds-shadow-fill-input":"--wds-shadow-fill-input","border-color-hover":"--wds_1_312_0_Input-border-color-hover","border-color-hover-destructive":"--wds_1_312_0_Input-border-color-hover-destructive","border-color-hover-warning":"--wds_1_312_0_Input-border-color-hover-warning","input-background":"--wds_1_312_0_Input-input-background"};
|
|
44885
44886
|
|
|
44886
44887
|
|
|
44887
44888
|
|
|
@@ -44957,7 +44958,7 @@ var FormFieldSpinnerDown_default = FormFieldSpinnerDown;
|
|
|
44957
44958
|
|
|
44958
44959
|
|
|
44959
44960
|
|
|
44960
|
-
var Ticker_st_css_namespace_ = "
|
|
44961
|
+
var Ticker_st_css_namespace_ = "wds_1_312_0_Ticker";
|
|
44961
44962
|
var Ticker_st_css_style_ = classesRuntime.bind(null, Ticker_st_css_namespace_);
|
|
44962
44963
|
|
|
44963
44964
|
var Ticker_st_css_cssStates = statesRuntime.bind(null, Ticker_st_css_namespace_);
|
|
@@ -44965,7 +44966,7 @@ var Ticker_st_css_style = (/* unused pure expression or super */ null && (Ticker
|
|
|
44965
44966
|
var Ticker_st_css_st = Ticker_st_css_style_;
|
|
44966
44967
|
|
|
44967
44968
|
var Ticker_st_css_namespace = (/* unused pure expression or super */ null && (Ticker_st_css_namespace_));
|
|
44968
|
-
var Ticker_st_css_classes = {"root":"
|
|
44969
|
+
var Ticker_st_css_classes = {"root":"wds_1_312_0_Ticker__root","up":"wds_1_312_0_Ticker__up","down":"wds_1_312_0_Ticker__down"};
|
|
44969
44970
|
var Ticker_st_css_keyframes = {};
|
|
44970
44971
|
var Ticker_st_css_layers = {};
|
|
44971
44972
|
var Ticker_st_css_containers = {};
|
|
@@ -45015,7 +45016,7 @@ const Ticker = ({ onUp, onDown, upDisabled, downDisabled, onMouseDown, dataHook,
|
|
|
45015
45016
|
external_React_default().createElement(FormFieldSpinnerDown_default, null))));
|
|
45016
45017
|
}));
|
|
45017
45018
|
Ticker.displayName = 'Input.Ticker';
|
|
45018
|
-
|
|
45019
|
+
|
|
45019
45020
|
//# sourceMappingURL=Ticker.js.map
|
|
45020
45021
|
;// ../../../node_modules/@wix/design-system/dist/esm/Input/components/IconAffix/IconAffix.st.css.js
|
|
45021
45022
|
|
|
@@ -45025,7 +45026,7 @@ Ticker.displayName = 'Input.Ticker';
|
|
|
45025
45026
|
|
|
45026
45027
|
|
|
45027
45028
|
|
|
45028
|
-
var IconAffix_st_css_namespace_ = "
|
|
45029
|
+
var IconAffix_st_css_namespace_ = "wds_1_312_0_IconAffix";
|
|
45029
45030
|
var IconAffix_st_css_style_ = classesRuntime.bind(null, IconAffix_st_css_namespace_);
|
|
45030
45031
|
|
|
45031
45032
|
var IconAffix_st_css_cssStates = statesRuntime.bind(null, IconAffix_st_css_namespace_);
|
|
@@ -45033,7 +45034,7 @@ var IconAffix_st_css_style = (/* unused pure expression or super */ null && (Ico
|
|
|
45033
45034
|
var IconAffix_st_css_st = IconAffix_st_css_style_;
|
|
45034
45035
|
|
|
45035
45036
|
var IconAffix_st_css_namespace = (/* unused pure expression or super */ null && (IconAffix_st_css_namespace_));
|
|
45036
|
-
var IconAffix_st_css_classes = {"root":"
|
|
45037
|
+
var IconAffix_st_css_classes = {"root":"wds_1_312_0_IconAffix__root"};
|
|
45037
45038
|
var IconAffix_st_css_keyframes = {};
|
|
45038
45039
|
var IconAffix_st_css_layers = {};
|
|
45039
45040
|
var IconAffix_st_css_containers = {};
|
|
@@ -45058,7 +45059,7 @@ const IconAffix = ({ children, dataHook, }) => (external_React_default().createE
|
|
|
45058
45059
|
size: size === 'tiny' || size === 'small' ? '18px' : '24px',
|
|
45059
45060
|
})))));
|
|
45060
45061
|
IconAffix.displayName = 'Input.IconAffix';
|
|
45061
|
-
|
|
45062
|
+
|
|
45062
45063
|
//# sourceMappingURL=IconAffix.js.map
|
|
45063
45064
|
;// ../../../node_modules/@wix/design-system/dist/esm/Input/components/Affix/Affix.st.css.js
|
|
45064
45065
|
|
|
@@ -45069,7 +45070,7 @@ IconAffix.displayName = 'Input.IconAffix';
|
|
|
45069
45070
|
|
|
45070
45071
|
|
|
45071
45072
|
|
|
45072
|
-
var Affix_st_css_namespace_ = "
|
|
45073
|
+
var Affix_st_css_namespace_ = "wds_1_312_0_Affix";
|
|
45073
45074
|
var Affix_st_css_style_ = classesRuntime.bind(null, Affix_st_css_namespace_);
|
|
45074
45075
|
|
|
45075
45076
|
var Affix_st_css_cssStates = statesRuntime.bind(null, Affix_st_css_namespace_);
|
|
@@ -45077,7 +45078,7 @@ var Affix_st_css_style = (/* unused pure expression or super */ null && (Affix_s
|
|
|
45077
45078
|
var Affix_st_css_st = Affix_st_css_style_;
|
|
45078
45079
|
|
|
45079
45080
|
var Affix_st_css_namespace = (/* unused pure expression or super */ null && (Affix_st_css_namespace_));
|
|
45080
|
-
var Affix_st_css_classes = {"root":"
|
|
45081
|
+
var Affix_st_css_classes = {"root":"wds_1_312_0_Affix__root","text-tiny-thin":"wds_1_312_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_312_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_312_0_StylableTypography__text-medium-thin"};
|
|
45081
45082
|
var Affix_st_css_keyframes = {};
|
|
45082
45083
|
var Affix_st_css_layers = {};
|
|
45083
45084
|
var Affix_st_css_containers = {};
|
|
@@ -45100,7 +45101,7 @@ const Affix = ({ children, value, }) => (external_React_default().createElement(
|
|
|
45100
45101
|
disabled,
|
|
45101
45102
|
}), onClick: onInputClicked, "data-hook": "custom-affix" }, value || children))));
|
|
45102
45103
|
Affix.displayName = 'Input.Affix';
|
|
45103
|
-
|
|
45104
|
+
|
|
45104
45105
|
//# sourceMappingURL=Affix.js.map
|
|
45105
45106
|
;// ../../../node_modules/@wix/design-system/dist/esm/Input/components/Group/Group.st.css.js
|
|
45106
45107
|
|
|
@@ -45109,7 +45110,7 @@ Affix.displayName = 'Input.Affix';
|
|
|
45109
45110
|
|
|
45110
45111
|
|
|
45111
45112
|
|
|
45112
|
-
var Group_st_css_namespace_ = "
|
|
45113
|
+
var Group_st_css_namespace_ = "wds_1_312_0_Group";
|
|
45113
45114
|
var Group_st_css_style_ = classesRuntime.bind(null, Group_st_css_namespace_);
|
|
45114
45115
|
|
|
45115
45116
|
var Group_st_css_cssStates = statesRuntime.bind(null, Group_st_css_namespace_);
|
|
@@ -45117,7 +45118,7 @@ var Group_st_css_style = (/* unused pure expression or super */ null && (Group_s
|
|
|
45117
45118
|
var Group_st_css_st = (/* unused pure expression or super */ null && (Group_st_css_style_));
|
|
45118
45119
|
|
|
45119
45120
|
var Group_st_css_namespace = (/* unused pure expression or super */ null && (Group_st_css_namespace_));
|
|
45120
|
-
var Group_st_css_classes = {"root":"
|
|
45121
|
+
var Group_st_css_classes = {"root":"wds_1_312_0_Group__root"};
|
|
45121
45122
|
var Group_st_css_keyframes = {};
|
|
45122
45123
|
var Group_st_css_layers = {};
|
|
45123
45124
|
var Group_st_css_containers = {};
|
|
@@ -45134,7 +45135,7 @@ var Group_st_css_vars = {};
|
|
|
45134
45135
|
|
|
45135
45136
|
const Group = ({ children }) => (external_React_default().createElement(InputConsumer, { consumerCompName: Group.displayName }, () => external_React_default().createElement("div", { className: Group_st_css_classes.root }, children)));
|
|
45136
45137
|
Group.displayName = 'Input.Group';
|
|
45137
|
-
|
|
45138
|
+
|
|
45138
45139
|
//# sourceMappingURL=Group.js.map
|
|
45139
45140
|
;// ../../../node_modules/@wix/design-system/dist/esm/FormField/StatusContext.js
|
|
45140
45141
|
|
|
@@ -45213,7 +45214,7 @@ var DropDownArrow_default = DropDownArrow;
|
|
|
45213
45214
|
|
|
45214
45215
|
|
|
45215
45216
|
|
|
45216
|
-
var StatusIndicator_st_css_namespace_ = "
|
|
45217
|
+
var StatusIndicator_st_css_namespace_ = "wds_1_312_0_StatusIndicator";
|
|
45217
45218
|
var StatusIndicator_st_css_style_ = classesRuntime.bind(null, StatusIndicator_st_css_namespace_);
|
|
45218
45219
|
|
|
45219
45220
|
var StatusIndicator_st_css_cssStates = statesRuntime.bind(null, StatusIndicator_st_css_namespace_);
|
|
@@ -45221,7 +45222,7 @@ var StatusIndicator_st_css_style = (/* unused pure expression or super */ null &
|
|
|
45221
45222
|
var StatusIndicator_st_css_st = StatusIndicator_st_css_style_;
|
|
45222
45223
|
|
|
45223
45224
|
var StatusIndicator_st_css_namespace = (/* unused pure expression or super */ null && (StatusIndicator_st_css_namespace_));
|
|
45224
|
-
var StatusIndicator_st_css_classes = {"root":"
|
|
45225
|
+
var StatusIndicator_st_css_classes = {"root":"wds_1_312_0_StatusIndicator__root","iconWrapper":"wds_1_312_0_StatusIndicator__iconWrapper"};
|
|
45225
45226
|
var StatusIndicator_st_css_keyframes = {};
|
|
45226
45227
|
var StatusIndicator_st_css_layers = {};
|
|
45227
45228
|
var StatusIndicator_st_css_containers = {};
|
|
@@ -45264,14 +45265,14 @@ var FormFieldErrorFilled_default = FormFieldErrorFilled;
|
|
|
45264
45265
|
const statusToIconMap = {
|
|
45265
45266
|
success: external_React_default().createElement(FormFieldSuccessFilled_default, null),
|
|
45266
45267
|
warning: external_React_default().createElement(FormFieldWarningFilled_default, null),
|
|
45267
|
-
loading: external_React_default().createElement(
|
|
45268
|
+
loading: external_React_default().createElement(Loader, { size: "tiny" }),
|
|
45268
45269
|
error: external_React_default().createElement(FormFieldErrorFilled_default, null),
|
|
45269
45270
|
};
|
|
45270
45271
|
const StatusIndicator = (props) => {
|
|
45271
45272
|
const { dataHook, status = STATUS.ERROR, message, tooltipPlacement = TOOLTIP_PLACEMENT.TOP, className, tooltipProps, } = props;
|
|
45272
45273
|
(0,external_React_.useEffect)(() => {
|
|
45273
45274
|
if ('tooltipPlacement' in props) {
|
|
45274
|
-
|
|
45275
|
+
deprecationLog_deprecationLog('<StatusIndicator/> - prop "tooltipPlacement" is deprecated and will be removed in next major release, please use "tooltipProps" instead.');
|
|
45275
45276
|
}
|
|
45276
45277
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
45277
45278
|
}, []);
|
|
@@ -45282,10 +45283,10 @@ const StatusIndicator = (props) => {
|
|
|
45282
45283
|
}
|
|
45283
45284
|
return icon;
|
|
45284
45285
|
};
|
|
45285
|
-
return (external_React_default().createElement("div", { className: StatusIndicator_st_css_st(StatusIndicator_st_css_classes.root, { status }, className), "data-hook": dataHook, "data-status": status }, message ? (external_React_default().createElement(
|
|
45286
|
+
return (external_React_default().createElement("div", { className: StatusIndicator_st_css_st(StatusIndicator_st_css_classes.root, { status }, className), "data-hook": dataHook, "data-status": status }, message ? (external_React_default().createElement(Tooltip, { dataHook: StatusIndicator_constants_dataHooks.tooltip, appendTo: "window", placement: tooltipPlacement, exitDelay: 100, content: message, maxWidth: 250, ...tooltipProps }, renderIcon())) : (icon)));
|
|
45286
45287
|
};
|
|
45287
45288
|
StatusIndicator.displayName = 'StatusIndicator';
|
|
45288
|
-
|
|
45289
|
+
|
|
45289
45290
|
//# sourceMappingURL=StatusIndicator.js.map
|
|
45290
45291
|
;// ../../../node_modules/@wix/design-system/dist/esm/Input/components/Suffix/Suffix.js
|
|
45291
45292
|
|
|
@@ -45334,8 +45335,8 @@ const Suffix = ({ statusMessage, status, disabled, menuArrow, suffix, tooltipPla
|
|
|
45334
45335
|
[Input_constants_SIZES.medium]: 'medium',
|
|
45335
45336
|
[Input_constants_SIZES.large]: 'medium',
|
|
45336
45337
|
};
|
|
45337
|
-
const ClearButtonElement = (external_React_default().createElement(
|
|
45338
|
-
return (external_React_default().createElement("div", { className: Input_st_css_classes.clearButtonWrapper }, clearButtonTooltipContent ? (external_React_default().createElement(
|
|
45338
|
+
const ClearButtonElement = (external_React_default().createElement(CloseButton, { as: "button", className: Input_st_css_classes.clearButton, dataHook: Input_constants_dataHooks.clearButton, skin: "standardFilled", size: clearButtonSizeMap[size ?? Input_constants_SIZES.medium], onClick: handleClear, onKeyDown: handleKeyDown, "aria-label": clearButtonAriaLabel }));
|
|
45339
|
+
return (external_React_default().createElement("div", { className: Input_st_css_classes.clearButtonWrapper }, clearButtonTooltipContent ? (external_React_default().createElement(Tooltip, { ...clearButtonTooltipProps, content: clearButtonTooltipContent, dataHook: Input_constants_dataHooks.tooltip }, ClearButtonElement)) : (ClearButtonElement)));
|
|
45339
45340
|
}, [
|
|
45340
45341
|
isClearButtonVisible,
|
|
45341
45342
|
handleClear,
|
|
@@ -45350,7 +45351,7 @@ const Suffix = ({ statusMessage, status, disabled, menuArrow, suffix, tooltipPla
|
|
|
45350
45351
|
if (status !== 'error' && status !== 'warning')
|
|
45351
45352
|
return null;
|
|
45352
45353
|
return (external_React_default().createElement("div", { className: Input_st_css_classes.statusWrapper },
|
|
45353
|
-
external_React_default().createElement(
|
|
45354
|
+
external_React_default().createElement(StatusIndicator, { dataHook: Input_constants_dataHooks.status, status: status, message: statusMessage, tooltipProps: {
|
|
45354
45355
|
placement: tooltipPlacement,
|
|
45355
45356
|
...statusMessageTooltipProps,
|
|
45356
45357
|
} })));
|
|
@@ -45368,7 +45369,7 @@ const Suffix = ({ statusMessage, status, disabled, menuArrow, suffix, tooltipPla
|
|
|
45368
45369
|
if (statusContext.status !== 'loading' && status !== 'loading')
|
|
45369
45370
|
return null;
|
|
45370
45371
|
return (external_React_default().createElement("div", { className: Input_st_css_classes.statusWrapper },
|
|
45371
|
-
external_React_default().createElement(
|
|
45372
|
+
external_React_default().createElement(StatusIndicator, { dataHook: Input_constants_dataHooks.status, status: statusContext.status ?? status, message: statusMessage, tooltipProps: {
|
|
45372
45373
|
placement: tooltipPlacement,
|
|
45373
45374
|
...statusMessageTooltipProps,
|
|
45374
45375
|
} })));
|
|
@@ -45425,10 +45426,10 @@ const Suffix = ({ statusMessage, status, disabled, menuArrow, suffix, tooltipPla
|
|
|
45425
45426
|
|
|
45426
45427
|
|
|
45427
45428
|
|
|
45428
|
-
const
|
|
45429
|
+
const InputBase = (0,external_React_.forwardRef)((componentProps, ref) => {
|
|
45429
45430
|
const { input: inputPropsDefaults } = (0,external_React_.useContext)(WixStyleReactDefaultsOverrideContext);
|
|
45430
45431
|
const props = useDefaultProps('Input', componentProps);
|
|
45431
|
-
const { role, autoSelect = true, textOverflow = 'clip', size = inputPropsDefaults.size, hideStatusSuffix = false, clearButton = false, focusOnClearClick = true, border = 'standard', maxLength = 524288, autoFocus, onFocus, onBlur, value, customInput, min, max, step, inputRef, id, name, disabled, defaultValue, onChange, type, onKeyDown, onEnterPressed, onEscapePressed, onPaste, onCopy, placeholder, tabIndex, onInputClicked, onKeyUp, readOnly, disableEditing, required, autocomplete, onCompositionChange, pattern, prefix, suffix, className, status, statusMessage, onClear, menuArrow, rtl, dataHook, forceFocus, noRightBorderRadius, noLeftBorderRadius, forceHover, tooltipPlacement, clearButtonTooltipContent, clearButtonTooltipProps, clearButtonAriaLabel, statusMessageTooltipProps, ...rest } = props;
|
|
45432
|
+
const { role, autoSelect = true, textOverflow = 'clip', size = inputPropsDefaults.size, hideStatusSuffix = false, clearButton = false, focusOnClearClick = true, border = 'standard', backgroundColor, maxLength = 524288, autoFocus, onFocus, onBlur, value, customInput, min, max, step, inputRef, id, name, disabled, defaultValue, onChange, type, onKeyDown, onEnterPressed, onEscapePressed, onPaste, onCopy, placeholder, tabIndex, onInputClicked, onKeyUp, readOnly, disableEditing, required, autocomplete, onCompositionChange, pattern, prefix, suffix, className, status, statusMessage, onClear, menuArrow, rtl, dataHook, forceFocus, noRightBorderRadius, noLeftBorderRadius, forceHover, tooltipPlacement, clearButtonTooltipContent, clearButtonTooltipProps, clearButtonAriaLabel, statusMessageTooltipProps, ...rest } = props;
|
|
45432
45433
|
const isComposing = (0,external_React_.useRef)(false);
|
|
45433
45434
|
const localInputRef = (0,external_React_.useRef)(null);
|
|
45434
45435
|
const mergedInputRef = (0,external_React_.useMemo)(() => mergeRefs(localInputRef, inputRef), [inputRef]);
|
|
@@ -45476,7 +45477,7 @@ const Input = (0,external_React_.forwardRef)((componentProps, ref) => {
|
|
|
45476
45477
|
}));
|
|
45477
45478
|
(0,external_React_.useEffect)(() => {
|
|
45478
45479
|
if (typeof tooltipPlacement !== 'undefined') {
|
|
45479
|
-
|
|
45480
|
+
deprecationLog_deprecationLog('<Input/> - prop "tooltipPlacement" is deprecated and will be removed in next major release, please use "statusMessageTooltipProps" instead.');
|
|
45480
45481
|
}
|
|
45481
45482
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
45482
45483
|
}, []);
|
|
@@ -45588,23 +45589,23 @@ const Input = (0,external_React_.forwardRef)((componentProps, ref) => {
|
|
|
45588
45589
|
border,
|
|
45589
45590
|
noRightBorderRadius,
|
|
45590
45591
|
noLeftBorderRadius,
|
|
45591
|
-
}, className), dir: rtl ? 'rtl' : undefined, "data-hook": dataHook, ...dataAttributes },
|
|
45592
|
+
}, className), style: { [Input_st_css_vars['input-background']]: backgroundColor }, dir: rtl ? 'rtl' : undefined, "data-hook": dataHook, ...dataAttributes },
|
|
45592
45593
|
external_React_default().createElement("div", { className: Input_st_css_classes.wrapper },
|
|
45593
45594
|
prefix && (external_React_default().createElement(InputContext.Provider, { value: { ...props, size, inPrefix: true } }, prefix)),
|
|
45594
45595
|
inputElement,
|
|
45595
45596
|
external_React_default().createElement(InputContext.Provider, { value: { ...props, size, inSuffix: true } },
|
|
45596
45597
|
external_React_default().createElement(Suffix, { statusMessage: statusMessage, status: status, disabled: disabled, menuArrow: menuArrow, suffix: suffix, tooltipPlacement: tooltipPlacement, clearButtonTooltipContent: clearButtonTooltipContent, clearButtonTooltipProps: clearButtonTooltipProps, clearButtonAriaLabel: clearButtonAriaLabel, statusMessageTooltipProps: statusMessageTooltipProps, hideStatusSuffix: hideStatusSuffix, onClear: onClear, clearButton: clearButton, value: value, size: size, onInputClicked: onInputClicked, focusOnClearClick: focusOnClearClick, inputElementRef: localInputRef })))));
|
|
45597
45598
|
});
|
|
45598
|
-
|
|
45599
|
-
|
|
45600
|
-
Ticker:
|
|
45601
|
-
IconAffix:
|
|
45602
|
-
Affix:
|
|
45603
|
-
Group:
|
|
45599
|
+
InputBase.displayName = 'Input';
|
|
45600
|
+
const Input = Object.assign(InputBase, {
|
|
45601
|
+
Ticker: Ticker,
|
|
45602
|
+
IconAffix: IconAffix,
|
|
45603
|
+
Affix: Affix,
|
|
45604
|
+
Group: Group,
|
|
45604
45605
|
StatusError: STATUS.ERROR,
|
|
45605
45606
|
StatusWarning: STATUS.WARNING,
|
|
45606
45607
|
StatusLoading: STATUS.LOADING,
|
|
45607
|
-
})
|
|
45608
|
+
});
|
|
45608
45609
|
//# sourceMappingURL=Input.js.map
|
|
45609
45610
|
// EXTERNAL MODULE: ../../../node_modules/omit/index.js
|
|
45610
45611
|
var omit = __webpack_require__(5998);
|
|
@@ -45735,7 +45736,6 @@ InfiniteScroll.defaultProps = {
|
|
|
45735
45736
|
isReverse: false,
|
|
45736
45737
|
scrollElement: null,
|
|
45737
45738
|
};
|
|
45738
|
-
/* harmony default export */ const utils_InfiniteScroll = (InfiniteScroll);
|
|
45739
45739
|
//# sourceMappingURL=InfiniteScroll.js.map
|
|
45740
45740
|
;// ../../../node_modules/@wix/design-system/dist/esm/utils/scrollIntoView.js
|
|
45741
45741
|
// The following snippet has been modified from:
|
|
@@ -45797,7 +45797,7 @@ const DROPDOWN_LAYOUT_DIRECTIONS = {
|
|
|
45797
45797
|
|
|
45798
45798
|
|
|
45799
45799
|
|
|
45800
|
-
var DropdownLayout_st_css_namespace_ = "
|
|
45800
|
+
var DropdownLayout_st_css_namespace_ = "wds_1_312_0_DropdownLayout";
|
|
45801
45801
|
var DropdownLayout_st_css_style_ = classesRuntime.bind(null, DropdownLayout_st_css_namespace_);
|
|
45802
45802
|
|
|
45803
45803
|
var DropdownLayout_st_css_cssStates = statesRuntime.bind(null, DropdownLayout_st_css_namespace_);
|
|
@@ -45805,7 +45805,7 @@ var DropdownLayout_st_css_style = (/* unused pure expression or super */ null &&
|
|
|
45805
45805
|
var DropdownLayout_st_css_st = DropdownLayout_st_css_style_;
|
|
45806
45806
|
|
|
45807
45807
|
var DropdownLayout_st_css_namespace = (/* unused pure expression or super */ null && (DropdownLayout_st_css_namespace_));
|
|
45808
|
-
var DropdownLayout_st_css_classes = {"root":"
|
|
45808
|
+
var DropdownLayout_st_css_classes = {"root":"wds_1_312_0_DropdownLayout__root","text-medium-normal":"wds_1_312_0_StylableTypography__text-medium-normal","defaultScrollBar":"wds_1_312_0_defaultscrollbar__defaultScrollBar","contentContainer":"wds_1_312_0_DropdownLayout__contentContainer","options":"wds_1_312_0_DropdownLayout__options","optionsContent":"wds_1_312_0_DropdownLayout__optionsContent","option":"wds_1_312_0_DropdownLayout__option","selectableOption":"wds_1_312_0_DropdownLayout__selectableOption","arrow":"wds_1_312_0_DropdownLayout__arrow","loader":"wds_1_312_0_DropdownLayout__loader","linkItem":"wds_1_312_0_DropdownLayout__linkItem","dropdownOption":"wds_1_312_0_DropdownLayout__dropdownOption"};
|
|
45809
45809
|
var DropdownLayout_st_css_keyframes = {};
|
|
45810
45810
|
var DropdownLayout_st_css_layers = {};
|
|
45811
45811
|
var DropdownLayout_st_css_containers = {};
|
|
@@ -45871,7 +45871,7 @@ const ListItemSection_constants_TYPES = {
|
|
|
45871
45871
|
|
|
45872
45872
|
|
|
45873
45873
|
|
|
45874
|
-
var ListItemSection_st_css_namespace_ = "
|
|
45874
|
+
var ListItemSection_st_css_namespace_ = "wds_1_312_0_ListItemSection";
|
|
45875
45875
|
var ListItemSection_st_css_style_ = classesRuntime.bind(null, ListItemSection_st_css_namespace_);
|
|
45876
45876
|
|
|
45877
45877
|
var ListItemSection_st_css_cssStates = statesRuntime.bind(null, ListItemSection_st_css_namespace_);
|
|
@@ -45879,7 +45879,7 @@ var ListItemSection_st_css_style = (/* unused pure expression or super */ null &
|
|
|
45879
45879
|
var ListItemSection_st_css_st = ListItemSection_st_css_style_;
|
|
45880
45880
|
|
|
45881
45881
|
var ListItemSection_st_css_namespace = (/* unused pure expression or super */ null && (ListItemSection_st_css_namespace_));
|
|
45882
|
-
var ListItemSection_st_css_classes = {"root":"
|
|
45882
|
+
var ListItemSection_st_css_classes = {"root":"wds_1_312_0_ListItemSection__root","title":"wds_1_312_0_ListItemSection__title","titleWrapper":"wds_1_312_0_ListItemSection__titleWrapper","suffixWrapper":"wds_1_312_0_ListItemSection__suffixWrapper","suffix":"wds_1_312_0_ListItemSection__suffix"};
|
|
45883
45883
|
var ListItemSection_st_css_keyframes = {};
|
|
45884
45884
|
var ListItemSection_st_css_layers = {};
|
|
45885
45885
|
var ListItemSection_st_css_containers = {};
|
|
@@ -45902,7 +45902,7 @@ const ListItemSection = ({ type = ListItemSection_constants_TYPES.TITLE, ellipsi
|
|
|
45902
45902
|
const isSeparatorElement = type === ListItemSection_constants_TYPES.WHITESPACE || type === ListItemSection_constants_TYPES.DIVIDER;
|
|
45903
45903
|
const isSubheader = type === ListItemSection_constants_TYPES.SUBHEADER;
|
|
45904
45904
|
if (isSeparatorElement) {
|
|
45905
|
-
return (external_React_default().createElement("div", { className: ListItemSection_st_css_st(ListItemSection_st_css_classes.root, { [type]: true }), "data-hook": dataHook, onClick: e => e.stopPropagation() }, type === ListItemSection_constants_TYPES.DIVIDER && external_React_default().createElement(
|
|
45905
|
+
return (external_React_default().createElement("div", { className: ListItemSection_st_css_st(ListItemSection_st_css_classes.root, { [type]: true }), "data-hook": dataHook, onClick: e => e.stopPropagation() }, type === ListItemSection_constants_TYPES.DIVIDER && external_React_default().createElement(Divider_Divider, null)));
|
|
45906
45906
|
}
|
|
45907
45907
|
return (external_React_default().createElement("div", { className: ListItemSection_st_css_st(ListItemSection_st_css_classes.root, {
|
|
45908
45908
|
subheader: isSubheader,
|
|
@@ -45910,13 +45910,13 @@ const ListItemSection = ({ type = ListItemSection_constants_TYPES.TITLE, ellipsi
|
|
|
45910
45910
|
suffix: !!suffix,
|
|
45911
45911
|
}, className), "data-hook": dataHook },
|
|
45912
45912
|
external_React_default().createElement("div", { className: ListItemSection_st_css_classes.titleWrapper },
|
|
45913
|
-
external_React_default().createElement(
|
|
45913
|
+
external_React_default().createElement(TextWithEllipsis, { dataHook: ListItemSection_constants_dataHooks.TITLE, tagName: "div", size: "small", className: ListItemSection_st_css_classes.title, ellipsis: ellipsis, enterDelay: 300, weight: isSubheader ? WEIGHTS.normal : WEIGHTS.bold }, title)),
|
|
45914
45914
|
suffix && isString(suffix) && (external_React_default().createElement("div", { className: ListItemSection_st_css_classes.suffixWrapper },
|
|
45915
|
-
external_React_default().createElement(
|
|
45915
|
+
external_React_default().createElement(TextButtonWithDefaultProps, { ellipsis: ellipsis, dataHook: ListItemSection_constants_dataHooks.SUFFIX, size: "tiny", onClick: onClick, className: ListItemSection_st_css_classes.suffix }, suffix))),
|
|
45916
45916
|
suffix && !isString(suffix) && (external_React_default().createElement("div", { "data-hook": ListItemSection_constants_dataHooks.SUFFIX, className: ListItemSection_st_css_classes.suffixWrapper, onClick: onClick }, suffix))));
|
|
45917
45917
|
};
|
|
45918
45918
|
ListItemSection.displayName = 'ListItemSection';
|
|
45919
|
-
|
|
45919
|
+
|
|
45920
45920
|
const listItemSectionBuilder = ({ id, className, dataHook, type, title, suffix, ellipsis, }) => ({
|
|
45921
45921
|
id,
|
|
45922
45922
|
overrideOptionStyle: true,
|
|
@@ -47114,7 +47114,7 @@ const useFocusRing = () => {
|
|
|
47114
47114
|
|
|
47115
47115
|
|
|
47116
47116
|
|
|
47117
|
-
var ListItemAction_st_css_namespace_ = "
|
|
47117
|
+
var ListItemAction_st_css_namespace_ = "wds_1_312_0_ListItemAction";
|
|
47118
47118
|
var ListItemAction_st_css_style_ = classesRuntime.bind(null, ListItemAction_st_css_namespace_);
|
|
47119
47119
|
|
|
47120
47120
|
var ListItemAction_st_css_cssStates = statesRuntime.bind(null, ListItemAction_st_css_namespace_);
|
|
@@ -47122,7 +47122,7 @@ var ListItemAction_st_css_style = (/* unused pure expression or super */ null &&
|
|
|
47122
47122
|
var ListItemAction_st_css_st = ListItemAction_st_css_style_;
|
|
47123
47123
|
|
|
47124
47124
|
var ListItemAction_st_css_namespace = (/* unused pure expression or super */ null && (ListItemAction_st_css_namespace_));
|
|
47125
|
-
var ListItemAction_st_css_classes = {"root":"
|
|
47125
|
+
var ListItemAction_st_css_classes = {"root":"wds_1_312_0_ListItemAction__root","mobile":"wds_1_312_0_WixDesignSystemProvider__mobile","prefixIcon":"wds_1_312_0_ListItemAction__prefixIcon","textBox":"wds_1_312_0_ListItemAction__textBox","text":"wds_1_312_0_ListItemAction__text","subtitle":"wds_1_312_0_ListItemAction__subtitle","textOverrides":"wds_1_312_0_ListItemAction__textOverrides","subtitleOverrides":"wds_1_312_0_ListItemAction__subtitleOverrides","suffixBox":"wds_1_312_0_ListItemAction__suffixBox","suffix":"wds_1_312_0_ListItemAction__suffix","suffixIcon":"wds_1_312_0_ListItemAction__suffixIcon"};
|
|
47126
47126
|
var ListItemAction_st_css_keyframes = {};
|
|
47127
47127
|
var ListItemAction_st_css_layers = {};
|
|
47128
47128
|
var ListItemAction_st_css_containers = {};
|
|
@@ -47173,7 +47173,7 @@ const PrefixIcon = ({ prefixIcon, size, subtitle, }) => {
|
|
|
47173
47173
|
|
|
47174
47174
|
const Suffix_Suffix = ({ suffix, size, ellipsis, disabled, }) => {
|
|
47175
47175
|
return (external_React_default().createElement("div", { className: ListItemAction_st_css_st(ListItemAction_st_css_classes.textOverrides, { size }, ListItemAction_st_css_classes.suffixBox) },
|
|
47176
|
-
external_React_default().createElement(
|
|
47176
|
+
external_React_default().createElement(TextWithEllipsis, { className: ListItemAction_st_css_classes.suffix, dataHook: ListItemAction_constants_DATA_HOOK.suffix, secondary: true, size: size, light: !disabled, weight: "thin", skin: disabled ? 'disabled' : 'standard', ellipsis: ellipsis }, suffix)));
|
|
47177
47177
|
};
|
|
47178
47178
|
//# sourceMappingURL=Suffix.js.map
|
|
47179
47179
|
;// ../../../node_modules/@wix/design-system/dist/esm/ListItemAction/components/SuffixIcon/SuffixIcon.js
|
|
@@ -47196,9 +47196,9 @@ const Icon = ({ suffixIcon, size, subtitle, }) => {
|
|
|
47196
47196
|
const Title = ({ title, subtitle, size, ellipsis, disabled, tooltipModifiers, }) => {
|
|
47197
47197
|
return (external_React_default().createElement("div", { className: ListItemAction_st_css_classes.textBox },
|
|
47198
47198
|
external_React_default().createElement("div", { className: ListItemAction_st_css_st(ListItemAction_st_css_classes.textOverrides, { size }) },
|
|
47199
|
-
external_React_default().createElement(
|
|
47199
|
+
external_React_default().createElement(TextWithEllipsis, { className: ListItemAction_st_css_st(ListItemAction_st_css_classes.text), dataHook: ListItemAction_constants_DATA_HOOK.title, size: size, ellipsis: ellipsis, showTooltip: !disabled, weight: "thin", placement: "right", skin: disabled ? 'disabled' : 'standard', ...tooltipModifiers }, title)),
|
|
47200
47200
|
subtitle && (external_React_default().createElement("div", { className: ListItemAction_st_css_classes.subtitleOverrides },
|
|
47201
|
-
external_React_default().createElement(
|
|
47201
|
+
external_React_default().createElement(TextWithEllipsis, { className: ListItemAction_st_css_classes.subtitle, dataHook: ListItemAction_constants_DATA_HOOK.subtitle, secondary: true, size: "small", ellipsis: ellipsis, showTooltip: !disabled, weight: "thin", placement: "right", skin: disabled ? 'disabled' : 'standard', light: !disabled }, subtitle)))));
|
|
47202
47202
|
};
|
|
47203
47203
|
//# sourceMappingURL=Title.js.map
|
|
47204
47204
|
;// ../../../node_modules/@wix/design-system/dist/esm/ListItemAction/ListItemAction.js
|
|
@@ -47234,7 +47234,7 @@ const ListItemAction = (0,external_React_.forwardRef)((props, ref) => {
|
|
|
47234
47234
|
(0,external_React_.useImperativeHandle)(ref, () => ({ focus }), [focus]);
|
|
47235
47235
|
(0,external_React_.useEffect)(() => {
|
|
47236
47236
|
if (skin === SKIN.dark) {
|
|
47237
|
-
|
|
47237
|
+
deprecationLog_deprecationLog('<ListItemAction/> - skin="dark" is deprecated and will be removed in next major version, please use skin="standard" instead');
|
|
47238
47238
|
}
|
|
47239
47239
|
}, [skin]);
|
|
47240
47240
|
function renderComponent() {
|
|
@@ -47256,7 +47256,7 @@ const ListItemAction = (0,external_React_.forwardRef)((props, ref) => {
|
|
|
47256
47256
|
isDisabledWithTooltip && (external_React_default().createElement("span", { id: descriptionId, hidden: true }, disabledDescription))));
|
|
47257
47257
|
}
|
|
47258
47258
|
if (isDisabledWithTooltip) {
|
|
47259
|
-
return (external_React_default().createElement(
|
|
47259
|
+
return (external_React_default().createElement(Tooltip, { dataHook: ListItemAction_constants_DATA_HOOK.tooltip, disabled: false, content: disabledDescription, enterDelay: 450, "aria-describedby": descriptionId }, renderComponent()));
|
|
47260
47260
|
}
|
|
47261
47261
|
return renderComponent();
|
|
47262
47262
|
});
|
|
@@ -50131,7 +50131,7 @@ OverlayScrollbars.env = () => {
|
|
|
50131
50131
|
|
|
50132
50132
|
|
|
50133
50133
|
|
|
50134
|
-
var useOverlayScrollbar_initialization_st_css_namespace_ = "
|
|
50134
|
+
var useOverlayScrollbar_initialization_st_css_namespace_ = "wds_1_312_0_useOverlayScrollbarinitialization";
|
|
50135
50135
|
var useOverlayScrollbar_initialization_st_css_style_ = classesRuntime.bind(null, useOverlayScrollbar_initialization_st_css_namespace_);
|
|
50136
50136
|
|
|
50137
50137
|
var useOverlayScrollbar_initialization_st_css_cssStates = statesRuntime.bind(null, useOverlayScrollbar_initialization_st_css_namespace_);
|
|
@@ -50139,8 +50139,8 @@ var useOverlayScrollbar_initialization_st_css_style = (/* unused pure expression
|
|
|
50139
50139
|
var useOverlayScrollbar_initialization_st_css_st = (/* unused pure expression or super */ null && (useOverlayScrollbar_initialization_st_css_style_));
|
|
50140
50140
|
|
|
50141
50141
|
var useOverlayScrollbar_initialization_st_css_namespace = (/* unused pure expression or super */ null && (useOverlayScrollbar_initialization_st_css_namespace_));
|
|
50142
|
-
var useOverlayScrollbar_initialization_st_css_classes = {"root":"
|
|
50143
|
-
var useOverlayScrollbar_initialization_st_css_keyframes = {"os-size-observer-appear-animation":"
|
|
50142
|
+
var useOverlayScrollbar_initialization_st_css_classes = {"root":"wds_1_312_0_useOverlayScrollbarinitialization__root"};
|
|
50143
|
+
var useOverlayScrollbar_initialization_st_css_keyframes = {"os-size-observer-appear-animation":"wds_1_312_0_useOverlayScrollbarinitialization__os-size-observer-appear-animation"};
|
|
50144
50144
|
var useOverlayScrollbar_initialization_st_css_layers = {};
|
|
50145
50145
|
var useOverlayScrollbar_initialization_st_css_containers = {};
|
|
50146
50146
|
var useOverlayScrollbar_initialization_st_css_stVars = {};
|
|
@@ -50159,7 +50159,7 @@ var useOverlayScrollbar_initialization_st_css_vars = {"os-vaw":"--os-vaw","os-va
|
|
|
50159
50159
|
|
|
50160
50160
|
|
|
50161
50161
|
|
|
50162
|
-
var useOverlayScrollbar_st_css_namespace_ = "
|
|
50162
|
+
var useOverlayScrollbar_st_css_namespace_ = "wds_1_312_0_useOverlayScrollbar";
|
|
50163
50163
|
var useOverlayScrollbar_st_css_style_ = classesRuntime.bind(null, useOverlayScrollbar_st_css_namespace_);
|
|
50164
50164
|
|
|
50165
50165
|
var useOverlayScrollbar_st_css_cssStates = statesRuntime.bind(null, useOverlayScrollbar_st_css_namespace_);
|
|
@@ -50167,7 +50167,7 @@ var useOverlayScrollbar_st_css_style = (/* unused pure expression or super */ nu
|
|
|
50167
50167
|
var useOverlayScrollbar_st_css_st = useOverlayScrollbar_st_css_style_;
|
|
50168
50168
|
|
|
50169
50169
|
var useOverlayScrollbar_st_css_namespace = (/* unused pure expression or super */ null && (useOverlayScrollbar_st_css_namespace_));
|
|
50170
|
-
var useOverlayScrollbar_st_css_classes = {"root":"
|
|
50170
|
+
var useOverlayScrollbar_st_css_classes = {"root":"wds_1_312_0_useOverlayScrollbar__root"};
|
|
50171
50171
|
var useOverlayScrollbar_st_css_keyframes = {};
|
|
50172
50172
|
var useOverlayScrollbar_st_css_layers = {};
|
|
50173
50173
|
var useOverlayScrollbar_st_css_containers = {};
|
|
@@ -50749,8 +50749,8 @@ class DropdownLayout extends external_React_.PureComponent {
|
|
|
50749
50749
|
if (!this.optionsRef.current) {
|
|
50750
50750
|
this.loadedWithUndefinedOptions = true;
|
|
50751
50751
|
}
|
|
50752
|
-
return (external_React_default().createElement(
|
|
50753
|
-
external_React_default().createElement(
|
|
50752
|
+
return (external_React_default().createElement(InfiniteScroll, { useWindow: true, dataHook: DataAttr_DATA_HOOKS.INFINITE_SCROLL_CONTAINER, scrollElement: this.state.scrollElement, loadMore: this.props.loadMore, hasMore: this.props.hasMore, data: this.props.options, loader: external_React_default().createElement("div", { className: DropdownLayout_st_css_classes.loader },
|
|
50753
|
+
external_React_default().createElement(Loader, { dataHook: DROPDOWN_LAYOUT_LOADER, size: "small" })) }, scrollableElement));
|
|
50754
50754
|
};
|
|
50755
50755
|
/** for testing purposes only */
|
|
50756
50756
|
this._getDataAttributes = () => {
|
|
@@ -51223,7 +51223,8 @@ DropdownLayout.defaultProps = {
|
|
|
51223
51223
|
};
|
|
51224
51224
|
DropdownLayout.displayName = 'DropdownLayout';
|
|
51225
51225
|
DropdownLayout.NONE_SELECTED_ID = DropdownLayout_constants_NOT_HOVERED_INDEX;
|
|
51226
|
-
|
|
51226
|
+
const WrappedDropdownLayout = withOverlayScrollbar(DropdownLayout);
|
|
51227
|
+
|
|
51227
51228
|
//# sourceMappingURL=DropdownLayout.js.map
|
|
51228
51229
|
;// ../../../node_modules/@wix/design-system/dist/esm/PopoverNext/PopoverNext.st.css.js
|
|
51229
51230
|
|
|
@@ -51232,7 +51233,7 @@ DropdownLayout.NONE_SELECTED_ID = DropdownLayout_constants_NOT_HOVERED_INDEX;
|
|
|
51232
51233
|
|
|
51233
51234
|
|
|
51234
51235
|
|
|
51235
|
-
var PopoverNext_st_css_namespace_ = "
|
|
51236
|
+
var PopoverNext_st_css_namespace_ = "wds_1_312_0_PopoverNext";
|
|
51236
51237
|
var PopoverNext_st_css_style_ = classesRuntime.bind(null, PopoverNext_st_css_namespace_);
|
|
51237
51238
|
|
|
51238
51239
|
var PopoverNext_st_css_cssStates = statesRuntime.bind(null, PopoverNext_st_css_namespace_);
|
|
@@ -51240,7 +51241,7 @@ var PopoverNext_st_css_style = (/* unused pure expression or super */ null && (P
|
|
|
51240
51241
|
var PopoverNext_st_css_st = PopoverNext_st_css_style_;
|
|
51241
51242
|
|
|
51242
51243
|
var PopoverNext_st_css_namespace = (/* unused pure expression or super */ null && (PopoverNext_st_css_namespace_));
|
|
51243
|
-
var PopoverNext_st_css_classes = {"root":"
|
|
51244
|
+
var PopoverNext_st_css_classes = {"root":"wds_1_312_0_PopoverNext__root"};
|
|
51244
51245
|
var PopoverNext_st_css_keyframes = {};
|
|
51245
51246
|
var PopoverNext_st_css_layers = {};
|
|
51246
51247
|
var PopoverNext_st_css_containers = {};
|
|
@@ -51260,7 +51261,7 @@ var PopoverNext_st_css_vars = {};
|
|
|
51260
51261
|
|
|
51261
51262
|
|
|
51262
51263
|
|
|
51263
|
-
var InputWithOptions_st_css_namespace_ = "
|
|
51264
|
+
var InputWithOptions_st_css_namespace_ = "wds_1_312_0_InputWithOptions";
|
|
51264
51265
|
var InputWithOptions_st_css_style_ = classesRuntime.bind(null, InputWithOptions_st_css_namespace_);
|
|
51265
51266
|
|
|
51266
51267
|
var InputWithOptions_st_css_cssStates = statesRuntime.bind(null, InputWithOptions_st_css_namespace_);
|
|
@@ -51268,7 +51269,7 @@ var InputWithOptions_st_css_style = (/* unused pure expression or super */ null
|
|
|
51268
51269
|
var InputWithOptions_st_css_st = InputWithOptions_st_css_style_;
|
|
51269
51270
|
|
|
51270
51271
|
var InputWithOptions_st_css_namespace = (/* unused pure expression or super */ null && (InputWithOptions_st_css_namespace_));
|
|
51271
|
-
var InputWithOptions_st_css_classes = {"root":"
|
|
51272
|
+
var InputWithOptions_st_css_classes = {"root":"wds_1_312_0_InputWithOptions__root","nativeSelectWrapper":"wds_1_312_0_InputWithOptions__nativeSelectWrapper","nativeSelect":"wds_1_312_0_InputWithOptions__nativeSelect","dropdownLayout":"wds_1_312_0_InputWithOptions__dropdownLayout","drawerContent":"wds_1_312_0_InputWithOptions__drawerContent","emptyContent":"wds_1_312_0_InputWithOptions__emptyContent"};
|
|
51272
51273
|
var InputWithOptions_st_css_keyframes = {};
|
|
51273
51274
|
var InputWithOptions_st_css_layers = {};
|
|
51274
51275
|
var InputWithOptions_st_css_containers = {};
|
|
@@ -51301,7 +51302,7 @@ const usePopoverNextContext = () => {
|
|
|
51301
51302
|
|
|
51302
51303
|
|
|
51303
51304
|
|
|
51304
|
-
var Trigger_st_css_namespace_ = "
|
|
51305
|
+
var Trigger_st_css_namespace_ = "wds_1_312_0_PopoverNextTrigger";
|
|
51305
51306
|
var Trigger_st_css_style_ = classesRuntime.bind(null, Trigger_st_css_namespace_);
|
|
51306
51307
|
|
|
51307
51308
|
var Trigger_st_css_cssStates = statesRuntime.bind(null, Trigger_st_css_namespace_);
|
|
@@ -51309,7 +51310,7 @@ var Trigger_st_css_style = (/* unused pure expression or super */ null && (Trigg
|
|
|
51309
51310
|
var Trigger_st_css_st = Trigger_st_css_style_;
|
|
51310
51311
|
|
|
51311
51312
|
var Trigger_st_css_namespace = (/* unused pure expression or super */ null && (Trigger_st_css_namespace_));
|
|
51312
|
-
var Trigger_st_css_classes = {"root":"
|
|
51313
|
+
var Trigger_st_css_classes = {"root":"wds_1_312_0_PopoverNextTrigger__root"};
|
|
51313
51314
|
var Trigger_st_css_keyframes = {};
|
|
51314
51315
|
var Trigger_st_css_layers = {};
|
|
51315
51316
|
var Trigger_st_css_containers = {};
|
|
@@ -59281,7 +59282,7 @@ const Trigger = (0,external_React_.forwardRef)(function Trigger({ children: trig
|
|
|
59281
59282
|
onKeyDown: undefined,
|
|
59282
59283
|
});
|
|
59283
59284
|
});
|
|
59284
|
-
|
|
59285
|
+
|
|
59285
59286
|
//# sourceMappingURL=Trigger.js.map
|
|
59286
59287
|
;// ../../../node_modules/@wix/design-system/dist/esm/PopoverNext/components/Content/Content.st.css.js
|
|
59287
59288
|
|
|
@@ -59292,7 +59293,7 @@ const Trigger = (0,external_React_.forwardRef)(function Trigger({ children: trig
|
|
|
59292
59293
|
|
|
59293
59294
|
|
|
59294
59295
|
|
|
59295
|
-
var Content_st_css_namespace_ = "
|
|
59296
|
+
var Content_st_css_namespace_ = "wds_1_312_0_PopoverNextContent";
|
|
59296
59297
|
var Content_st_css_style_ = classesRuntime.bind(null, Content_st_css_namespace_);
|
|
59297
59298
|
|
|
59298
59299
|
var Content_st_css_cssStates = statesRuntime.bind(null, Content_st_css_namespace_);
|
|
@@ -59300,7 +59301,7 @@ var Content_st_css_style = (/* unused pure expression or super */ null && (Conte
|
|
|
59300
59301
|
var Content_st_css_st = Content_st_css_style_;
|
|
59301
59302
|
|
|
59302
59303
|
var Content_st_css_namespace = (/* unused pure expression or super */ null && (Content_st_css_namespace_));
|
|
59303
|
-
var Content_st_css_classes = {"root":"
|
|
59304
|
+
var Content_st_css_classes = {"root":"wds_1_312_0_PopoverNextContent__root","contentWrapper":"wds_1_312_0_PopoverNextContent__contentWrapper","arrow":"wds_1_312_0_PopoverNextContent__arrow"};
|
|
59304
59305
|
var Content_st_css_keyframes = {};
|
|
59305
59306
|
var Content_st_css_layers = {};
|
|
59306
59307
|
var Content_st_css_containers = {};
|
|
@@ -59374,7 +59375,7 @@ const Content = (0,external_React_.forwardRef)(function Content({ style, ...prop
|
|
|
59374
59375
|
}
|
|
59375
59376
|
return content;
|
|
59376
59377
|
});
|
|
59377
|
-
|
|
59378
|
+
|
|
59378
59379
|
//# sourceMappingURL=Content.js.map
|
|
59379
59380
|
;// ../../../node_modules/@wix/design-system/dist/esm/PopoverNext/utils/utils.js
|
|
59380
59381
|
const PopoverNext_utils_utils_getStyleComputedProperty = (element) => {
|
|
@@ -59613,16 +59614,16 @@ function usePopover({ dataHook, open = false, onOpenChange, focusManagerEnabled
|
|
|
59613
59614
|
const isHybridMode = Boolean(onMouseEnter) !== Boolean(onMouseLeave);
|
|
59614
59615
|
(0,external_React_.useEffect)(() => {
|
|
59615
59616
|
if (showDelay) {
|
|
59616
|
-
|
|
59617
|
+
deprecationLog_deprecationLog('<PopoverNext /> - prop `showDelay` is deprecated. Use `transitionSettings` instead.');
|
|
59617
59618
|
}
|
|
59618
59619
|
if (hideDelay) {
|
|
59619
|
-
|
|
59620
|
+
deprecationLog_deprecationLog('<PopoverNext /> - prop `hideDelay` is deprecated. Use `transitionSettings` instead.');
|
|
59620
59621
|
}
|
|
59621
59622
|
if (duration) {
|
|
59622
|
-
|
|
59623
|
+
deprecationLog_deprecationLog('<PopoverNext /> - prop `timeout` is deprecated. Use `transitionSettings` instead.');
|
|
59623
59624
|
}
|
|
59624
59625
|
if (animate) {
|
|
59625
|
-
|
|
59626
|
+
deprecationLog_deprecationLog('<PopoverNext /> - prop `animate` is deprecated. Use `transitionSettings` instead.');
|
|
59626
59627
|
}
|
|
59627
59628
|
}, [showDelay, hideDelay, duration, animate]);
|
|
59628
59629
|
const positioning = usePositioning({
|
|
@@ -59864,10 +59865,10 @@ dataListType, ...restOptions }) {
|
|
|
59864
59865
|
});
|
|
59865
59866
|
(0,external_React_.useEffect)(() => {
|
|
59866
59867
|
if (theme) {
|
|
59867
|
-
|
|
59868
|
+
deprecationLog_deprecationLog('<PopoverNext /> - `theme` prop is deprecated and will be removed in next major version, please use `skin` instead');
|
|
59868
59869
|
}
|
|
59869
59870
|
if (shown !== undefined) {
|
|
59870
|
-
|
|
59871
|
+
deprecationLog_deprecationLog('<PopoverNext /> - `shown` prop is deprecated and will be removed in next major version, please use `open` instead');
|
|
59871
59872
|
}
|
|
59872
59873
|
}, [theme, shown]);
|
|
59873
59874
|
(0,external_React_.useEffect)(() => {
|
|
@@ -59893,9 +59894,9 @@ dataListType, ...restOptions }) {
|
|
|
59893
59894
|
external_React_default().createElement("div", { ref: rootRef, "data-hook": dataHook, "data-popover-root": true, "data-list-type": dataListType, className: PopoverNext_st_css_st(PopoverNext_st_css_classes.root, { fluid }, className), onKeyDown: onKeyDown }, children)));
|
|
59894
59895
|
}
|
|
59895
59896
|
PopoverNext.displayName = 'PopoverNext';
|
|
59896
|
-
PopoverNext.Trigger =
|
|
59897
|
-
PopoverNext.Content =
|
|
59898
|
-
|
|
59897
|
+
PopoverNext.Trigger = Trigger;
|
|
59898
|
+
PopoverNext.Content = Content;
|
|
59899
|
+
|
|
59899
59900
|
//# sourceMappingURL=PopoverNext.js.map
|
|
59900
59901
|
;// ../../../node_modules/@radix-ui/primitive/dist/index.mjs
|
|
59901
59902
|
// src/primitive.tsx
|
|
@@ -62693,7 +62694,7 @@ var dist_Close = (/* unused pure expression or super */ null && (DialogClose));
|
|
|
62693
62694
|
|
|
62694
62695
|
|
|
62695
62696
|
|
|
62696
|
-
var Drawer_st_css_namespace_ = "
|
|
62697
|
+
var Drawer_st_css_namespace_ = "wds_1_312_0_Drawer";
|
|
62697
62698
|
var Drawer_st_css_style_ = classesRuntime.bind(null, Drawer_st_css_namespace_);
|
|
62698
62699
|
|
|
62699
62700
|
var Drawer_st_css_cssStates = statesRuntime.bind(null, Drawer_st_css_namespace_);
|
|
@@ -62701,7 +62702,7 @@ var Drawer_st_css_style = (/* unused pure expression or super */ null && (Drawer
|
|
|
62701
62702
|
var Drawer_st_css_st = Drawer_st_css_style_;
|
|
62702
62703
|
|
|
62703
62704
|
var Drawer_st_css_namespace = (/* unused pure expression or super */ null && (Drawer_st_css_namespace_));
|
|
62704
|
-
var Drawer_st_css_classes = {"root":"
|
|
62705
|
+
var Drawer_st_css_classes = {"root":"wds_1_312_0_Drawer__root","visuallyHidden":"wds_1_312_0_visuallyHidden__visuallyHidden","overlay":"wds_1_312_0_Drawer__overlay","handle":"wds_1_312_0_Drawer__handle","content":"wds_1_312_0_Drawer__content","contentInner":"wds_1_312_0_Drawer__contentInner","title":"wds_1_312_0_Drawer__title wds_1_312_0_visuallyHidden__visuallyHidden","contentWrapper":"wds_1_312_0_Drawer__contentWrapper"};
|
|
62705
62706
|
var Drawer_st_css_keyframes = {};
|
|
62706
62707
|
var Drawer_st_css_layers = {};
|
|
62707
62708
|
var Drawer_st_css_containers = {};
|
|
@@ -62976,7 +62977,7 @@ const Drawer = ({ open, backdrop = true, renderBackdrop = true, resizable = true
|
|
|
62976
62977
|
external_React_default().createElement("div", { className: Drawer_st_css_classes.contentInner }, scrollable ? (external_React_default().createElement("div", { "data-hook": Drawer_constants_DATA_HOOKS.CONTENT_WRAPPER, className: Drawer_st_css_st(Drawer_st_css_classes.contentWrapper, { margin }) }, children)) : (children)))))));
|
|
62977
62978
|
};
|
|
62978
62979
|
Drawer.displayName = 'Drawer';
|
|
62979
|
-
|
|
62980
|
+
|
|
62980
62981
|
//# sourceMappingURL=Drawer.js.map
|
|
62981
62982
|
;// ../../../node_modules/@wix/design-system/dist/esm/InputWithOptions/InputWithOptions.js
|
|
62982
62983
|
|
|
@@ -63179,6 +63180,7 @@ class InputWithOptions extends external_React_.Component {
|
|
|
63179
63180
|
'focusOnClearClick',
|
|
63180
63181
|
'name',
|
|
63181
63182
|
'border',
|
|
63183
|
+
'backgroundColor',
|
|
63182
63184
|
'noLeftBorderRadius',
|
|
63183
63185
|
'noRightBorderRadius',
|
|
63184
63186
|
'onBlur',
|
|
@@ -63226,8 +63228,8 @@ class InputWithOptions extends external_React_.Component {
|
|
|
63226
63228
|
width: 'inherit',
|
|
63227
63229
|
};
|
|
63228
63230
|
return (external_React_default().createElement("div", { className: `${this.uniqueId} ${this.dropdownClasses()}`, style: customStyle, "data-hook": "dropdown-layout-wrapper" },
|
|
63229
|
-
external_React_default().createElement(
|
|
63230
|
-
external_React_default().createElement(
|
|
63231
|
+
external_React_default().createElement(HighlightContext.Provider, { value: { highlight, match: value } },
|
|
63232
|
+
external_React_default().createElement(DropdownLayout, { ref: dropdownLayout => {
|
|
63231
63233
|
this.dropdownLayout = dropdownLayout;
|
|
63232
63234
|
}, ...dropdownProps, dataHook: "inputwithoptions-dropdownlayout", visible: true, className: InputWithOptions_st_css_classes.dropdownLayout, onClose: this.hideOptions, onSelect: this._onSelect, onOptionMarked: this._onOptionMarked, isComposing: this.state.isComposing, listboxId: `${this.uniqueId}-listbox`, inContainer: true, tabIndex: -1, onDrillOut: () => this.focus() }))));
|
|
63233
63235
|
}
|
|
@@ -63253,17 +63255,17 @@ class InputWithOptions extends external_React_.Component {
|
|
|
63253
63255
|
const hasContent = this.hasDropdownContent(additionalDropdownProps);
|
|
63254
63256
|
return (external_React_default().createElement(WixDesignSystemContext.Consumer, null, ({ mobile }) => mobile && this.props.showDrawerOnMobile ? (external_React_default().createElement("div", null,
|
|
63255
63257
|
external_React_default().createElement("div", { "data-input-parent": true, className: this.inputClasses() }, this.renderInput(mobile)),
|
|
63256
|
-
external_React_default().createElement(
|
|
63258
|
+
external_React_default().createElement(Drawer, { dataHook: dataHook, open: this.isDropdownLayoutVisible(), onClose: this._onOpenChange, zIndex: this.props?.popoverProps?.zIndex },
|
|
63257
63259
|
external_React_default().createElement("div", { className: InputWithOptions_st_css_classes.drawerContent }, this.props.customDropdownContent ||
|
|
63258
|
-
this._renderDropdownLayout(additionalDropdownProps))))) : (external_React_default().createElement(
|
|
63260
|
+
this._renderDropdownLayout(additionalDropdownProps))))) : (external_React_default().createElement(PopoverNext, { className: InputWithOptions_st_css_st(InputWithOptions_st_css_classes.root, { size: 'medium' }, rootProps.className ?? className), open: this.isDropdownLayoutVisible(), onOpenChange: this._onOpenChange, appendTo: popoverAppendTo ?? DEFAULT_POPOVER_PROPS.appendTo, flip: popoverFlip ?? DEFAULT_POPOVER_PROPS.flip, fixed: popoverFixed ?? DEFAULT_POPOVER_PROPS.fixed, placement: placement ?? DEFAULT_POPOVER_PROPS.placement, dynamicWidth: dynamicWidth, excludeClass: this.uniqueId, focusManagerEnabled: false, onClickOutside: this.props.onClickOutside, ...restPopoverFields, minWidth: dynamicWidth
|
|
63259
63261
|
? 'fit-content'
|
|
63260
63262
|
: (dropdownWidth ??
|
|
63261
63263
|
restPopoverFields?.minWidth ??
|
|
63262
63264
|
DEFAULT_POPOVER_PROPS.minWidth), width: dropdownWidth ??
|
|
63263
63265
|
(dynamicWidth ? null : DEFAULT_POPOVER_PROPS.width), dataHook: dataHook, onKeyDown: this._onKeyDown, autoUpdateOptions: { animationFrame: true }, contentClassName: !hasContent ? InputWithOptions_st_css_classes.emptyContent : undefined },
|
|
63264
|
-
external_React_default().createElement(
|
|
63266
|
+
external_React_default().createElement(PopoverNext.Trigger, null,
|
|
63265
63267
|
external_React_default().createElement("div", { "data-input-parent": true, className: this.inputClasses() }, this.renderInput())),
|
|
63266
|
-
external_React_default().createElement(
|
|
63268
|
+
external_React_default().createElement(PopoverNext.Content, null, this.props.customDropdownContent ||
|
|
63267
63269
|
this._renderDropdownLayout(additionalDropdownProps))))));
|
|
63268
63270
|
}
|
|
63269
63271
|
/**
|
|
@@ -63466,12 +63468,12 @@ class InputWithOptions extends external_React_.Component {
|
|
|
63466
63468
|
}
|
|
63467
63469
|
}
|
|
63468
63470
|
InputWithOptions.defaultProps = {
|
|
63469
|
-
...
|
|
63470
|
-
...
|
|
63471
|
+
...Input.defaultProps,
|
|
63472
|
+
...DropdownLayout.defaultProps,
|
|
63471
63473
|
onSelect: () => { },
|
|
63472
63474
|
options: [],
|
|
63473
63475
|
closeOnSelect: true,
|
|
63474
|
-
inputElement: external_React_default().createElement(
|
|
63476
|
+
inputElement: external_React_default().createElement(Input, null),
|
|
63475
63477
|
valueParser: DEFAULT_VALUE_PARSER,
|
|
63476
63478
|
dropdownWidth: null,
|
|
63477
63479
|
popoverProps: DEFAULT_POPOVER_PROPS,
|
|
@@ -63482,7 +63484,7 @@ InputWithOptions.defaultProps = {
|
|
|
63482
63484
|
showDrawerOnMobile: true,
|
|
63483
63485
|
};
|
|
63484
63486
|
InputWithOptions.displayName = 'InputWithOptions';
|
|
63485
|
-
|
|
63487
|
+
|
|
63486
63488
|
//# sourceMappingURL=InputWithOptions.js.map
|
|
63487
63489
|
;// ../../../node_modules/@wix/design-system/dist/esm/Dropdown/Dropdown.st.css.js
|
|
63488
63490
|
|
|
@@ -63491,7 +63493,7 @@ InputWithOptions.displayName = 'InputWithOptions';
|
|
|
63491
63493
|
|
|
63492
63494
|
|
|
63493
63495
|
|
|
63494
|
-
var Dropdown_st_css_namespace_ = "
|
|
63496
|
+
var Dropdown_st_css_namespace_ = "wds_1_312_0_Dropdown";
|
|
63495
63497
|
var Dropdown_st_css_style_ = classesRuntime.bind(null, Dropdown_st_css_namespace_);
|
|
63496
63498
|
|
|
63497
63499
|
var Dropdown_st_css_cssStates = statesRuntime.bind(null, Dropdown_st_css_namespace_);
|
|
@@ -63499,7 +63501,7 @@ var Dropdown_st_css_style = (/* unused pure expression or super */ null && (Drop
|
|
|
63499
63501
|
var Dropdown_st_css_st = Dropdown_st_css_style_;
|
|
63500
63502
|
|
|
63501
63503
|
var Dropdown_st_css_namespace = (/* unused pure expression or super */ null && (Dropdown_st_css_namespace_));
|
|
63502
|
-
var Dropdown_st_css_classes = {"root":"
|
|
63504
|
+
var Dropdown_st_css_classes = {"root":"wds_1_312_0_Dropdown__root","input":"wds_1_312_0_Input__input","showPointer":"wds_1_312_0_Dropdown__showPointer"};
|
|
63503
63505
|
var Dropdown_st_css_keyframes = {};
|
|
63504
63506
|
var Dropdown_st_css_layers = {};
|
|
63505
63507
|
var Dropdown_st_css_containers = {};
|
|
@@ -63520,7 +63522,7 @@ var Dropdown_st_css_vars = {};
|
|
|
63520
63522
|
const NO_SELECTED_ID = null;
|
|
63521
63523
|
const DROPDOWN_DOUBLE_CLICK_THRESHOLD = 200;
|
|
63522
63524
|
const OPEN_KEYS = ['Enter', 'Spacebar', ' ', 'ArrowUp', 'ArrowDown'];
|
|
63523
|
-
class Dropdown extends
|
|
63525
|
+
class Dropdown extends InputWithOptions {
|
|
63524
63526
|
constructor(props) {
|
|
63525
63527
|
super(props);
|
|
63526
63528
|
this.state = {
|
|
@@ -63606,10 +63608,11 @@ class Dropdown extends InputWithOptions_InputWithOptions {
|
|
|
63606
63608
|
}
|
|
63607
63609
|
Dropdown.defaultProps = {
|
|
63608
63610
|
allowTextSelection: true,
|
|
63609
|
-
...
|
|
63611
|
+
...InputWithOptions.defaultProps,
|
|
63610
63612
|
};
|
|
63611
63613
|
Dropdown.displayName = 'Dropdown';
|
|
63612
|
-
|
|
63614
|
+
const WrappedDropdown = withDefaultProps(Dropdown, 'Dropdown');
|
|
63615
|
+
|
|
63613
63616
|
//# sourceMappingURL=Dropdown.js.map
|
|
63614
63617
|
;// ../../../node_modules/@wix/design-system/dist/esm/DropdownBase/DropdownBase.st.css.js
|
|
63615
63618
|
|
|
@@ -63623,7 +63626,7 @@ Dropdown.displayName = 'Dropdown';
|
|
|
63623
63626
|
|
|
63624
63627
|
|
|
63625
63628
|
|
|
63626
|
-
var DropdownBase_st_css_namespace_ = "
|
|
63629
|
+
var DropdownBase_st_css_namespace_ = "wds_1_312_0_DropdownBase";
|
|
63627
63630
|
var DropdownBase_st_css_style_ = classesRuntime.bind(null, DropdownBase_st_css_namespace_);
|
|
63628
63631
|
|
|
63629
63632
|
var DropdownBase_st_css_cssStates = statesRuntime.bind(null, DropdownBase_st_css_namespace_);
|
|
@@ -63631,7 +63634,7 @@ var DropdownBase_st_css_style = (/* unused pure expression or super */ null && (
|
|
|
63631
63634
|
var DropdownBase_st_css_st = DropdownBase_st_css_style_;
|
|
63632
63635
|
|
|
63633
63636
|
var DropdownBase_st_css_namespace = (/* unused pure expression or super */ null && (DropdownBase_st_css_namespace_));
|
|
63634
|
-
var DropdownBase_st_css_classes = {"root":"
|
|
63637
|
+
var DropdownBase_st_css_classes = {"root":"wds_1_312_0_DropdownBase__root","trigger":"wds_1_312_0_DropdownBase__trigger","content":"wds_1_312_0_DropdownBase__content","drawerContent":"wds_1_312_0_DropdownBase__drawerContent","list":"wds_1_312_0_DropdownBase__list"};
|
|
63635
63638
|
var DropdownBase_st_css_keyframes = {};
|
|
63636
63639
|
var DropdownBase_st_css_layers = {};
|
|
63637
63640
|
var DropdownBase_st_css_containers = {};
|
|
@@ -63855,7 +63858,7 @@ class DropdownBase extends external_React_.PureComponent {
|
|
|
63855
63858
|
_renderDropdownLayout() {
|
|
63856
63859
|
const { options, maxHeight, overflow, focusOnSelectedOption, infiniteScroll, loadMore, hasMore, focusOnOption, markedOption, scrollToOption, onMouseDown, listType, autoFocus, fixedHeader, fixedFooter, } = this.props;
|
|
63857
63860
|
const { selectedId } = this.state;
|
|
63858
|
-
return (external_React_default().createElement(
|
|
63861
|
+
return (external_React_default().createElement(WrappedDropdownLayout, { dataHook: "dropdown-base-dropdownlayout", className: DropdownBase_st_css_classes.list, ref: this._setDropdownLayoutRef, selectedId: selectedId, options: options, maxHeightPixels: maxHeight, onSelect: this._handleSelect, onOptionMarked: this._handleOptionMarked, onClose: this._handleClose, inContainer: true, visible: true, overflow: overflow, focusOnSelectedOption: focusOnSelectedOption, infiniteScroll: infiniteScroll, loadMore: loadMore, hasMore: hasMore, focusOnOption: focusOnOption, markedOption: markedOption, scrollToOption: scrollToOption, onMouseDown: onMouseDown, listType: listType,
|
|
63859
63862
|
// In dialog mode, FloatingFocusManager handles initial focus
|
|
63860
63863
|
// In menu mode, DropdownLayout focuses the first option
|
|
63861
63864
|
autoFocus: this._isDialogMode() ? false : autoFocus || this.state.listAutoFocus, fixedHeader: fixedHeader, fixedFooter: fixedFooter, listboxId: `${this.uniqueId}-listbox` }));
|
|
@@ -63879,8 +63882,8 @@ class DropdownBase extends external_React_.PureComponent {
|
|
|
63879
63882
|
: children;
|
|
63880
63883
|
return (external_React_default().createElement(WixDesignSystemContext.Consumer, null, ({ mobile }) => mobile ? (external_React_default().createElement("div", null,
|
|
63881
63884
|
external_React_default().createElement("div", null, this._renderChildren(renderedTrigger)),
|
|
63882
|
-
external_React_default().createElement(
|
|
63883
|
-
external_React_default().createElement("div", { className: DropdownBase_st_css_classes.drawerContent }, this._renderDropdownLayout())))) : (external_React_default().createElement(
|
|
63885
|
+
external_React_default().createElement(Drawer, { dataHook: dataHook, open: Boolean(open), onClose: isOpen => this._setIsOpen(isOpen), zIndex: zIndex },
|
|
63886
|
+
external_React_default().createElement("div", { className: DropdownBase_st_css_classes.drawerContent }, this._renderDropdownLayout())))) : (external_React_default().createElement(PopoverNext, { dataListType: listType, onOpenChange: this._handleOutsideClick, animate: animate, dataHook: dataHook, open: open, autoUpdateOptions: { animationFrame: true }, ...popoverProps, placement: placement, dynamicWidth: dynamicWidth, appendTo: appendTo, showArrow: showArrow, zIndex: zIndex, moveBy: moveBy, onKeyDown: this._handleKeyDown, onMouseEnter: onMouseEnter ||
|
|
63884
63887
|
!!(external_React_default().isValidElement(renderedTrigger) &&
|
|
63885
63888
|
renderedTrigger.props.onMouseEnter)
|
|
63886
63889
|
? () => this._handlePopoverMouseEnter(renderedTrigger)
|
|
@@ -63891,9 +63894,9 @@ class DropdownBase extends external_React_.PureComponent {
|
|
|
63891
63894
|
: undefined, onClickOutside: this._handleClickOutside, fixed: fixed, flip: flip, fluid: fluid, onHide: onHide, onShow: onShow, focusManagerEnabled: this._isDialogMode(), className: DropdownBase_st_css_st(DropdownBase_st_css_classes.root, {
|
|
63892
63895
|
withWidth: Boolean(minWidth || maxWidth),
|
|
63893
63896
|
}, className), minWidth: minWidth, maxWidth: maxWidth, width: width },
|
|
63894
|
-
external_React_default().createElement(
|
|
63897
|
+
external_React_default().createElement(PopoverNext.Trigger, { className: DropdownBase_st_css_classes.trigger },
|
|
63895
63898
|
external_React_default().createElement("div", null, this._renderChildren(renderedTrigger))),
|
|
63896
|
-
external_React_default().createElement(
|
|
63899
|
+
external_React_default().createElement(PopoverNext.Content, { className: DropdownBase_st_css_st(DropdownBase_st_css_classes.content, popoverContentClassName, {
|
|
63897
63900
|
withWidth: Boolean(minWidth || maxWidth),
|
|
63898
63901
|
}) },
|
|
63899
63902
|
external_React_default().createElement("div", { style: {
|
|
@@ -63918,7 +63921,7 @@ DropdownBase.defaultProps = {
|
|
|
63918
63921
|
onMouseEnter: () => { },
|
|
63919
63922
|
onMouseLeave: () => { },
|
|
63920
63923
|
};
|
|
63921
|
-
|
|
63924
|
+
|
|
63922
63925
|
//# sourceMappingURL=DropdownBase.js.map
|
|
63923
63926
|
;// ../../../node_modules/react-error-boundary/dist/react-error-boundary.esm.js
|
|
63924
63927
|
/* unused harmony import specifier */ var useContext;
|
|
@@ -64313,7 +64316,7 @@ var ChevronDown_ChevronDown_default = icon({
|
|
|
64313
64316
|
|
|
64314
64317
|
;// ./components/PermissionsDropdown/PermissionsDropdown.tsx
|
|
64315
64318
|
const permissionLevels={VIEW:'VIEW',CONTRIBUTE:'CONTRIBUTE',MANAGE:'MANAGE',NONE:'NONE'};const getOverlay=()=>{const div=document.createElement('div');div.style.position='fixed';div.style.left='0';div.style.bottom='0';div.style.right='0';div.style.top='0';return div;};function PermissionsDropdown(props){const _useContext=(0,external_React_.useContext)(TPAComponentsContext),mobile=_useContext.mobile;const overlay=(0,external_React_.useRef)(getOverlay());const options=props.options,className=props.className,_props$ariaLabelledBy=props.ariaLabelledBy,ariaLabelledBy=_props$ariaLabelledBy===void 0?'':_props$ariaLabelledBy,_props$isDashboard=props.isDashboard,isDashboard=_props$isDashboard===void 0?false:_props$isDashboard,_props$isStep=props.isStep2,isStep2=_props$isStep===void 0?false:_props$isStep,_props$shouldChangeCo=props.shouldChangeColor,shouldChangeColor=_props$shouldChangeCo===void 0?false:_props$shouldChangeCo,containerRef=props.containerRef,bmHarmonyTheme=props.bmHarmonyTheme;const _useState=(0,external_React_.useState)(props.value),selected=_useState[0],setSelected=_useState[1];// selected permission menu title
|
|
64316
|
-
const _useState2=(0,external_React_.useState)(PermissionsDropdown_st_st(PermissionsDropdown_st_classes.whiteColor)),step1MenuClassName=_useState2[0],setStep1MenuClassName=_useState2[1];const getIcon=id=>{return id===selected?/*#__PURE__*/external_React_default().createElement(DropdownChecked,null):/*#__PURE__*/external_React_default().createElement(DropdownCheckedEmpty,null);};const dropDownChange=e=>{if(!isDashboard){var _e$id;if(!mobile){lockScrolling(false);}setSelected((_e$id=e.id)==null?void 0:_e$id.toString());}if(!isStep2){setStep1MenuClassName(PermissionsDropdown_st_st(PermissionsDropdown_st_classes.whiteColor));}if(props.onChange){props.onChange(`${e.id}`);}};const getPermissionIcon=permissionId=>{switch(permissionId){case permissionLevels.VIEW:return/*#__PURE__*/external_React_default().createElement(Visible_default,null);case permissionLevels.CONTRIBUTE:return/*#__PURE__*/external_React_default().createElement(DownloadImport_default,null);case permissionLevels.MANAGE:return/*#__PURE__*/external_React_default().createElement(Settings_default,null);case permissionLevels.NONE:return/*#__PURE__*/external_React_default().createElement(Delete_default,null);default:return'';}};const newOptions=options.map((k,index)=>{return{...k,value:he_default().decode(k.value||''),subtitle:he_default().decode(k.subtitle||''),icon:getIcon(`${k.id}`),key:k.id,'data-hook':`permission-option-${index}`,className:'permission-option'};});const lockScrolling=expanded=>{const docBody=document.body;if(expanded){docBody.appendChild(overlay.current);}else if(docBody.contains(overlay.current)){docBody.removeChild(overlay.current);}};if(isDashboard){const updatedOptions=options.map(permission=>{return permission.divider?{value:'-',label:'',id:''}:listItemSelectBuilder({id:permission.id,prefix:/*#__PURE__*/external_React_default().createElement(
|
|
64319
|
+
const _useState2=(0,external_React_.useState)(PermissionsDropdown_st_st(PermissionsDropdown_st_classes.whiteColor)),step1MenuClassName=_useState2[0],setStep1MenuClassName=_useState2[1];const getIcon=id=>{return id===selected?/*#__PURE__*/external_React_default().createElement(DropdownChecked,null):/*#__PURE__*/external_React_default().createElement(DropdownCheckedEmpty,null);};const dropDownChange=e=>{if(!isDashboard){var _e$id;if(!mobile){lockScrolling(false);}setSelected((_e$id=e.id)==null?void 0:_e$id.toString());}if(!isStep2){setStep1MenuClassName(PermissionsDropdown_st_st(PermissionsDropdown_st_classes.whiteColor));}if(props.onChange){props.onChange(`${e.id}`);}};const getPermissionIcon=permissionId=>{switch(permissionId){case permissionLevels.VIEW:return/*#__PURE__*/external_React_default().createElement(Visible_default,null);case permissionLevels.CONTRIBUTE:return/*#__PURE__*/external_React_default().createElement(DownloadImport_default,null);case permissionLevels.MANAGE:return/*#__PURE__*/external_React_default().createElement(Settings_default,null);case permissionLevels.NONE:return/*#__PURE__*/external_React_default().createElement(Delete_default,null);default:return'';}};const newOptions=options.map((k,index)=>{return{...k,value:he_default().decode(k.value||''),subtitle:he_default().decode(k.subtitle||''),icon:getIcon(`${k.id}`),key:k.id,'data-hook':`permission-option-${index}`,className:'permission-option'};});const lockScrolling=expanded=>{const docBody=document.body;if(expanded){docBody.appendChild(overlay.current);}else if(docBody.contains(overlay.current)){docBody.removeChild(overlay.current);}};if(isDashboard){const updatedOptions=options.map(permission=>{return permission.divider?{value:'-',label:'',id:''}:listItemSelectBuilder({id:permission.id,prefix:/*#__PURE__*/external_React_default().createElement(Box,{paddingLeft:1},getPermissionIcon(permission.id)),title:permission.value,subtitle:permission.subtitle,label:permission.value,className:PermissionsDropdown_st_st(PermissionsDropdown_st_classes.wsrOption,{isLastChild:permission.id===permissionLevels.NONE})});});const selectedPermission=updatedOptions.find(permission=>permission.id===props.value);const buttonClassName=shouldChangeColor?step1MenuClassName:'';const updatedOptionsChildren={children:updatedOptions,options:updatedOptions};return isStep2?/*#__PURE__*/external_React_default().createElement(WrappedDropdown,extends_default()({dropdownWidth:"320px",selectedId:selectedPermission==null?void 0:selectedPermission.id,popoverProps:{placement:'bottom-end',appendTo:'parent'},className:className,onSelect:dropDownChange,valueParser:option=>option.label},updatedOptionsChildren)):/*#__PURE__*/external_React_default().createElement(DropdownBase,extends_default()({selectedId:selectedPermission==null?void 0:selectedPermission.id,maxWidth:"320px",minWidth:"320px",className:className,maxHeight:"348px",appendTo:buttonClassName?`.${buttonClassName}`:'scrollParent',onSelect:dropDownChange,placement:"bottom-end",overflow:"visible",flip:false},updatedOptionsChildren),_ref=>{let toggle=_ref.toggle,_ref$selectedOption=_ref.selectedOption,selectedOption=_ref$selectedOption===void 0?{}:_ref$selectedOption;return/*#__PURE__*/external_React_default().createElement(TextButtonWithDefaultProps,{skin:"dark",className:`${buttonClassName} ${bmHarmonyTheme?PermissionsDropdown_st_st(PermissionsDropdown_st_classes.resetColor):''}`,onClick:toggle,suffixIcon:/*#__PURE__*/external_React_default().createElement(ChevronDown_ChevronDown_default,null)},selectedOption.id!=='NONE'&&selectedOption.label||(selectedPermission==null?void 0:selectedPermission.label));});}return/*#__PURE__*/external_React_default().createElement(FloatingDropdown,{removeElementMinWidth:true,"aria-labelledby":ariaLabelledBy,options:newOptions,disabled:props.disabled,value:selected,label:"",onChange:dropDownChange,className:PermissionsDropdown_st_st(PermissionsDropdown_st_classes.permissionsDropdown,{isDisabled:props.disabled,mobile},className),appendTo:containerRef==null?void 0:containerRef.current,onExpandedChange:lockScrolling,placement:"bottom-start"});}PermissionsDropdown.displayName='PermissionsDropdown';/* harmony default export */ const PermissionsDropdown_PermissionsDropdown = (PermissionsDropdown);
|
|
64317
64320
|
;// ./assets/icons/Error.svg
|
|
64318
64321
|
var Error_path;
|
|
64319
64322
|
function Error_extends() { return Error_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, Error_extends.apply(null, arguments); }
|
|
@@ -77200,7 +77203,7 @@ const IconButton_constants_testDataHooks = {
|
|
|
77200
77203
|
|
|
77201
77204
|
|
|
77202
77205
|
|
|
77203
|
-
var IconButton_st_css_namespace_ = "
|
|
77206
|
+
var IconButton_st_css_namespace_ = "wds_1_312_0_IconButton";
|
|
77204
77207
|
var IconButton_st_css_style_ = classesRuntime.bind(null, IconButton_st_css_namespace_);
|
|
77205
77208
|
|
|
77206
77209
|
var IconButton_st_css_cssStates = statesRuntime.bind(null, IconButton_st_css_namespace_);
|
|
@@ -77208,7 +77211,7 @@ var IconButton_st_css_style = (/* unused pure expression or super */ null && (Ic
|
|
|
77208
77211
|
var IconButton_st_css_st = IconButton_st_css_style_;
|
|
77209
77212
|
|
|
77210
77213
|
var IconButton_st_css_namespace = (/* unused pure expression or super */ null && (IconButton_st_css_namespace_));
|
|
77211
|
-
var IconButton_st_css_classes = {"root":"
|
|
77214
|
+
var IconButton_st_css_classes = {"root":"wds_1_312_0_IconButton__root"};
|
|
77212
77215
|
var IconButton_st_css_keyframes = {};
|
|
77213
77216
|
var IconButton_st_css_layers = {};
|
|
77214
77217
|
var IconButton_st_css_containers = {};
|
|
@@ -77230,7 +77233,7 @@ var IconButton_st_css_vars = {"wds-button-border-radius-tiny":"--wds-button-bord
|
|
|
77230
77233
|
|
|
77231
77234
|
const IconButton = (0,external_React_.forwardRef)((props, ref) => {
|
|
77232
77235
|
if (props.skin === 'inverted') {
|
|
77233
|
-
|
|
77236
|
+
deprecationLog_deprecationLog('<IconButton/> - skin="inverted" is deprecated and will be removed in next major version, please use skin="standard" and priority="secondary" instead');
|
|
77234
77237
|
}
|
|
77235
77238
|
const defaultOverrides = external_React_default().useContext(WixStyleReactDefaultsOverrideContext);
|
|
77236
77239
|
const buttonRef = external_React_default().useRef(null);
|
|
@@ -77244,7 +77247,7 @@ const IconButton = (0,external_React_.forwardRef)((props, ref) => {
|
|
|
77244
77247
|
const { button: buttonPropsDefaults } = defaultOverrides;
|
|
77245
77248
|
const { skin = 'standard', className, priority = 'primary', size = buttonPropsDefaults.size, children, disabled = false, dataHook, ariaLabel, ariaLabelledBy, ...rest } = useDefaultProps('IconButton', props);
|
|
77246
77249
|
const childSize = ICON_CHILD_SIZE[size];
|
|
77247
|
-
return (external_React_default().createElement(
|
|
77250
|
+
return (external_React_default().createElement(WrappedButtonCore, { ...rest, disabled: disabled, ref: buttonRef, className: IconButton_st_css_st(IconButton_st_css_classes.root, { skin, priority, size }, className), ...generateDataAttr({
|
|
77248
77251
|
...props,
|
|
77249
77252
|
size,
|
|
77250
77253
|
}, ['skin', 'size', 'priority']), "data-hook": dataHook, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }, children &&
|
|
@@ -77256,7 +77259,6 @@ const IconButton = (0,external_React_.forwardRef)((props, ref) => {
|
|
|
77256
77259
|
})));
|
|
77257
77260
|
});
|
|
77258
77261
|
IconButton.displayName = 'IconButton';
|
|
77259
|
-
/* harmony default export */ const IconButton_IconButton = (IconButton);
|
|
77260
77262
|
//# sourceMappingURL=IconButton.js.map
|
|
77261
77263
|
;// ../../../node_modules/@wix/design-system/dist/esm/Avatar/constants.js
|
|
77262
77264
|
const avatarColorList = ['A1', 'A2', 'A3', 'A4', 'A5', 'A6', 'A7'];
|
|
@@ -77280,7 +77282,7 @@ const Avatar_constants_dataHooks = {
|
|
|
77280
77282
|
|
|
77281
77283
|
|
|
77282
77284
|
|
|
77283
|
-
var AvatarCore_st_css_namespace_ = "
|
|
77285
|
+
var AvatarCore_st_css_namespace_ = "wds_1_312_0_AvatarCore";
|
|
77284
77286
|
var AvatarCore_st_css_style_ = classesRuntime.bind(null, AvatarCore_st_css_namespace_);
|
|
77285
77287
|
|
|
77286
77288
|
var AvatarCore_st_css_cssStates = statesRuntime.bind(null, AvatarCore_st_css_namespace_);
|
|
@@ -77288,7 +77290,7 @@ var AvatarCore_st_css_style = (/* unused pure expression or super */ null && (Av
|
|
|
77288
77290
|
var AvatarCore_st_css_st = AvatarCore_st_css_style_;
|
|
77289
77291
|
|
|
77290
77292
|
var AvatarCore_st_css_namespace = (/* unused pure expression or super */ null && (AvatarCore_st_css_namespace_));
|
|
77291
|
-
var AvatarCore_st_css_classes = {"root":"
|
|
77293
|
+
var AvatarCore_st_css_classes = {"root":"wds_1_312_0_AvatarCore__root","content":"wds_1_312_0_AvatarCore__content"};
|
|
77292
77294
|
var AvatarCore_st_css_keyframes = {};
|
|
77293
77295
|
var AvatarCore_st_css_layers = {};
|
|
77294
77296
|
var AvatarCore_st_css_containers = {};
|
|
@@ -77311,7 +77313,7 @@ var AvatarCore_st_css_vars = {};
|
|
|
77311
77313
|
|
|
77312
77314
|
|
|
77313
77315
|
|
|
77314
|
-
var Avatar_st_css_namespace_ = "
|
|
77316
|
+
var Avatar_st_css_namespace_ = "wds_1_312_0_Avatar";
|
|
77315
77317
|
var Avatar_st_css_style_ = classesRuntime.bind(null, Avatar_st_css_namespace_);
|
|
77316
77318
|
|
|
77317
77319
|
var Avatar_st_css_cssStates = statesRuntime.bind(null, Avatar_st_css_namespace_);
|
|
@@ -77319,7 +77321,7 @@ var Avatar_st_css_style = (/* unused pure expression or super */ null && (Avatar
|
|
|
77319
77321
|
var Avatar_st_css_st = Avatar_st_css_style_;
|
|
77320
77322
|
|
|
77321
77323
|
var Avatar_st_css_namespace = (/* unused pure expression or super */ null && (Avatar_st_css_namespace_));
|
|
77322
|
-
var Avatar_st_css_classes = {"root":"
|
|
77324
|
+
var Avatar_st_css_classes = {"root":"wds_1_312_0_Avatar__root","text-small-bold":"wds_1_312_0_StylableTypography__text-small-bold","text-medium-bold":"wds_1_312_0_StylableTypography__text-medium-bold","placeholder":"wds_1_312_0_Avatar__placeholder","avatarContainer":"wds_1_312_0_Avatar__avatarContainer","coreAvatar":"wds_1_312_0_Avatar__coreAvatar","avatar":"wds_1_312_0_Avatar__avatar","presence":"wds_1_312_0_Avatar__presence","indication":"wds_1_312_0_Avatar__indication","iconButtonShadow":"wds_1_312_0_Avatar__iconButtonShadow","colorA1":"wds_1_312_0_Avatar__colorA1","colorA2":"wds_1_312_0_Avatar__colorA2","colorA3":"wds_1_312_0_Avatar__colorA3","colorA4":"wds_1_312_0_Avatar__colorA4","colorA5":"wds_1_312_0_Avatar__colorA5","colorA6":"wds_1_312_0_Avatar__colorA6","colorA7":"wds_1_312_0_Avatar__colorA7","loaderContainer":"wds_1_312_0_Avatar__loaderContainer","overlay":"wds_1_312_0_Avatar__overlay","loader":"wds_1_312_0_Avatar__loader"};
|
|
77323
77325
|
var Avatar_st_css_keyframes = {};
|
|
77324
77326
|
var Avatar_st_css_layers = {};
|
|
77325
77327
|
var Avatar_st_css_containers = {};
|
|
@@ -77398,7 +77400,7 @@ const stringToColor = name => {
|
|
|
77398
77400
|
** This creates a unique number for each string
|
|
77399
77401
|
**/
|
|
77400
77402
|
const stringToNumber = str => str.split('').reduce((acc, char) => acc + char.charCodeAt(), 0);
|
|
77401
|
-
|
|
77403
|
+
|
|
77402
77404
|
//# sourceMappingURL=string-to-color.js.map
|
|
77403
77405
|
;// ../../../node_modules/@wix/design-system/dist/esm/utils/propsUtils.js
|
|
77404
77406
|
const propsUtils_acceptedPropsStart = 'data-';
|
|
@@ -77587,7 +77589,8 @@ AvatarCore.displayName = 'AvatarCore';
|
|
|
77587
77589
|
AvatarCore.defaultProps = {
|
|
77588
77590
|
placeholder: undefined,
|
|
77589
77591
|
};
|
|
77590
|
-
|
|
77592
|
+
const WrappedAvatarCore = Focusable_withFocusable(AvatarCore);
|
|
77593
|
+
|
|
77591
77594
|
//# sourceMappingURL=AvatarCore.js.map
|
|
77592
77595
|
;// ../../../node_modules/@wix/design-system/dist/esm/Avatar/Avatar.js
|
|
77593
77596
|
|
|
@@ -77628,7 +77631,7 @@ class Avatar_Avatar extends (external_React_default()).PureComponent {
|
|
|
77628
77631
|
render() {
|
|
77629
77632
|
const { size, presence, indication, color, customIndication, onIndicationClick, dataHook, className, shape, text, placeholder, name, onClick, showIndicationOnHover, loading, ...rest } = this.props;
|
|
77630
77633
|
const { fadeIndication, showIndication } = this.state;
|
|
77631
|
-
const calculatedColor = color ||
|
|
77634
|
+
const calculatedColor = color || stringToColor(text || name); // if color is provided as a prop use it, otherwise, generate a color based on the text
|
|
77632
77635
|
const sizeNumber = getSizeNumber(size);
|
|
77633
77636
|
const renderOnHover = !showIndicationOnHover || showIndication || this.context?.mobile;
|
|
77634
77637
|
const indicationConstraints = renderOnHover && sizeNumber >= defaultSize;
|
|
@@ -77647,15 +77650,15 @@ class Avatar_Avatar extends (external_React_default()).PureComponent {
|
|
|
77647
77650
|
hasText: !!text,
|
|
77648
77651
|
}) },
|
|
77649
77652
|
external_React_default().createElement("div", { className: Avatar_st_css_classes.coreAvatar },
|
|
77650
|
-
external_React_default().createElement(
|
|
77653
|
+
external_React_default().createElement(WrappedAvatarCore, { ...rest, placeholder: placeholder ?? (external_React_default().createElement(AvatarDefaultPlaceholder, { shape: shape, size: size })), text: text, name: name, onClick: onClick, initialsLimit: sizeNumber < 30 ? 1 : undefined, "data-hook": Avatar_constants_dataHooks.avatarCore, className: Avatar_st_css_st(Avatar_st_css_classes.avatar, Avatar_st_css_classes[`color${capitalize(calculatedColor)}`]) })),
|
|
77651
77654
|
renderLoader && [
|
|
77652
77655
|
external_React_default().createElement("div", { key: "overlay", className: Avatar_st_css_st(Avatar_st_css_classes.loaderContainer, Avatar_st_css_classes.overlay) }),
|
|
77653
77656
|
external_React_default().createElement("div", { key: "loader", className: Avatar_st_css_st(Avatar_st_css_classes.loaderContainer, Avatar_st_css_classes.loader) },
|
|
77654
|
-
external_React_default().createElement(
|
|
77657
|
+
external_React_default().createElement(Loader, { dataHook: Avatar_constants_dataHooks.loader, size: "tiny" })),
|
|
77655
77658
|
],
|
|
77656
77659
|
presence && external_React_default().createElement("div", { className: Avatar_st_css_classes.presence }),
|
|
77657
77660
|
renderIndication && (external_React_default().createElement("div", { className: Avatar_st_css_classes.indication },
|
|
77658
|
-
external_React_default().createElement(
|
|
77661
|
+
external_React_default().createElement(IconButton, { className: Avatar_st_css_classes.iconButtonShadow, dataHook: Avatar_constants_dataHooks.indication, skin: "light", onClick: onIndicationClick, shape: shape, size: sizeNumber > minSmallIconButton ? 'small' : 'tiny' }, indication))),
|
|
77659
77662
|
renderCustomIndication && (external_React_default().createElement("div", { className: Avatar_st_css_classes.indication, "data-hook": Avatar_constants_dataHooks.customIndication, onClick: onIndicationClick }, customIndication)))));
|
|
77660
77663
|
}
|
|
77661
77664
|
}
|
|
@@ -77669,12 +77672,12 @@ Avatar_Avatar.defaultProps = {
|
|
|
77669
77672
|
shape: 'circle',
|
|
77670
77673
|
showIndicationOnHover: false,
|
|
77671
77674
|
};
|
|
77672
|
-
|
|
77675
|
+
|
|
77673
77676
|
//# sourceMappingURL=Avatar.js.map
|
|
77674
77677
|
;// ./components/PermissionsList/Avatar.tsx
|
|
77675
|
-
function PermissionsList_Avatar_Avatar(props){const icon=props.icon,name=props.name,isDashboard=props.isDashboard,imgProps=props.imgProps;const size=isDashboard?'size36':AvatarSize.medium;const AvatarComponent=isDashboard?
|
|
77678
|
+
function PermissionsList_Avatar_Avatar(props){const icon=props.icon,name=props.name,isDashboard=props.isDashboard,imgProps=props.imgProps;const size=isDashboard?'size36':AvatarSize.medium;const AvatarComponent=isDashboard?Avatar_Avatar:Avatar;if(typeof icon==='string'||icon===undefined){return/*#__PURE__*/external_React_default().createElement(AvatarComponent,{size:size,src:icon,name:name,imgProps:imgProps});}return/*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment,null,icon);}PermissionsList_Avatar_Avatar.displayName='Avatar';/* harmony default export */ const PermissionsList_Avatar = (PermissionsList_Avatar_Avatar);
|
|
77676
77679
|
;// ./components/PermissionsList/AvatarRole.tsx
|
|
77677
|
-
function AvatarRole(props){const _useContext=(0,external_React_.useContext)(TPAComponentsContext),rtl=_useContext.rtl,mobile=_useContext.mobile;const role=props.role,description=props.description,icon=props.icon,displayDescription=props.displayDescription,roleID=props.roleID;return/*#__PURE__*/external_React_default().createElement("div",{className:AvatarRole_st_style(AvatarRole_st_classes.root,{rtl,mobile},props.className)},/*#__PURE__*/external_React_default().createElement(PermissionsList_Avatar,{icon:icon,name:role}),/*#__PURE__*/external_React_default().createElement(
|
|
77680
|
+
function AvatarRole(props){const _useContext=(0,external_React_.useContext)(TPAComponentsContext),rtl=_useContext.rtl,mobile=_useContext.mobile;const role=props.role,description=props.description,icon=props.icon,displayDescription=props.displayDescription,roleID=props.roleID;return/*#__PURE__*/external_React_default().createElement("div",{className:AvatarRole_st_style(AvatarRole_st_classes.root,{rtl,mobile},props.className)},/*#__PURE__*/external_React_default().createElement(PermissionsList_Avatar,{icon:icon,name:role}),/*#__PURE__*/external_React_default().createElement(Text,{className:AvatarRole_st_style(AvatarRole_st_classes.roleBlock)},/*#__PURE__*/external_React_default().createElement(Text,{id:`role${roleID}`,typography:TextTypography.runningText,className:AvatarRole_st_style(AvatarRole_st_classes.enhancedText)},he_default().decode(role||'')),/*#__PURE__*/external_React_default().createElement(Text,{id:`role${roleID}_desc`,typography:TextTypography.runningText,className:AvatarRole_st_style(AvatarRole_st_classes.description)},displayDescription&&he_default().decode(description||''))));}AvatarRole.displayName='AvatarRole';/* harmony default export */ const PermissionsList_AvatarRole = (AvatarRole);
|
|
77678
77681
|
;// ./assets/icons/item_remove.svg
|
|
77679
77682
|
var item_remove_path;
|
|
77680
77683
|
function item_remove_extends() { return item_remove_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, item_remove_extends.apply(null, arguments); }
|
|
@@ -77776,7 +77779,7 @@ const customStyles=(props,rtl)=>{return{valueContainer:provided=>({...provided,p
|
|
|
77776
77779
|
|
|
77777
77780
|
|
|
77778
77781
|
|
|
77779
|
-
var Tag_st_css_namespace_ = "
|
|
77782
|
+
var Tag_st_css_namespace_ = "wds_1_312_0_Tag";
|
|
77780
77783
|
var Tag_st_css_style_ = classesRuntime.bind(null, Tag_st_css_namespace_);
|
|
77781
77784
|
|
|
77782
77785
|
var Tag_st_css_cssStates = statesRuntime.bind(null, Tag_st_css_namespace_);
|
|
@@ -77784,7 +77787,7 @@ var Tag_st_css_style = (/* unused pure expression or super */ null && (Tag_st_cs
|
|
|
77784
77787
|
var Tag_st_css_st = Tag_st_css_style_;
|
|
77785
77788
|
|
|
77786
77789
|
var Tag_st_css_namespace = (/* unused pure expression or super */ null && (Tag_st_css_namespace_));
|
|
77787
|
-
var Tag_st_css_classes = {"root":"
|
|
77790
|
+
var Tag_st_css_classes = {"root":"wds_1_312_0_Tag__root","thumb":"wds_1_312_0_Tag__thumb","removeButton":"wds_1_312_0_Tag__removeButton","text":"wds_1_312_0_Tag__text"};
|
|
77788
77791
|
var Tag_st_css_keyframes = {};
|
|
77789
77792
|
var Tag_st_css_layers = {};
|
|
77790
77793
|
var Tag_st_css_containers = {};
|
|
@@ -77859,7 +77862,7 @@ removable = true, disabled, thumb, ellipsisProps, className, children, closeButt
|
|
|
77859
77862
|
const skin = props.skin || theme;
|
|
77860
77863
|
(0,external_React_.useEffect)(() => {
|
|
77861
77864
|
if (theme) {
|
|
77862
|
-
|
|
77865
|
+
deprecationLog_deprecationLog('<Tag/> - theme prop is deprecated and will be removed in next major version, please use skin instead');
|
|
77863
77866
|
}
|
|
77864
77867
|
}, [theme]);
|
|
77865
77868
|
const handleRemove = (event) => {
|
|
@@ -77893,11 +77896,12 @@ removable = true, disabled, thumb, ellipsisProps, className, children, closeButt
|
|
|
77893
77896
|
'clickable',
|
|
77894
77897
|
]), "data-hook": dataHook, id: id, onClick: handleOnClick, style: { maxWidth: formatPx(maxWidth) } },
|
|
77895
77898
|
thumb && (external_React_default().createElement("span", { "data-hook": Tag_constants_dataHooks.thumb, className: Tag_st_css_classes.thumb }, thumb)),
|
|
77896
|
-
external_React_default().createElement(
|
|
77897
|
-
removable && (external_React_default().createElement(
|
|
77899
|
+
external_React_default().createElement(TextWithEllipsis, { skin: disabled ? 'disabled' : 'standard', light: !disabled && skin === 'dark', secondary: skin !== 'dark', ellipsis: true, tooltipProps: { flip: true, fixed: false, ...ellipsisProps }, size: tagToTextSize[size], weight: tagToTextWeight[size], className: Tag_st_css_classes.text, dataHook: Tag_constants_dataHooks.text }, children),
|
|
77900
|
+
removable && (external_React_default().createElement(CloseButton, { ref: closeButtonRef, size: size === 'large' ? 'medium' : 'small', skin: skin === 'dark' ? 'light' : 'dark', disabled: disabled, dataHook: Tag_constants_dataHooks.removeButton, className: Tag_st_css_classes.removeButton, onClick: handleRemove, onKeyDown: handleRemoveKeyDown }))));
|
|
77898
77901
|
};
|
|
77899
77902
|
Tag.displayName = 'Tag';
|
|
77900
|
-
|
|
77903
|
+
const WrappedTag = (0,external_React_.memo)(Tag);
|
|
77904
|
+
|
|
77901
77905
|
//# sourceMappingURL=Tag.js.map
|
|
77902
77906
|
;// ../../../node_modules/@wix/design-system/dist/esm/MultiSelect/InputWithTags.st.css.js
|
|
77903
77907
|
|
|
@@ -77910,7 +77914,8 @@ Tag.displayName = 'Tag';
|
|
|
77910
77914
|
|
|
77911
77915
|
|
|
77912
77916
|
|
|
77913
|
-
|
|
77917
|
+
|
|
77918
|
+
var InputWithTags_st_css_namespace_ = "wds_1_312_0_InputWithTags";
|
|
77914
77919
|
var InputWithTags_st_css_style_ = classesRuntime.bind(null, InputWithTags_st_css_namespace_);
|
|
77915
77920
|
|
|
77916
77921
|
var InputWithTags_st_css_cssStates = statesRuntime.bind(null, InputWithTags_st_css_namespace_);
|
|
@@ -77918,12 +77923,12 @@ var InputWithTags_st_css_style = (/* unused pure expression or super */ null &&
|
|
|
77918
77923
|
var InputWithTags_st_css_st = InputWithTags_st_css_style_;
|
|
77919
77924
|
|
|
77920
77925
|
var InputWithTags_st_css_namespace = (/* unused pure expression or super */ null && (InputWithTags_st_css_namespace_));
|
|
77921
|
-
var InputWithTags_st_css_classes = {"root":"
|
|
77926
|
+
var InputWithTags_st_css_classes = {"root":"wds_1_312_0_InputWithTags__root","text-medium-normal":"wds_1_312_0_StylableTypography__text-medium-normal","input-inner-shadow-mixin":"wds_1_312_0_Input__input-inner-shadow-mixin","inputWrapper":"wds_1_312_0_InputWithTags__inputWrapper","emptyInput":"wds_1_312_0_InputWithTags__emptyInput","selectMode":"wds_1_312_0_InputWithTags__selectMode","inputSuffix":"wds_1_312_0_InputWithTags__inputSuffix","menuArrow":"wds_1_312_0_InputWithTags__menuArrow","statusIndicator":"wds_1_312_0_InputWithTags__statusIndicator","suffixes":"wds_1_312_0_InputWithTags__suffixes","hiddenDiv":"wds_1_312_0_InputWithTags__hiddenDiv","scrollableContent":"wds_1_312_0_InputWithTags__scrollableContent","customSuffix":"wds_1_312_0_InputWithTags__customSuffix","customPrefix":"wds_1_312_0_InputWithTags__customPrefix","tagsContainer":"wds_1_312_0_InputWithTags__tagsContainer","draggedTag":"wds_1_312_0_InputWithTags__draggedTag","draggedTagPlaceholder":"wds_1_312_0_InputWithTags__draggedTagPlaceholder","input":"wds_1_312_0_InputWithTags__input"};
|
|
77922
77927
|
var InputWithTags_st_css_keyframes = {};
|
|
77923
77928
|
var InputWithTags_st_css_layers = {};
|
|
77924
77929
|
var InputWithTags_st_css_containers = {};
|
|
77925
77930
|
var InputWithTags_st_css_stVars = {"borderWidth":"1px","paddingBuffer":"calc(var(--wds-input-padding-vertical-medium, 6px) * 0.8)"};
|
|
77926
|
-
var InputWithTags_st_css_vars = {"wds-input-size-large":"--wds-input-size-large","wds-input-size-medium":"--wds-input-size-medium","wds-input-size-small":"--wds-input-size-small","wds-input-size-tiny":"--wds-input-size-tiny","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-space-100":"--wds-space-100","wds-border-width-default":"--wds-border-width-default","wds-border-radius-
|
|
77931
|
+
var InputWithTags_st_css_vars = {"wds-input-size-large":"--wds-input-size-large","wds-input-size-medium":"--wds-input-size-medium","wds-input-size-small":"--wds-input-size-small","wds-input-size-tiny":"--wds-input-size-tiny","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-space-100":"--wds-space-100","wds-border-width-default":"--wds-border-width-default","wds-input-border-radius-default-tiny":"--wds-input-border-radius-default-tiny","wds-input-border-radius-default-small":"--wds-input-border-radius-default-small","wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-border-radius-default-large":"--wds-input-border-radius-default-large","wds-input-border-radius-round-tiny":"--wds-input-border-radius-round-tiny","wds-input-border-radius-round-small":"--wds-input-border-radius-round-small","wds-input-border-radius-round-medium":"--wds-input-border-radius-round-medium","wds-input-border-radius-round-large":"--wds-input-border-radius-round-large","wds-input-background-fill-default":"--wds-input-background-fill-default","wds-input-background-fill-hover":"--wds-input-background-fill-hover","wds-input-background-fill-disabled":"--wds-input-background-fill-disabled","wds-input-background-fill-readonly":"--wds-input-background-fill-readonly","wds-input-border-color":"--wds-input-border-color","wds-color-border-standard-secondary-readonly":"--wds-color-border-standard-secondary-readonly","wds-input-border-color-disabled":"--wds-input-border-color-disabled","wds-input-border-color-focus":"--wds-input-border-color-focus","wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-dropdown-icon-fill":"--wds-dropdown-icon-fill","wds-dropdown-icon-fill-disabled":"--wds-dropdown-icon-fill-disabled","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-color-fill-standard-secondary-hover":"--wds-color-fill-standard-secondary-hover","wds-color-fill-dark-secondary-hover":"--wds-color-fill-dark-secondary-hover","input-background":"--wds_1_312_0_InputWithTags-input-background"};
|
|
77927
77932
|
|
|
77928
77933
|
|
|
77929
77934
|
|
|
@@ -77978,7 +77983,7 @@ class CustomDragLayer extends (external_React_default()).Component {
|
|
|
77978
77983
|
} }, this.props.renderPreview({})));
|
|
77979
77984
|
};
|
|
77980
77985
|
this.renderPreviewInPortal = () => {
|
|
77981
|
-
return external_React_default().createElement(
|
|
77986
|
+
return external_React_default().createElement(ReactPortal, null, this.renderPreview());
|
|
77982
77987
|
};
|
|
77983
77988
|
}
|
|
77984
77989
|
render() {
|
|
@@ -77990,7 +77995,7 @@ class CustomDragLayer extends (external_React_default()).Component {
|
|
|
77990
77995
|
: this.renderPreview();
|
|
77991
77996
|
}
|
|
77992
77997
|
}
|
|
77993
|
-
|
|
77998
|
+
const DragLayer = (0,dist_esm.DragLayer)((monitor, props) => {
|
|
77994
77999
|
onOffsetChange(monitor);
|
|
77995
78000
|
return {
|
|
77996
78001
|
offsetOfHandle: props.offsetOfHandle,
|
|
@@ -77998,7 +78003,7 @@ class CustomDragLayer extends (external_React_default()).Component {
|
|
|
77998
78003
|
itemType: monitor.getItemType(),
|
|
77999
78004
|
isDragging: monitor.isDragging(),
|
|
78000
78005
|
};
|
|
78001
|
-
})(CustomDragLayer)
|
|
78006
|
+
})(CustomDragLayer);
|
|
78002
78007
|
//# sourceMappingURL=DragLayer.js.map
|
|
78003
78008
|
;// ../../../node_modules/@wix/design-system/dist/esm/DragAndDrop/Draggable/types.js
|
|
78004
78009
|
const ItemTypes = {
|
|
@@ -78250,7 +78255,8 @@ class DraggableSource extends (external_React_default()).Component {
|
|
|
78250
78255
|
this._renderPreviewItem())) : null;
|
|
78251
78256
|
}
|
|
78252
78257
|
}
|
|
78253
|
-
|
|
78258
|
+
const WrappedDraggableSource = (0,dist_esm.DragSource)(ItemTypes.DRAGGABLE, source, collect)(DraggableSource);
|
|
78259
|
+
|
|
78254
78260
|
//# sourceMappingURL=DraggableSource.js.map
|
|
78255
78261
|
;// ../../../node_modules/@wix/design-system/dist/esm/DragAndDrop/Draggable/components/DraggableTarget.js
|
|
78256
78262
|
|
|
@@ -78344,7 +78350,8 @@ class DraggableTarget extends (external_React_default()).PureComponent {
|
|
|
78344
78350
|
DraggableTarget.defaultProps = {
|
|
78345
78351
|
droppable: true,
|
|
78346
78352
|
};
|
|
78347
|
-
|
|
78353
|
+
const WrappedDraggableTarget = (0,dist_esm.DropTarget)(ItemTypes.DRAGGABLE, target, DraggableTarget_collect)(DraggableTarget);
|
|
78354
|
+
|
|
78348
78355
|
//# sourceMappingURL=DraggableTarget.js.map
|
|
78349
78356
|
;// ../../../node_modules/react-dnd-test-backend/dist/esm/TestBackend.js
|
|
78350
78357
|
function TestBackend_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
@@ -79307,7 +79314,7 @@ DragDropContextProvider.contextTypes = {
|
|
|
79307
79314
|
DragDropContextProvider.childContextTypes = {
|
|
79308
79315
|
dragDropManager: () => null,
|
|
79309
79316
|
};
|
|
79310
|
-
|
|
79317
|
+
|
|
79311
79318
|
//# sourceMappingURL=DragDropContextProvider.js.map
|
|
79312
79319
|
;// ../../../node_modules/@wix/design-system/dist/esm/DragAndDrop/Draggable/components/DraggableManager.js
|
|
79313
79320
|
|
|
@@ -79319,10 +79326,10 @@ class DraggableManager extends (external_React_default()).Component {
|
|
|
79319
79326
|
render() {
|
|
79320
79327
|
const { dataHook, children, backendOptions } = this.props;
|
|
79321
79328
|
return (external_React_default().createElement("div", { "data-hook": dataHook },
|
|
79322
|
-
external_React_default().createElement(
|
|
79329
|
+
external_React_default().createElement(DragDropContextProvider, { backend: DraggableManager_isTestEnv ? TestBackend : undefined, backendOptions: backendOptions }, children)));
|
|
79323
79330
|
}
|
|
79324
79331
|
}
|
|
79325
|
-
|
|
79332
|
+
|
|
79326
79333
|
//# sourceMappingURL=DraggableManager.js.map
|
|
79327
79334
|
;// ../../../node_modules/@wix/design-system/dist/esm/DragAndDrop/Draggable/Draggable.js
|
|
79328
79335
|
|
|
@@ -79399,17 +79406,16 @@ class Draggable extends (external_React_default()).Component {
|
|
|
79399
79406
|
}
|
|
79400
79407
|
render() {
|
|
79401
79408
|
const { hasDragged, ...restProps } = this.props;
|
|
79402
|
-
return (external_React_default().createElement(
|
|
79409
|
+
return (external_React_default().createElement(WrappedDraggableTarget, { ...restProps },
|
|
79403
79410
|
external_React_default().createElement("div", { onMouseDown: this.countDelay, onMouseUp: this.resetDelayState, "data-hook": "delay-wrapper" },
|
|
79404
|
-
external_React_default().createElement(
|
|
79411
|
+
external_React_default().createElement(WrappedDraggableSource, { ...restProps, ignoreMouseEvents: hasDragged, onDragStart: this.onDragStart, onDragEnd: this.onDragEnd, canDrag: this.canDrag, delayed: !!this.props.delay && this.state.delayed }))));
|
|
79405
79412
|
}
|
|
79406
79413
|
}
|
|
79407
79414
|
Draggable.defaultProps = {
|
|
79408
79415
|
droppable: true,
|
|
79409
79416
|
};
|
|
79410
79417
|
Draggable.Item = Draggable;
|
|
79411
|
-
Draggable.Manager =
|
|
79412
|
-
/* harmony default export */ const Draggable_Draggable = (Draggable);
|
|
79418
|
+
Draggable.Manager = DraggableManager;
|
|
79413
79419
|
//# sourceMappingURL=Draggable.js.map
|
|
79414
79420
|
;// ../../../node_modules/@wix/design-system/dist/esm/DragAndDrop/Draggable/components/Container.js
|
|
79415
79421
|
|
|
@@ -79526,9 +79532,10 @@ class Container extends (external_React_default()).PureComponent {
|
|
|
79526
79532
|
Container.defaultProps = {
|
|
79527
79533
|
droppable: true,
|
|
79528
79534
|
};
|
|
79529
|
-
|
|
79535
|
+
const WrappedContainer = (0,dist_esm.DropTarget)(ItemTypes.DRAGGABLE, Container_target, connect => ({
|
|
79530
79536
|
connectDropTarget: connect.dropTarget(),
|
|
79531
|
-
}))(Container)
|
|
79537
|
+
}))(Container);
|
|
79538
|
+
|
|
79532
79539
|
//# sourceMappingURL=Container.js.map
|
|
79533
79540
|
// EXTERNAL MODULE: ../../../node_modules/lodash/times.js
|
|
79534
79541
|
var times = __webpack_require__(6228);
|
|
@@ -79542,14 +79549,13 @@ const SortableListBase_constants_dataHooks = {
|
|
|
79542
79549
|
|
|
79543
79550
|
|
|
79544
79551
|
|
|
79545
|
-
|
|
79546
|
-
const
|
|
79547
|
-
external_React_default().createElement(
|
|
79552
|
+
const withDNDContext = Component => {
|
|
79553
|
+
const WithDNDContext = props => (external_React_default().createElement("div", { "data-hook": props.dataHook },
|
|
79554
|
+
external_React_default().createElement(Draggable.Manager, { dataHook: SortableListBase_constants_dataHooks.provider },
|
|
79548
79555
|
external_React_default().createElement(Component, { ...props }))));
|
|
79549
|
-
|
|
79550
|
-
return
|
|
79551
|
-
}
|
|
79552
|
-
(Object.getOwnPropertyDescriptor(withDNDContext, "name") || {}).writable || Object.defineProperty(withDNDContext, "name", { value: "default", configurable: true });
|
|
79556
|
+
WithDNDContext.displayName = Component.displayName;
|
|
79557
|
+
return WithDNDContext;
|
|
79558
|
+
};
|
|
79553
79559
|
//# sourceMappingURL=withDNDContext.js.map
|
|
79554
79560
|
;// ../../../node_modules/@wix/design-system/dist/esm/SortableListBase/SortableListBase.js
|
|
79555
79561
|
|
|
@@ -79786,9 +79792,9 @@ class SortableListBase extends (external_React_default()).PureComponent {
|
|
|
79786
79792
|
if (dragPreview) {
|
|
79787
79793
|
return this.renderPreview();
|
|
79788
79794
|
}
|
|
79789
|
-
return (external_React_default().createElement(
|
|
79795
|
+
return (external_React_default().createElement(WrappedContainer, { className: className, onDrop: this.handleDrop, total: this.state.items.length, style: isTextSelectionEnabled ? this.noUserSelectionStyle : style, ...common },
|
|
79790
79796
|
external_React_default().createElement("div", { className: contentClassName }, items.map((item, index) => {
|
|
79791
|
-
return (external_React_default().createElement(
|
|
79797
|
+
return (external_React_default().createElement(Draggable, { dataHook: item.dataHook, key: `${item.id}-${containerId}`, shift: animationShifts[index], hasDragged: !!draggedId && draggedId !== item.id, setWrapperNode: this.setWrapperNode, animationDuration: animationDuration, animationTiming: animationTiming, ...common, id: item.id, index: index, item: item, renderItem: this.renderItem, withHandle: withHandle, usePortal: usePortal, onDrop: this.handleDrop, onDragStart: this.handleDragStart, onDragEnd: this.handleDragEnd, canDrag: this.props.canDrag, delay: this.props.delay, listOfPropsThatAffectItems: this.props.listOfPropsThatAffectItems }));
|
|
79792
79798
|
}))));
|
|
79793
79799
|
}
|
|
79794
79800
|
}
|
|
@@ -79802,7 +79808,8 @@ SortableListBase.displayName = 'SortableListBase';
|
|
|
79802
79808
|
SortableListBase.contextTypes = {
|
|
79803
79809
|
dragDropManager: () => null,
|
|
79804
79810
|
};
|
|
79805
|
-
|
|
79811
|
+
const WrappedSortableListBase = withDNDContext(SortableListBase);
|
|
79812
|
+
|
|
79806
79813
|
//# sourceMappingURL=SortableListBase.js.map
|
|
79807
79814
|
;// ../../../node_modules/@wix/design-system/dist/esm/dnd-styles/dnd-styles.st.css.js
|
|
79808
79815
|
|
|
@@ -79812,7 +79819,7 @@ SortableListBase.contextTypes = {
|
|
|
79812
79819
|
|
|
79813
79820
|
|
|
79814
79821
|
|
|
79815
|
-
var dnd_styles_st_css_namespace_ = "
|
|
79822
|
+
var dnd_styles_st_css_namespace_ = "wds_1_312_0_dndstyles";
|
|
79816
79823
|
var dnd_styles_st_css_style_ = classesRuntime.bind(null, dnd_styles_st_css_namespace_);
|
|
79817
79824
|
|
|
79818
79825
|
var dnd_styles_st_css_cssStates = statesRuntime.bind(null, dnd_styles_st_css_namespace_);
|
|
@@ -79820,7 +79827,7 @@ var dnd_styles_st_css_style = (/* unused pure expression or super */ null && (dn
|
|
|
79820
79827
|
var dnd_styles_st_css_st = (/* unused pure expression or super */ null && (dnd_styles_st_css_style_));
|
|
79821
79828
|
|
|
79822
79829
|
var dnd_styles_st_css_namespace = (/* unused pure expression or super */ null && (dnd_styles_st_css_namespace_));
|
|
79823
|
-
var dnd_styles_st_css_classes = {"root":"
|
|
79830
|
+
var dnd_styles_st_css_classes = {"root":"wds_1_312_0_dndstyles__root","item":"wds_1_312_0_dndstyles__item","itemPlaceholder":"wds_1_312_0_dndstyles__itemPlaceholder","itemPreview":"wds_1_312_0_dndstyles__itemPreview","list":"wds_1_312_0_dndstyles__list","gridItemPlaceholder":"wds_1_312_0_dndstyles__gridItemPlaceholder","isInitialPositionToDrop":"wds_1_312_0_dndstyles__isInitialPositionToDrop","withGridItemStrip":"wds_1_312_0_dndstyles__withGridItemStrip","withGridItemStripRight":"wds_1_312_0_dndstyles__withGridItemStripRight","gridItemPreview":"wds_1_312_0_dndstyles__gridItemPreview"};
|
|
79824
79831
|
var dnd_styles_st_css_keyframes = {};
|
|
79825
79832
|
var dnd_styles_st_css_layers = {};
|
|
79826
79833
|
var dnd_styles_st_css_containers = {};
|
|
@@ -79833,7 +79840,7 @@ var dnd_styles_st_css_vars = {"wds-color-black-700":"--wds-color-black-700","wds
|
|
|
79833
79840
|
|
|
79834
79841
|
;// ../../../node_modules/@wix/design-system/dist/esm/dnd-styles/dnd-styles.js
|
|
79835
79842
|
|
|
79836
|
-
|
|
79843
|
+
const dndStyles = {
|
|
79837
79844
|
item: dnd_styles_st_css_classes.item,
|
|
79838
79845
|
itemPlaceholder: dnd_styles_st_css_classes.itemPlaceholder,
|
|
79839
79846
|
itemPreview: dnd_styles_st_css_classes.itemPreview,
|
|
@@ -79843,7 +79850,7 @@ var dnd_styles_st_css_vars = {"wds-color-black-700":"--wds-color-black-700","wds
|
|
|
79843
79850
|
gridItemPreview: dnd_styles_st_css_classes.gridItemPreview,
|
|
79844
79851
|
withGridItemStrip: dnd_styles_st_css_classes.withGridItemStrip,
|
|
79845
79852
|
withGridItemStripRight: dnd_styles_st_css_classes.withGridItemStripRight,
|
|
79846
|
-
}
|
|
79853
|
+
};
|
|
79847
79854
|
//# sourceMappingURL=dnd-styles.js.map
|
|
79848
79855
|
;// ../../../node_modules/@wix/design-system/dist/esm/MultiSelect/InputWithTags.js
|
|
79849
79856
|
|
|
@@ -79908,7 +79915,7 @@ class InputWithTags extends (external_React_default()).Component {
|
|
|
79908
79915
|
}, ...appliedClasses);
|
|
79909
79916
|
}
|
|
79910
79917
|
render() {
|
|
79911
|
-
const { tags, onRemoveTag, onReorder, placeholder, status, statusMessage, disabled, readOnly, delimiters, mode, size = 'medium', border, className, ...inputProps } = this.props;
|
|
79918
|
+
const { tags, onRemoveTag, onReorder, placeholder, status, statusMessage, disabled, readOnly, delimiters, mode, size = 'medium', border, className, backgroundColor, ...inputProps } = this.props;
|
|
79912
79919
|
const { onManuallyInput, inputElement, closeOnSelect, predicate, onClickOutside, fixedHeader, fixedFooter, dataHook, onFocus, withSelection, onBlur, menuArrow, onInputClicked, ...desiredProps } = inputProps;
|
|
79913
79920
|
let rowMultiplier;
|
|
79914
79921
|
if (tags.length && tags[0].size === 'large') {
|
|
@@ -79923,15 +79930,15 @@ class InputWithTags extends (external_React_default()).Component {
|
|
|
79923
79930
|
const finalStatus = getStatusFromContext(this.context, status);
|
|
79924
79931
|
return (external_React_default().createElement(IconThemeContext.Consumer, null, ({ icons = {} }) => {
|
|
79925
79932
|
const DropDownArrowIcon = icons.InputWithTags?.DropDownArrow || DropDownArrow_default;
|
|
79926
|
-
return (external_React_default().createElement("div", { className: this._getRootClassName(), style: { maxHeight }, onClick: this.handleClick, "data-hook": this.props.dataHook, "data-focus": this._hasFocus() || null, "data-status": finalStatus, ...getAriaAttributesFromContext(this.context) },
|
|
79933
|
+
return (external_React_default().createElement("div", { className: this._getRootClassName(), style: { maxHeight, [InputWithTags_st_css_vars['input-background']]: backgroundColor }, onClick: this.handleClick, "data-hook": this.props.dataHook, "data-focus": this._hasFocus() || null, "data-status": finalStatus, ...getAriaAttributesFromContext(this.context) },
|
|
79927
79934
|
external_React_default().createElement("div", { className: InputWithTags_st_css_classes.scrollableContent },
|
|
79928
79935
|
this.props.customPrefix &&
|
|
79929
79936
|
!this.props.hideCustomSuffix &&
|
|
79930
79937
|
!this.state.inputHasFocus && (external_React_default().createElement("span", { "data-hook": "custom-prefix", className: InputWithTags_st_css_classes.customPrefix }, this.props.customPrefix)),
|
|
79931
|
-
onReorder ? (external_React_default().createElement(
|
|
79938
|
+
onReorder ? (external_React_default().createElement(WrappedSortableListBase, { contentClassName: InputWithTags_st_css_classes.tagsContainer, items: tags, onDrop: onReorder, renderItem: this.renderReorderableTag })) : (tags.map(({ label, ...rest }) => (external_React_default().createElement(WrappedTag, { key: rest.id, dataHook: "tag", disabled: disabled, onRemove: onRemoveTag, removable: !readOnly, ...rest }, label)))),
|
|
79932
79939
|
external_React_default().createElement("span", { className: classnames_default()(InputWithTags_st_css_classes.inputWrapper, !tags.length), "data-hook": "inner-input-with-tags" },
|
|
79933
79940
|
external_React_default().createElement("div", { className: classnames_default()(InputWithTags_st_css_classes.hiddenDiv) }, this.state.inputValue),
|
|
79934
|
-
external_React_default().createElement(
|
|
79941
|
+
external_React_default().createElement(Input, { className: InputWithTags_st_css_classes.input, size: size, width: this.props.width, ref: input => {
|
|
79935
79942
|
this.input = input;
|
|
79936
79943
|
}, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, placeholder: tags.length === 0 ? placeholder : '', ...desiredProps, dataHook: "inputWithTags-input", disabled: disabled, readOnly: readOnly, disableEditing: this._isSelectMode(), onChange: e => {
|
|
79937
79944
|
if (!delimiters.includes(e.target.value)) {
|
|
@@ -79945,7 +79952,7 @@ class InputWithTags extends (external_React_default()).Component {
|
|
|
79945
79952
|
!disabled &&
|
|
79946
79953
|
(['error', 'warning', 'loading'].includes(status) ||
|
|
79947
79954
|
finalStatus === 'loading') && (external_React_default().createElement("div", { className: InputWithTags_st_css_classes.statusIndicator },
|
|
79948
|
-
external_React_default().createElement(
|
|
79955
|
+
external_React_default().createElement(StatusIndicator, { status: finalStatus, message: statusMessage, dataHook: "input-status" }))),
|
|
79949
79956
|
this._isSelectMode() && (external_React_default().createElement("div", { className: InputWithTags_st_css_classes.menuArrow, "data-hook": "input-menu-arrow" },
|
|
79950
79957
|
external_React_default().createElement(DropDownArrowIcon, null))))));
|
|
79951
79958
|
}));
|
|
@@ -79953,13 +79960,13 @@ class InputWithTags extends (external_React_default()).Component {
|
|
|
79953
79960
|
renderReorderableTag({ item: { id, label, ...itemProps }, previewStyles, isPlaceholder, isPreview, ...rest }) {
|
|
79954
79961
|
const { onRemoveTag, disabled, readOnly } = this.props;
|
|
79955
79962
|
const _classes = classnames_default()({
|
|
79956
|
-
[
|
|
79963
|
+
[dndStyles.itemPlaceholder]: isPlaceholder,
|
|
79957
79964
|
[InputWithTags_st_css_classes.draggedTagPlaceholder]: isPlaceholder,
|
|
79958
|
-
[
|
|
79965
|
+
[dndStyles.itemPreview]: isPreview,
|
|
79959
79966
|
[InputWithTags_st_css_classes.draggedTag]: isPreview,
|
|
79960
79967
|
});
|
|
79961
79968
|
return (external_React_default().createElement("div", { style: previewStyles },
|
|
79962
|
-
external_React_default().createElement(
|
|
79969
|
+
external_React_default().createElement(WrappedTag, { id: id, dataHook: "tag", disabled: disabled, className: _classes, onRemove: onRemoveTag, removable: !readOnly, ...itemProps, ...rest }, label)));
|
|
79963
79970
|
}
|
|
79964
79971
|
focus() {
|
|
79965
79972
|
this.input.focus();
|
|
@@ -79981,7 +79988,7 @@ InputWithTags.defaultProps = {
|
|
|
79981
79988
|
placeholder: '',
|
|
79982
79989
|
delimiters: [],
|
|
79983
79990
|
};
|
|
79984
|
-
|
|
79991
|
+
|
|
79985
79992
|
//# sourceMappingURL=InputWithTags.js.map
|
|
79986
79993
|
// EXTERNAL MODULE: ../../../node_modules/lodash/last.js
|
|
79987
79994
|
var lodash_last = __webpack_require__(9804);
|
|
@@ -79996,9 +80003,7 @@ var difference_default = /*#__PURE__*/__webpack_require__.n(difference);
|
|
|
79996
80003
|
|
|
79997
80004
|
|
|
79998
80005
|
|
|
79999
|
-
|
|
80000
|
-
|
|
80001
|
-
var MultiSelect_st_css_namespace_ = "wds_1_308_0_MultiSelect";
|
|
80006
|
+
var MultiSelect_st_css_namespace_ = "wds_1_312_0_MultiSelect";
|
|
80002
80007
|
var MultiSelect_st_css_style_ = classesRuntime.bind(null, MultiSelect_st_css_namespace_);
|
|
80003
80008
|
|
|
80004
80009
|
var MultiSelect_st_css_cssStates = statesRuntime.bind(null, MultiSelect_st_css_namespace_);
|
|
@@ -80006,12 +80011,12 @@ var MultiSelect_st_css_style = (/* unused pure expression or super */ null && (M
|
|
|
80006
80011
|
var MultiSelect_st_css_st = MultiSelect_st_css_style_;
|
|
80007
80012
|
|
|
80008
80013
|
var MultiSelect_st_css_namespace = (/* unused pure expression or super */ null && (MultiSelect_st_css_namespace_));
|
|
80009
|
-
var MultiSelect_st_css_classes = {"root":"
|
|
80014
|
+
var MultiSelect_st_css_classes = {"root":"wds_1_312_0_MultiSelect__root","inputWithTags":"wds_1_312_0_MultiSelect__inputWithTags","autoSizeInput":"wds_1_312_0_MultiSelect__autoSizeInput"};
|
|
80010
80015
|
var MultiSelect_st_css_keyframes = {};
|
|
80011
80016
|
var MultiSelect_st_css_layers = {};
|
|
80012
80017
|
var MultiSelect_st_css_containers = {};
|
|
80013
80018
|
var MultiSelect_st_css_stVars = {};
|
|
80014
|
-
var MultiSelect_st_css_vars = {
|
|
80019
|
+
var MultiSelect_st_css_vars = {};
|
|
80015
80020
|
|
|
80016
80021
|
|
|
80017
80022
|
|
|
@@ -80026,7 +80031,7 @@ var MultiSelect_st_css_vars = {"wds-border-radius-300":"--wds-border-radius-300"
|
|
|
80026
80031
|
|
|
80027
80032
|
|
|
80028
80033
|
|
|
80029
|
-
class MultiSelect extends
|
|
80034
|
+
class MultiSelect extends InputWithOptions {
|
|
80030
80035
|
constructor(props) {
|
|
80031
80036
|
super(props);
|
|
80032
80037
|
this.onKeyDown = this.onKeyDown.bind(this);
|
|
@@ -80099,7 +80104,7 @@ class MultiSelect extends InputWithOptions_InputWithOptions {
|
|
|
80099
80104
|
return {
|
|
80100
80105
|
readOnly: this.props.readOnly,
|
|
80101
80106
|
disableEditing: true,
|
|
80102
|
-
inputElement: (external_React_default().createElement(
|
|
80107
|
+
inputElement: (external_React_default().createElement(InputWithTags, { className: MultiSelect_st_css_classes.inputWithTags, onReorder: this.props.onReorder, maxNumRows: this.props.maxNumRows, mode: this.props.mode, hideCustomSuffix: this.isDropdownLayoutVisible(), customSuffix: this.props.customSuffix, customPrefix: this.props.customPrefix, border: this.props.border })),
|
|
80103
80108
|
onKeyDown: this.onKeyDown,
|
|
80104
80109
|
delimiters: this.props.delimiters,
|
|
80105
80110
|
onPaste: this.onPaste,
|
|
@@ -80203,21 +80208,18 @@ MultiSelect.autoSizeInputWithRef = () => external_React_default().forwardRef((pr
|
|
|
80203
80208
|
})({ ...props, ref }));
|
|
80204
80209
|
MultiSelect.displayName = 'MultiSelect';
|
|
80205
80210
|
MultiSelect.defaultProps = {
|
|
80206
|
-
...
|
|
80211
|
+
...InputWithOptions.defaultProps,
|
|
80207
80212
|
predicate: () => true,
|
|
80208
80213
|
tags: [],
|
|
80209
80214
|
delimiters: [','],
|
|
80210
80215
|
clearOnBlur: true,
|
|
80211
80216
|
customInput: MultiSelect.autoSizeInputWithRef(),
|
|
80212
80217
|
};
|
|
80213
|
-
|
|
80214
|
-
//# sourceMappingURL=MultiSelect.js.map
|
|
80215
|
-
;// ../../../node_modules/@wix/design-system/dist/esm/MultiSelect/index.js
|
|
80218
|
+
const WrappedMultiSelect = withDefaultProps(MultiSelect, 'MultiSelect');
|
|
80216
80219
|
|
|
80217
|
-
|
|
80218
|
-
//# sourceMappingURL=index.js.map
|
|
80220
|
+
//# sourceMappingURL=MultiSelect.js.map
|
|
80219
80221
|
;// ./components/SearchEntity/DashboardMultiSelect.tsx
|
|
80220
|
-
const DashboardMultiSelect=_ref=>{let queryFunction=_ref.queryFunction,loadOptions=_ref.loadOptions,placeholder=_ref.placeholder,isDashboard=_ref.isDashboard,onSelect=_ref.onSelect,_ref$value=_ref.value,value=_ref$value===void 0?[]:_ref$value,_ref$shownValues=_ref.shownValues,shownValues=_ref$shownValues===void 0?[]:_ref$shownValues,_ref$filterShowOnlyIn=_ref.filterShowOnlyInSelectList,filterShowOnlyInSelectList=_ref$filterShowOnlyIn===void 0?false:_ref$filterShowOnlyIn,_ref$updatedItems=_ref.updatedItems,updatedItems=_ref$updatedItems===void 0?[]:_ref$updatedItems;const searchEntityDefaultState={listOptions:[],listOptionsData:[],isHasMore:true,shownValues:[]};const _useState=(0,external_React_.useState)(searchEntityDefaultState),searchEntityState=_useState[0],setSearchEntityState=_useState[1];const listOptions=searchEntityState.listOptions,isHasMore=searchEntityState.isHasMore,listOptionsData=searchEntityState.listOptionsData;const _useState2=(0,external_React_.useState)(''),searchInputValue=_useState2[0],setSearchInputValue=_useState2[1];const _useState3=(0,external_React_.useState)(null),nextCursor=_useState3[0],setNextCursor=_useState3[1];const loadOptionsParams={queryFunction,nextCursor};const loadData=(0,external_React_.useCallback)(function(val){if(val===void 0){val='';}let optionsList=listOptions||[];const shouldLoad=!nextCursor||(nextCursor==null?void 0:nextCursor.offset)<(nextCursor==null?void 0:nextCursor.total);if(shouldLoad&&loadOptions){const additional=nextCursor?{queryFunction,nextCursor:{count:nextCursor==null?void 0:nextCursor.count,offset:nextCursor==null?void 0:nextCursor.offset,total:nextCursor==null?void 0:nextCursor.total}}:loadOptionsParams;loadOptions(val,listOptionsData,additional).then(response=>{const options=response.options,hasMore=response.hasMore;const newOptions=options!=null&&options.length?[...listOptionsData,...options]:listOptionsData;optionsList=(newOptions||[]).map(item=>{item.value=item.id;item.label=item.role;item.prefix=/*#__PURE__*/external_React_default().createElement(PermissionsList_Avatar,{icon:item.icon,isDashboard:isDashboard,name:item.label,imgProps:{src:item.icon}});item.title=item.label;item.subtitle=item.description;item.overrideOptionStyle=true;return item;});const listOptionsData2=optionsList;optionsList=optionsList.map(option=>listItemSelectBuilder(option));setSearchEntityState({...searchEntityState,listOptions:optionsList,isHasMore:hasMore,listOptionsData:listOptionsData2});setNextCursor(response.additional.nextCursor);}).catch(e=>console.log('e',e));}},[searchInputValue,nextCursor,listOptionsData]);const updateSelectedRoles=data=>{if(onSelect){const newData=data.length>=2?data.filter(item=>!item.showOnlyInSelectList):data;onSelect(newData);}};const handleOnChange=(0,external_React_.useCallback)((0,lodash.debounce)(text=>{loadData(text);},600),[]);const handleOnRemoveTag=tagId=>{const newData=value.filter(tag=>tag.id!==tagId);updateSelectedRoles(newData);};const handleOnSelect=option=>{const existed=value.find(role=>(role==null?void 0:role.id)===(siteVisitorsData==null?void 0:siteVisitorsData.id));if(!existed||(option==null?void 0:option.id)!==(siteVisitorsData==null?void 0:siteVisitorsData.id)){const selectedOptionData=listOptionsData.find(_ref2=>{let id=_ref2.id;return id===option.id;});const data=[...value,selectedOptionData];updateSelectedRoles(data);}};const siteVisitorsData=listOptionsData.find(item=>item.showOnlyInSelectList);const filterSiteVisitors=obj=>(obj==null?void 0:obj.id)!==(siteVisitorsData==null?void 0:siteVisitorsData.id);const filteredListOptions=filterShowOnlyInSelectList?listOptions.filter(filterSiteVisitors):listOptions;const filteredData=filteredListOptions.filter((v,i)=>filteredListOptions.findIndex(t=>t.id===v.id)===i);const filteredSelectedData=filteredData.filter(item=>!updatedItems.some(selectedItem=>selectedItem.id===item.id&&selectedItem.selectedPermission!=='NONE'));return/*#__PURE__*/external_React_default().createElement(
|
|
80222
|
+
const DashboardMultiSelect=_ref=>{let queryFunction=_ref.queryFunction,loadOptions=_ref.loadOptions,placeholder=_ref.placeholder,isDashboard=_ref.isDashboard,onSelect=_ref.onSelect,_ref$value=_ref.value,value=_ref$value===void 0?[]:_ref$value,_ref$shownValues=_ref.shownValues,shownValues=_ref$shownValues===void 0?[]:_ref$shownValues,_ref$filterShowOnlyIn=_ref.filterShowOnlyInSelectList,filterShowOnlyInSelectList=_ref$filterShowOnlyIn===void 0?false:_ref$filterShowOnlyIn,_ref$updatedItems=_ref.updatedItems,updatedItems=_ref$updatedItems===void 0?[]:_ref$updatedItems;const searchEntityDefaultState={listOptions:[],listOptionsData:[],isHasMore:true,shownValues:[]};const _useState=(0,external_React_.useState)(searchEntityDefaultState),searchEntityState=_useState[0],setSearchEntityState=_useState[1];const listOptions=searchEntityState.listOptions,isHasMore=searchEntityState.isHasMore,listOptionsData=searchEntityState.listOptionsData;const _useState2=(0,external_React_.useState)(''),searchInputValue=_useState2[0],setSearchInputValue=_useState2[1];const _useState3=(0,external_React_.useState)(null),nextCursor=_useState3[0],setNextCursor=_useState3[1];const loadOptionsParams={queryFunction,nextCursor};const loadData=(0,external_React_.useCallback)(function(val){if(val===void 0){val='';}let optionsList=listOptions||[];const shouldLoad=!nextCursor||(nextCursor==null?void 0:nextCursor.offset)<(nextCursor==null?void 0:nextCursor.total);if(shouldLoad&&loadOptions){const additional=nextCursor?{queryFunction,nextCursor:{count:nextCursor==null?void 0:nextCursor.count,offset:nextCursor==null?void 0:nextCursor.offset,total:nextCursor==null?void 0:nextCursor.total}}:loadOptionsParams;loadOptions(val,listOptionsData,additional).then(response=>{const options=response.options,hasMore=response.hasMore;const newOptions=options!=null&&options.length?[...listOptionsData,...options]:listOptionsData;optionsList=(newOptions||[]).map(item=>{item.value=item.id;item.label=item.role;item.prefix=/*#__PURE__*/external_React_default().createElement(PermissionsList_Avatar,{icon:item.icon,isDashboard:isDashboard,name:item.label,imgProps:{src:item.icon}});item.title=item.label;item.subtitle=item.description;item.overrideOptionStyle=true;return item;});const listOptionsData2=optionsList;optionsList=optionsList.map(option=>listItemSelectBuilder(option));setSearchEntityState({...searchEntityState,listOptions:optionsList,isHasMore:hasMore,listOptionsData:listOptionsData2});setNextCursor(response.additional.nextCursor);}).catch(e=>console.log('e',e));}},[searchInputValue,nextCursor,listOptionsData]);const updateSelectedRoles=data=>{if(onSelect){const newData=data.length>=2?data.filter(item=>!item.showOnlyInSelectList):data;onSelect(newData);}};const handleOnChange=(0,external_React_.useCallback)((0,lodash.debounce)(text=>{loadData(text);},600),[]);const handleOnRemoveTag=tagId=>{const newData=value.filter(tag=>tag.id!==tagId);updateSelectedRoles(newData);};const handleOnSelect=option=>{const existed=value.find(role=>(role==null?void 0:role.id)===(siteVisitorsData==null?void 0:siteVisitorsData.id));if(!existed||(option==null?void 0:option.id)!==(siteVisitorsData==null?void 0:siteVisitorsData.id)){const selectedOptionData=listOptionsData.find(_ref2=>{let id=_ref2.id;return id===option.id;});const data=[...value,selectedOptionData];updateSelectedRoles(data);}};const siteVisitorsData=listOptionsData.find(item=>item.showOnlyInSelectList);const filterSiteVisitors=obj=>(obj==null?void 0:obj.id)!==(siteVisitorsData==null?void 0:siteVisitorsData.id);const filteredListOptions=filterShowOnlyInSelectList?listOptions.filter(filterSiteVisitors):listOptions;const filteredData=filteredListOptions.filter((v,i)=>filteredListOptions.findIndex(t=>t.id===v.id)===i);const filteredSelectedData=filteredData.filter(item=>!updatedItems.some(selectedItem=>selectedItem.id===item.id&&selectedItem.selectedPermission!=='NONE'));return/*#__PURE__*/external_React_default().createElement(Box,{minWidth:'434px',display:'block',width:filterShowOnlyInSelectList?'434px':'660px'},/*#__PURE__*/external_React_default().createElement(WrappedMultiSelect,{loadMore:()=>{setTimeout(()=>{loadData(searchInputValue);},300);},infiniteScroll:true,hasMore:isHasMore,highlight:false,maxNumRows:3,tags:shownValues,onSelect:handleOnSelect,onRemoveTag:handleOnRemoveTag,onChange:e=>{setSearchInputValue(e.target.value);e.persist&&e.persist();handleOnChange(e.target.value);},value:searchInputValue,options:filteredSelectedData,placeholder:placeholder,minWidthPixels:350}));};DashboardMultiSelect.displayName='DashboardMultiSelect';
|
|
80221
80223
|
;// ./components/SearchEntity/SearchEntity.tsx
|
|
80222
80224
|
// @ts-ignore
|
|
80223
80225
|
const CustomAsyncPaginate=withAsyncPaginate(react_select_browser_esm);const SearchEntity_Placeholder=props=>/*#__PURE__*/external_React_default().createElement(components.Placeholder,extends_default()({},props,{className:SearchEntity_st_st(SearchEntity_st_classes.placeholder)}));const SearchEntity_MultiValueLabel=props=>{var _props$innerProps;return/*#__PURE__*/external_React_default().createElement(components.MultiValueLabel,extends_default()({},props,{innerProps:{...props.innerProps,className:`${((_props$innerProps=props.innerProps)==null?void 0:_props$innerProps.className)||''} ${SearchEntity_st_st(SearchEntity_st_classes.multiValueLabel)}`.trim()}}));};async function loadOptions(search,_loadedOptions,additional){const queryFunction=additional.queryFunction,nextCursor=additional.nextCursor;const response=await queryFunction(search,nextCursor);const optionsList=(response.items||[]).map(item=>{item.value=item.id;item.label=item.role;return item;});return{options:optionsList,hasMore:response.nextCursor!==null,additional:{queryFunction,nextCursor:response.nextCursor}};}function SearchEntity(props){const _useContext=(0,external_React_.useContext)(TPAComponentsContext),mobile=_useContext.mobile,rtl=_useContext.rtl;const setSelectedRoles=props.setSelectedRoles,queryFunction=props.queryFunction,value=props.value,placeholder=props.placeholder,rows=props.rows,allOptionsSelected=props.allOptionsSelected,filterShowOnlyInSelectList=props.filterShowOnlyInSelectList,loadingMessage=props.loadingMessage,noOptionsMessage=props.noOptionsMessage,className=props.className,_props$numberOfResult=props.numberOfResultsMessage,numberOfResultsMessage=_props$numberOfResult===void 0?'':_props$numberOfResult,_props$pressDeleteToR=props.pressDeleteToRemoveMessage,pressDeleteToRemoveMessage=_props$pressDeleteToR===void 0?'':_props$pressDeleteToR,searchEntityRef=props.searchEntityRef,isDashboard=props.isDashboard,updatedItems=props.updatedItems;const customComponents={DropdownIndicator:null,IndicatorSeparator:null,Menu:SearchReplacmentsComponents_Menu(numberOfResultsMessage),MultiValueRemove:SearchReplacmentsComponents_MultiValueRemove(pressDeleteToRemoveMessage),MultiValueLabel: SearchEntity_MultiValueLabel,Option: SearchReplacmentsComponents_Option,ValueContainer: SearchReplacmentsComponents_ValueContainer,LoadingIndicator:null,LoadingMessage: SearchReplacmentsComponents_LoadingMessage,NoOptionsMessage: SearchReplacmentsComponents_NoOptionsMessage,Placeholder: SearchEntity_Placeholder};const values=value||[];const shownValues=values.filter(item=>!item.showOnlyInSelectList);const onSelect=e=>{if(setSelectedRoles){setSelectedRoles(e??[]);}};const filterOptions=(candidate,_input)=>{if(!filterShowOnlyInSelectList){return true;}return!candidate.data.showOnlyInSelectList;};return isDashboard?/*#__PURE__*/external_React_default().createElement(DashboardMultiSelect,{placeholder:placeholder,loadOptions:loadOptions,queryFunction:queryFunction,isDashboard:isDashboard,onSelect:setSelectedRoles,value:value,shownValues:shownValues,filterShowOnlyInSelectList:filterShowOnlyInSelectList,updatedItems:updatedItems}):/*#__PURE__*/external_React_default().createElement(CustomAsyncPaginate,{selectRef:searchEntityRef,isMulti:true,cacheOptions:true,defaultOptions:false,styles:customStyles({...props,rows:rows||DEFAULT_ROWS_NUMBER},rtl||false),value:shownValues,loadingMessage:()=>loadingMessage||null,placeholder:placeholder,"aria-label":placeholder,isClearable:false,classNamePrefix:'search-entity',noOptionsMessage:_ref=>{let inputValue=_ref.inputValue;if(`${inputValue}`.trim().length){return`${noOptionsMessage}`;}return`${allOptionsSelected}`;},className:SearchEntity_st_st(SearchEntity_st_classes.root,{mobile,rtl},className),components:customComponents,onChange:onSelect,additional:{queryFunction,nextCursor:null},filterOption:filterOptions,loadOptions:loadOptions,debounceTimeout:300,autoFocus:true});}SearchEntity.displayName='SearchEntity';/* harmony default export */ const SearchEntity_SearchEntity = (SearchEntity);
|
|
@@ -80265,7 +80267,7 @@ if(false /* HMR */) // removed by dead control flow
|
|
|
80265
80267
|
|
|
80266
80268
|
|
|
80267
80269
|
|
|
80268
|
-
var EmptyState_st_css_namespace_ = "
|
|
80270
|
+
var EmptyState_st_css_namespace_ = "wds_1_312_0_EmptyState";
|
|
80269
80271
|
var EmptyState_st_css_style_ = classesRuntime.bind(null, EmptyState_st_css_namespace_);
|
|
80270
80272
|
|
|
80271
80273
|
var EmptyState_st_css_cssStates = statesRuntime.bind(null, EmptyState_st_css_namespace_);
|
|
@@ -80273,12 +80275,12 @@ var EmptyState_st_css_style = (/* unused pure expression or super */ null && (Em
|
|
|
80273
80275
|
var EmptyState_st_css_st = EmptyState_st_css_style_;
|
|
80274
80276
|
|
|
80275
80277
|
var EmptyState_st_css_namespace = (/* unused pure expression or super */ null && (EmptyState_st_css_namespace_));
|
|
80276
|
-
var EmptyState_st_css_classes = {"root":"
|
|
80278
|
+
var EmptyState_st_css_classes = {"root":"wds_1_312_0_EmptyState__root","childrenContainer":"wds_1_312_0_EmptyState__childrenContainer","imageContainer":"wds_1_312_0_EmptyState__imageContainer","container":"wds_1_312_0_EmptyState__container","imageElement":"wds_1_312_0_EmptyState__imageElement","titleContainer":"wds_1_312_0_EmptyState__titleContainer","title":"wds_1_312_0_EmptyState__title","subtitle":"wds_1_312_0_EmptyState__subtitle","subtitleContainer":"wds_1_312_0_EmptyState__subtitleContainer"};
|
|
80277
80279
|
var EmptyState_st_css_keyframes = {};
|
|
80278
80280
|
var EmptyState_st_css_layers = {};
|
|
80279
80281
|
var EmptyState_st_css_containers = {};
|
|
80280
80282
|
var EmptyState_st_css_stVars = {};
|
|
80281
|
-
var EmptyState_st_css_vars = {"wds-space-150":"--wds-space-150","wds-space-400":"--wds-space-400","wds-space-700":"--wds-space-700","wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-empty-state-border-radius":"--wds-empty-state-border-radius","wds-empty-state-page-content-paddings":"--wds-empty-state-page-content-paddings","wds-empty-state-section-content-paddings":"--wds-empty-state-section-content-paddings","wds-empty-state-subtitle-fill":"--wds-empty-state-subtitle-fill","wds-empty-state-title-gap":"--wds-empty-state-title-gap","mobileImageMaxHeight":"--
|
|
80283
|
+
var EmptyState_st_css_vars = {"wds-space-150":"--wds-space-150","wds-space-400":"--wds-space-400","wds-space-700":"--wds-space-700","wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-empty-state-border-radius":"--wds-empty-state-border-radius","wds-empty-state-page-content-paddings":"--wds-empty-state-page-content-paddings","wds-empty-state-section-content-paddings":"--wds-empty-state-section-content-paddings","wds-empty-state-subtitle-fill":"--wds-empty-state-subtitle-fill","wds-empty-state-title-gap":"--wds-empty-state-title-gap","mobileImageMaxHeight":"--wds_1_312_0_EmptyState-mobileImageMaxHeight"};
|
|
80282
80284
|
|
|
80283
80285
|
|
|
80284
80286
|
|
|
@@ -80305,7 +80307,7 @@ const EmptyState_EmptyState = ({ theme, skin, image = defaultEmptyStateProps.ima
|
|
|
80305
80307
|
const { mobile } = external_React_default().useContext(WixDesignSystemContext);
|
|
80306
80308
|
(0,external_React_.useEffect)(() => {
|
|
80307
80309
|
if (theme) {
|
|
80308
|
-
|
|
80310
|
+
deprecationLog_deprecationLog('<EmptyState/> - prop "theme" is deprecated and will be removed in next major release, please use "skin" property instead.');
|
|
80309
80311
|
}
|
|
80310
80312
|
}, [theme]);
|
|
80311
80313
|
return (external_React_default().createElement("div", { className: EmptyState_st_css_st(EmptyState_st_css_classes.root, { skin: mergedSkin, align, mobile }, className), "data-hook": dataHook, "data-skin": mergedSkin, "data-align": align },
|
|
@@ -80314,18 +80316,18 @@ const EmptyState_EmptyState = ({ theme, skin, image = defaultEmptyStateProps.ima
|
|
|
80314
80316
|
'data-hook': 'image-node',
|
|
80315
80317
|
})))),
|
|
80316
80318
|
title && (external_React_default().createElement("div", { className: EmptyState_st_css_classes.titleContainer, "data-hook": "empty-state-title-container" },
|
|
80317
|
-
external_React_default().createElement(
|
|
80319
|
+
external_React_default().createElement(Heading, { className: EmptyState_st_css_classes.title, as: "h3", size: mergedSkin === 'section' ? 'medium' : 'large' }, title))),
|
|
80318
80320
|
subtitle && (external_React_default().createElement("div", { className: EmptyState_st_css_classes.subtitleContainer, "data-hook": "empty-state-subtitle-container" },
|
|
80319
|
-
external_React_default().createElement(
|
|
80321
|
+
external_React_default().createElement(TextWithEllipsis, { className: EmptyState_st_css_classes.subtitle, size: "small" }, subtitle))),
|
|
80320
80322
|
children && (external_React_default().createElement("div", { className: EmptyState_st_css_classes.childrenContainer, "data-hook": "empty-state-children-container" }, children)))));
|
|
80321
80323
|
};
|
|
80322
80324
|
EmptyState_EmptyState.displayName = 'EmptyState';
|
|
80323
|
-
|
|
80325
|
+
|
|
80324
80326
|
//# sourceMappingURL=EmptyState.js.map
|
|
80325
80327
|
;// ./components/EmptyState/EmptyState.tsx
|
|
80326
|
-
function EmptyState_EmptyState_EmptyState(props){const _useContext=(0,external_React_.useContext)(TPAComponentsContext),mobile=_useContext.mobile;const mainTitle=props.mainTitle,description=props.description,className=props.className,_props$isDashboard=props.isDashboard,isDashboard=_props$isDashboard===void 0?false:_props$isDashboard;if(isDashboard){const wsrEmptyStateTitle=/*#__PURE__*/external_React_default().createElement(
|
|
80328
|
+
function EmptyState_EmptyState_EmptyState(props){const _useContext=(0,external_React_.useContext)(TPAComponentsContext),mobile=_useContext.mobile;const mainTitle=props.mainTitle,description=props.description,className=props.className,_props$isDashboard=props.isDashboard,isDashboard=_props$isDashboard===void 0?false:_props$isDashboard;if(isDashboard){const wsrEmptyStateTitle=/*#__PURE__*/external_React_default().createElement(TextWithEllipsis,{size:"medium",weight:"bold"},mainTitle);const wsrEmptyStateDescription=/*#__PURE__*/external_React_default().createElement(TextWithEllipsis,{size:"medium"}," ",description," ");return/*#__PURE__*/external_React_default().createElement(Box,{className:EmptyState_st_st(EmptyState_st_classes.emptyStateWsr)},/*#__PURE__*/external_React_default().createElement(EmptyState_EmptyState,{theme:"page-no-border",title:wsrEmptyStateTitle,align:"center",subtitle:wsrEmptyStateDescription,className:EmptyState_st_classes.wsrEmptyStateContainer}));}return/*#__PURE__*/external_React_default().createElement("div",{className:EmptyState_st_st(EmptyState_st_classes.emptyState,{mobile},className)},/*#__PURE__*/external_React_default().createElement(Text,{typography:TextTypography.smallTitle,className:EmptyState_st_st(EmptyState_st_classes.mainTitle)},he_default().decode(mainTitle)),/*#__PURE__*/external_React_default().createElement(Text,{typography:TextTypography.runningText,className:EmptyState_st_st(EmptyState_st_classes.description)},he_default().decode(description)));}EmptyState_EmptyState_EmptyState.displayName='EmptyState';/* harmony default export */ const components_EmptyState_EmptyState = (EmptyState_EmptyState_EmptyState);
|
|
80327
80329
|
;// ./components/PermissionsList/PermissionsList.tsx
|
|
80328
|
-
function PermissionsList(props){const onChange=props.onChange,className=props.className,items=props.items,emptyStateTitle=props.emptyStateTitle,emptyStateDescription=props.emptyStateDescription,loading=props.loading,removePermissionCode=props.removePermissionCode,permissionRemovedMessage=props.permissionRemovedMessage,_props$isDashboard=props.isDashboard,isDashboard=_props$isDashboard===void 0?false:_props$isDashboard,_props$modalAlertVisi=props.modalAlertVisible,modalAlertVisible=_props$modalAlertVisi===void 0?false:_props$modalAlertVisi,containerRef=props.containerRef,bmHarmonyTheme=props.bmHarmonyTheme;const _useState=(0,external_React_.useState)({status:false,id:''}),permissionRemoved=_useState[0],setPermissionRemoved=_useState[1];const _useState2=(0,external_React_.useState)(''),currentHighlightedOptionId=_useState2[0],setCurrentHighlightedOptionId=_useState2[1];const filteredItems=items.filter(item=>item.selectedPermission!==props.removePermissionCode);const onChangeCheckRemoved=data=>{setPermissionRemoved({status:data.permissionId===removePermissionCode,id:data.id});if(onChange){onChange(data);}};if(isDashboard){const itemsList=filteredItems==null?void 0:filteredItems.map(obj=>{const description=obj.description,id=obj.id,role=obj.role,selectedPermission=obj.selectedPermission,options=obj.options,icon=obj.icon;const wsrPermissionChange=permissionId=>{onChangeCheckRemoved({permissionId,id});};const suffixIcon=/*#__PURE__*/external_React_default().createElement(PermissionsDropdown_PermissionsDropdown,{isDashboard:isDashboard,disabled:false,options:options,value:selectedPermission,onChange:wsrPermissionChange,className:ViewRow_st_st(ViewRow_st_classes.wsrMaxHeight),shouldChangeColor:currentHighlightedOptionId===id,containerRef:containerRef,bmHarmonyTheme:bmHarmonyTheme});return listItemSelectBuilder({id,prefix:/*#__PURE__*/external_React_default().createElement(PermissionsList_Avatar,{icon:icon}),title:role,subtitle:description,suffix:suffixIcon,label:role});});return/*#__PURE__*/external_React_default().createElement(
|
|
80330
|
+
function PermissionsList(props){const onChange=props.onChange,className=props.className,items=props.items,emptyStateTitle=props.emptyStateTitle,emptyStateDescription=props.emptyStateDescription,loading=props.loading,removePermissionCode=props.removePermissionCode,permissionRemovedMessage=props.permissionRemovedMessage,_props$isDashboard=props.isDashboard,isDashboard=_props$isDashboard===void 0?false:_props$isDashboard,_props$modalAlertVisi=props.modalAlertVisible,modalAlertVisible=_props$modalAlertVisi===void 0?false:_props$modalAlertVisi,containerRef=props.containerRef,bmHarmonyTheme=props.bmHarmonyTheme;const _useState=(0,external_React_.useState)({status:false,id:''}),permissionRemoved=_useState[0],setPermissionRemoved=_useState[1];const _useState2=(0,external_React_.useState)(''),currentHighlightedOptionId=_useState2[0],setCurrentHighlightedOptionId=_useState2[1];const filteredItems=items.filter(item=>item.selectedPermission!==props.removePermissionCode);const onChangeCheckRemoved=data=>{setPermissionRemoved({status:data.permissionId===removePermissionCode,id:data.id});if(onChange){onChange(data);}};if(isDashboard){const itemsList=filteredItems==null?void 0:filteredItems.map(obj=>{const description=obj.description,id=obj.id,role=obj.role,selectedPermission=obj.selectedPermission,options=obj.options,icon=obj.icon;const wsrPermissionChange=permissionId=>{onChangeCheckRemoved({permissionId,id});};const suffixIcon=/*#__PURE__*/external_React_default().createElement(PermissionsDropdown_PermissionsDropdown,{isDashboard:isDashboard,disabled:false,options:options,value:selectedPermission,onChange:wsrPermissionChange,className:ViewRow_st_st(ViewRow_st_classes.wsrMaxHeight),shouldChangeColor:currentHighlightedOptionId===id,containerRef:containerRef,bmHarmonyTheme:bmHarmonyTheme});return listItemSelectBuilder({id,prefix:/*#__PURE__*/external_React_default().createElement(PermissionsList_Avatar,{icon:icon}),title:role,subtitle:description,suffix:suffixIcon,label:role});});return/*#__PURE__*/external_React_default().createElement(Box,{verticalAlign:"middle",height:modalAlertVisible?'61%':'87%',marginLeft:'12px',marginRight:'6px',overflow:'auto',className:ViewRow_st_st(ViewRow_st_classes.wsrPermissionsDropdownBox)},!filteredItems.length&&loading===Loading.Success?/*#__PURE__*/external_React_default().createElement(components_EmptyState_EmptyState,{mainTitle:emptyStateTitle,description:emptyStateDescription,isDashboard:isDashboard}):/*#__PURE__*/external_React_default().createElement(WrappedDropdownLayout,{options:itemsList,visible:true,inContainer:true,maxHeightPixels:'345px',overflow:'visible',onSelect:option=>{setCurrentHighlightedOptionId(option==null?void 0:option.id);}}));}return!filteredItems.length&&loading===Loading.Success?/*#__PURE__*/external_React_default().createElement(components_EmptyState_EmptyState,{mainTitle:emptyStateTitle,description:emptyStateDescription,className:className}):/*#__PURE__*/external_React_default().createElement(rsc_esm_Scrollbar,{native:true,translateContentSizeYToHolder:true,noScrollX:true,className:className},/*#__PURE__*/external_React_default().createElement("div",null,filteredItems.map(k=>{return/*#__PURE__*/external_React_default().createElement(PermissionsList_ViewRow,extends_default()({containerRef:containerRef},k,{key:k.id,onChange:onChangeCheckRemoved}));}),permissionRemoved.status&&/*#__PURE__*/external_React_default().createElement("span",{className:"sr-only",role:"alert",key:`permissionremoved${permissionRemoved.id}`},permissionRemovedMessage)));}PermissionsList.displayName='PermissionsList';/* harmony default export */ const PermissionsList_PermissionsList = (PermissionsList);
|
|
80329
80331
|
// EXTERNAL MODULE: ../../../node_modules/@wix/wix-ui-tpa/dist/cssVars/esm/components/internal/WixUiCoreComponents/components/CoreCheckbox/CoreCheckbox.st.css
|
|
80330
80332
|
var CoreCheckbox_st = __webpack_require__(8785);
|
|
80331
80333
|
;// ../../../node_modules/@wix/wix-ui-tpa/dist/cssVars/esm/components/internal/WixUiCoreComponents/components/CoreCheckbox/CoreCheckbox.js
|
|
@@ -80699,11 +80701,11 @@ const customArrow = (placement, arrowProps) => {
|
|
|
80699
80701
|
return (external_React_.createElement("div", { className: Tooltip_st_classes.tpaArrow, ...arrowProps },
|
|
80700
80702
|
external_React_.createElement(ArrowSvg, null)));
|
|
80701
80703
|
};
|
|
80702
|
-
const
|
|
80704
|
+
const Tooltip_Tooltip = (props) => {
|
|
80703
80705
|
const { className, skin = TooltipSkin.Standard, maxWidth = 240, ...rest } = props;
|
|
80704
80706
|
return (external_React_.createElement(CoreTooltip, { className: Tooltip_st_st(Tooltip_st_classes.root, { skin: props.skin }, className), timeout: { enter: 120, exit: 80 }, customArrow: customArrow, maxWidth: maxWidth, ...rest }));
|
|
80705
80707
|
};
|
|
80706
|
-
|
|
80708
|
+
Tooltip_Tooltip.displayName = 'Tooltip';
|
|
80707
80709
|
|
|
80708
80710
|
//# sourceMappingURL=Tooltip.js.map
|
|
80709
80711
|
;// ../../../node_modules/@wix/wix-ui-tpa/dist/cssVars/esm/components/IconTooltip/IconTooltip.js
|
|
@@ -80721,7 +80723,7 @@ class IconTooltip extends external_React_.Component {
|
|
|
80721
80723
|
.substring(2)}`;
|
|
80722
80724
|
const { message, icon, tooltipId = generatedTooltipId, tooltipSkin, showTooltip, onClickOutside, onEscape, tooltipProps, 'data-hook': dataHook, className, ...rest } = this.props;
|
|
80723
80725
|
const content = external_React_.createElement("span", { id: tooltipId }, message);
|
|
80724
|
-
return (external_React_.createElement(
|
|
80726
|
+
return (external_React_.createElement(Tooltip_Tooltip, { className: (0,IconTooltip_st.st)(IconTooltip_st.classes.root, {}, className), "data-hook": dataHook, "aria-live": "polite", disabled: !showTooltip, content: content, appendTo: "scrollParent", skin: tooltipSkin, shown: showTooltip, onClickOutside: onClickOutside, disableClickOutsideWhenClosed: true, onEscPress: onEscape, ...tooltipProps },
|
|
80725
80727
|
external_React_.createElement(external_React_.Fragment, null,
|
|
80726
80728
|
external_React_.createElement(CoreButtonNext_CoreButtonNext, { className: IconTooltip_st.classes.button, "aria-pressed": showTooltip, "aria-labelledby": tooltipId, ...rest },
|
|
80727
80729
|
external_React_.createElement("div", { className: IconTooltip_st.classes.icon }, icon)),
|
|
@@ -80820,7 +80822,7 @@ const Asterisk = ({ dataHook, ...props }) => (external_React_default().createEle
|
|
|
80820
80822
|
|
|
80821
80823
|
|
|
80822
80824
|
/** An implementation of Checkbox for TPAs */
|
|
80823
|
-
class
|
|
80825
|
+
class Checkbox_Checkbox extends external_React_.Component {
|
|
80824
80826
|
constructor(props) {
|
|
80825
80827
|
super(props);
|
|
80826
80828
|
this.inputRef = external_React_.createRef();
|
|
@@ -80972,8 +80974,8 @@ class Checkbox_Checkbox_Checkbox extends external_React_.Component {
|
|
|
80972
80974
|
shouldShowErrorIcon ? this._getErrorSuffix() : null))));
|
|
80973
80975
|
}
|
|
80974
80976
|
}
|
|
80975
|
-
|
|
80976
|
-
|
|
80977
|
+
Checkbox_Checkbox.displayName = 'Checkbox';
|
|
80978
|
+
Checkbox_Checkbox.defaultProps = {
|
|
80977
80979
|
checked: false,
|
|
80978
80980
|
disabled: false,
|
|
80979
80981
|
label: '',
|
|
@@ -80983,7 +80985,7 @@ Checkbox_Checkbox_Checkbox.defaultProps = {
|
|
|
80983
80985
|
theme: CheckboxTheme.Default,
|
|
80984
80986
|
'data-hook': CheckboxDataHooks.CheckboxWrapper,
|
|
80985
80987
|
};
|
|
80986
|
-
|
|
80988
|
+
Checkbox_Checkbox.contextType = TPAComponentsContext;
|
|
80987
80989
|
//# sourceMappingURL=Checkbox.js.map
|
|
80988
80990
|
;// ../../../node_modules/@wix/wix-ui-tpa/dist/cssVars/esm/components/TextArea/TextArea.st.css
|
|
80989
80991
|
|
|
@@ -81239,7 +81241,7 @@ const FOCUSABLE_SELECTOR = 'a[href], button, input, textarea, select, [tabindex]
|
|
|
81239
81241
|
|
|
81240
81242
|
|
|
81241
81243
|
|
|
81242
|
-
var InfoIcon_st_css_namespace_ = "
|
|
81244
|
+
var InfoIcon_st_css_namespace_ = "wds_1_312_0_InfoIcon";
|
|
81243
81245
|
var InfoIcon_st_css_style_ = classesRuntime.bind(null, InfoIcon_st_css_namespace_);
|
|
81244
81246
|
|
|
81245
81247
|
var InfoIcon_st_css_cssStates = statesRuntime.bind(null, InfoIcon_st_css_namespace_);
|
|
@@ -81247,7 +81249,7 @@ var InfoIcon_st_css_style = (/* unused pure expression or super */ null && (Info
|
|
|
81247
81249
|
var InfoIcon_st_css_st = InfoIcon_st_css_style_;
|
|
81248
81250
|
|
|
81249
81251
|
var InfoIcon_st_css_namespace = (/* unused pure expression or super */ null && (InfoIcon_st_css_namespace_));
|
|
81250
|
-
var InfoIcon_st_css_classes = {"root":"
|
|
81252
|
+
var InfoIcon_st_css_classes = {"root":"wds_1_312_0_InfoIcon__root","trigger":"wds_1_312_0_InfoIcon__trigger","icon":"wds_1_312_0_InfoIcon__icon"};
|
|
81251
81253
|
var InfoIcon_st_css_keyframes = {};
|
|
81252
81254
|
var InfoIcon_st_css_layers = {};
|
|
81253
81255
|
var InfoIcon_st_css_containers = {};
|
|
@@ -81280,12 +81282,25 @@ const InfoIcon = ({ dataHook, content, size = 'medium', tooltipProps, className,
|
|
|
81280
81282
|
const tooltipRef = (0,external_React_.useRef)(null);
|
|
81281
81283
|
const triggerRef = (0,external_React_.useRef)(null);
|
|
81282
81284
|
const [isOpenedViaKeyboard, setIsOpenedViaKeyboard] = (0,external_React_.useState)(false);
|
|
81285
|
+
const [isShown, setIsShown] = (0,external_React_.useState)(false);
|
|
81286
|
+
const wasShownOnPointerDown = (0,external_React_.useRef)(false);
|
|
81287
|
+
const pointerDownSeen = (0,external_React_.useRef)(false);
|
|
81283
81288
|
const autoId = useId();
|
|
81284
81289
|
const propAriaLabelledBy = tooltipProps?.['aria-labelledby'] ?? ariaLabelledBy;
|
|
81285
81290
|
const propAriaDescribedBy = tooltipProps?.['aria-describedby'] ?? ariaDescribedBy;
|
|
81286
81291
|
const tooltipId = propAriaLabelledBy || propAriaDescribedBy || `infoicon-tooltip-${autoId}`;
|
|
81292
|
+
const handleTooltipShow = (0,external_React_.useCallback)(() => {
|
|
81293
|
+
setIsShown(true);
|
|
81294
|
+
tooltipProps?.onShow?.();
|
|
81295
|
+
}, [tooltipProps]);
|
|
81296
|
+
const handleTooltipHide = (0,external_React_.useCallback)(() => {
|
|
81297
|
+
setIsShown(false);
|
|
81298
|
+
tooltipProps?.onHide?.();
|
|
81299
|
+
}, [tooltipProps]);
|
|
81287
81300
|
const mergedTooltipProps = {
|
|
81288
81301
|
...tooltipProps,
|
|
81302
|
+
onShow: handleTooltipShow,
|
|
81303
|
+
onHide: handleTooltipHide,
|
|
81289
81304
|
...(propAriaLabelledBy
|
|
81290
81305
|
? { 'aria-labelledby': propAriaLabelledBy }
|
|
81291
81306
|
: { 'aria-describedby': propAriaDescribedBy || tooltipId }),
|
|
@@ -81314,6 +81329,28 @@ const InfoIcon = ({ dataHook, content, size = 'medium', tooltipProps, className,
|
|
|
81314
81329
|
setIsOpenedViaKeyboard(false);
|
|
81315
81330
|
}
|
|
81316
81331
|
}, [isOpenedViaKeyboard]);
|
|
81332
|
+
const handlePointerDown = () => {
|
|
81333
|
+
wasShownOnPointerDown.current = isShown;
|
|
81334
|
+
pointerDownSeen.current = true;
|
|
81335
|
+
};
|
|
81336
|
+
const handleClick = () => {
|
|
81337
|
+
if (tooltipProps?.disabled) {
|
|
81338
|
+
return;
|
|
81339
|
+
}
|
|
81340
|
+
const wasShown = pointerDownSeen.current
|
|
81341
|
+
? wasShownOnPointerDown.current
|
|
81342
|
+
: isShown;
|
|
81343
|
+
pointerDownSeen.current = false;
|
|
81344
|
+
if (wasShown) {
|
|
81345
|
+
if (isShown) {
|
|
81346
|
+
tooltipRef.current?.close();
|
|
81347
|
+
setIsOpenedViaKeyboard(false);
|
|
81348
|
+
}
|
|
81349
|
+
}
|
|
81350
|
+
else if (!isShown) {
|
|
81351
|
+
tooltipRef.current?.open();
|
|
81352
|
+
}
|
|
81353
|
+
};
|
|
81317
81354
|
const handleKeyDown = (event) => {
|
|
81318
81355
|
if (event.key === 'Escape') {
|
|
81319
81356
|
closeAndRefocus();
|
|
@@ -81364,10 +81401,10 @@ const InfoIcon = ({ dataHook, content, size = 'medium', tooltipProps, className,
|
|
|
81364
81401
|
});
|
|
81365
81402
|
}, [isOpenedViaKeyboard, closeAndRefocus]);
|
|
81366
81403
|
return (external_React_default().createElement("div", { className: InfoIcon_st_css_st(InfoIcon_st_css_classes.root, className), "data-size": size, "data-hook": dataHook, onBlur: handleBlur },
|
|
81367
|
-
external_React_default().createElement(
|
|
81404
|
+
external_React_default().createElement(Tooltip, { ...mergedTooltipProps, content: content, dataHook: InfoIcon_constants_dataHooks.tooltip, ref: tooltipRef }, () => (external_React_default().createElement("div", { ref: triggerRef, className: InfoIcon_st_css_classes.trigger, role: "button", tabIndex: 0, "aria-label": ariaLabel, "aria-haspopup": true, "aria-expanded": isShown, "aria-controls": tooltipId, onKeyDown: handleKeyDown, onFocus: handleTriggerFocus, onPointerDown: handlePointerDown, onClick: handleClick }, children ?? external_React_default().createElement(Icon, { className: InfoIcon_st_css_classes.icon }))))));
|
|
81368
81405
|
};
|
|
81369
81406
|
InfoIcon.displayName = 'InfoIcon';
|
|
81370
|
-
|
|
81407
|
+
|
|
81371
81408
|
//# sourceMappingURL=InfoIcon.js.map
|
|
81372
81409
|
;// ../../../node_modules/@wix/design-system/dist/esm/FormField/FormField.constants.js
|
|
81373
81410
|
const prefix = 'formfield';
|
|
@@ -81409,7 +81446,7 @@ const LABEL_SIZE = {
|
|
|
81409
81446
|
|
|
81410
81447
|
|
|
81411
81448
|
|
|
81412
|
-
var FormField_st_css_namespace_ = "
|
|
81449
|
+
var FormField_st_css_namespace_ = "wds_1_312_0_FormField";
|
|
81413
81450
|
var FormField_st_css_style_ = classesRuntime.bind(null, FormField_st_css_namespace_);
|
|
81414
81451
|
|
|
81415
81452
|
var FormField_st_css_cssStates = statesRuntime.bind(null, FormField_st_css_namespace_);
|
|
@@ -81417,7 +81454,7 @@ var FormField_st_css_style = (/* unused pure expression or super */ null && (For
|
|
|
81417
81454
|
var FormField_st_css_st = FormField_st_css_style_;
|
|
81418
81455
|
|
|
81419
81456
|
var FormField_st_css_namespace = (/* unused pure expression or super */ null && (FormField_st_css_namespace_));
|
|
81420
|
-
var FormField_st_css_classes = {"root":"
|
|
81457
|
+
var FormField_st_css_classes = {"root":"wds_1_312_0_FormField__root","label":"wds_1_312_0_FormField__label","suffix":"wds_1_312_0_FormField__suffix","children":"wds_1_312_0_FormField__children","statusMessage":"wds_1_312_0_FormField__statusMessage","labelRow":"wds_1_312_0_FormField__labelRow","labelRowMain":"wds_1_312_0_FormField__labelRowMain","asterisk":"wds_1_312_0_FormField__asterisk","charCount":"wds_1_312_0_FormField__charCount","infoIcon":"wds_1_312_0_FormField__infoIcon","statusIcon":"wds_1_312_0_FormField__statusIcon"};
|
|
81421
81458
|
var FormField_st_css_keyframes = {};
|
|
81422
81459
|
var FormField_st_css_layers = {};
|
|
81423
81460
|
var FormField_st_css_containers = {};
|
|
@@ -81489,7 +81526,7 @@ class FormField extends external_React_.Component {
|
|
|
81489
81526
|
const colorProps = lengthLeft && lengthLeft >= 0
|
|
81490
81527
|
? { light: true, secondary: true }
|
|
81491
81528
|
: { skin: constants_SKINS.error };
|
|
81492
|
-
return (external_React_default().createElement(
|
|
81529
|
+
return (external_React_default().createElement(TextWithEllipsis, { className: FormField_st_css_st(FormField_st_css_classes.charCount, { labelSize }), size: constants_SIZES.small, weight: WEIGHTS.normal, ...colorProps, dataHook: FormField_constants_DATA_HOOKS.counter, children: lengthLeft }));
|
|
81493
81530
|
};
|
|
81494
81531
|
this._renderCharCounter = () => {
|
|
81495
81532
|
if (!this._hasCharCounter()) {
|
|
@@ -81500,7 +81537,7 @@ class FormField extends external_React_.Component {
|
|
|
81500
81537
|
};
|
|
81501
81538
|
this._renderInfoIcon = () => {
|
|
81502
81539
|
const { infoContent, infoTooltipProps, showInfoIconOnHover } = this.props;
|
|
81503
|
-
return (infoContent && (external_React_default().createElement(
|
|
81540
|
+
return (infoContent && (external_React_default().createElement(InfoIcon, { dataHook: FormField_constants_DATA_HOOKS.infoIcon, className: FormField_st_css_st(FormField_st_css_classes.infoIcon, {
|
|
81504
81541
|
showInfoIconOnHover: String(showInfoIconOnHover),
|
|
81505
81542
|
}), content: infoContent, tooltipProps: infoTooltipProps, size: "small" })));
|
|
81506
81543
|
};
|
|
@@ -81520,7 +81557,7 @@ class FormField extends external_React_.Component {
|
|
|
81520
81557
|
const { label, id, required, infoContent, ellipsis, maxLines } = this.props;
|
|
81521
81558
|
const weight = labelSize === 'tiny' ? 'normal' : undefined;
|
|
81522
81559
|
const hasSuffix = required || infoContent;
|
|
81523
|
-
return (external_React_default().createElement(
|
|
81560
|
+
return (external_React_default().createElement(TextWithEllipsis, { size: labelSize, weight: weight, htmlFor: id, id: this.labelId, tagName: "label", dataHook: FormField_constants_DATA_HOOKS.label, ellipsis: ellipsis ?? trimLongText, maxLines: maxLines, style: {
|
|
81524
81561
|
display: 'block', // allows the label to be centered vertically
|
|
81525
81562
|
}, secondary: true, className: FormField_st_css_st(FormField_st_css_classes.label, {
|
|
81526
81563
|
labelSize,
|
|
@@ -81549,7 +81586,7 @@ class FormField extends external_React_.Component {
|
|
|
81549
81586
|
}) },
|
|
81550
81587
|
(status === FormField_constants_STATUS.error || status === FormField_constants_STATUS.warning) &&
|
|
81551
81588
|
this._renderStatusIcon(icons),
|
|
81552
|
-
external_React_default().createElement(
|
|
81589
|
+
external_React_default().createElement(TextWithEllipsis, { id: this.statusId, dataHook: FormField_constants_DATA_HOOKS.statusMessage, skin: status === FormField_constants_STATUS.error ? 'error' : 'standard', secondary: status !== FormField_constants_STATUS.error, size: "tiny" }, statusMessage)));
|
|
81553
81590
|
};
|
|
81554
81591
|
this._getCustomColumns = () => {
|
|
81555
81592
|
const { labelWidth, inputWidth } = this.props;
|
|
@@ -81655,7 +81692,6 @@ FormField.defaultProps = {
|
|
|
81655
81692
|
labelPlacement: PLACEMENT.top,
|
|
81656
81693
|
labelAlignment: ALIGN.middle,
|
|
81657
81694
|
};
|
|
81658
|
-
/* harmony default export */ const FormField_FormField = (FormField);
|
|
81659
81695
|
//# sourceMappingURL=FormField.js.map
|
|
81660
81696
|
// EXTERNAL MODULE: ../../../node_modules/lodash/clamp.js
|
|
81661
81697
|
var lodash_clamp = __webpack_require__(5673);
|
|
@@ -81674,7 +81710,7 @@ var isNaN_default = /*#__PURE__*/__webpack_require__.n(lodash_isNaN);
|
|
|
81674
81710
|
|
|
81675
81711
|
|
|
81676
81712
|
|
|
81677
|
-
var InputArea_st_css_namespace_ = "
|
|
81713
|
+
var InputArea_st_css_namespace_ = "wds_1_312_0_InputArea";
|
|
81678
81714
|
var InputArea_st_css_style_ = classesRuntime.bind(null, InputArea_st_css_namespace_);
|
|
81679
81715
|
|
|
81680
81716
|
var InputArea_st_css_cssStates = statesRuntime.bind(null, InputArea_st_css_namespace_);
|
|
@@ -81682,12 +81718,12 @@ var InputArea_st_css_style = (/* unused pure expression or super */ null && (Inp
|
|
|
81682
81718
|
var InputArea_st_css_st = InputArea_st_css_style_;
|
|
81683
81719
|
|
|
81684
81720
|
var InputArea_st_css_namespace = (/* unused pure expression or super */ null && (InputArea_st_css_namespace_));
|
|
81685
|
-
var InputArea_st_css_classes = {"root":"
|
|
81721
|
+
var InputArea_st_css_classes = {"root":"wds_1_312_0_InputArea__root","text-small-thin":"wds_1_312_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_312_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_312_0_defaultscrollbar__defaultScrollBar","input-inner-shadow-mixin":"wds_1_312_0_Input__input-inner-shadow-mixin","inputArea":"wds_1_312_0_InputArea__inputArea","counter":"wds_1_312_0_InputArea__counter","status":"wds_1_312_0_InputArea__status","disabled":"wds_1_312_0_InputArea__disabled","readOnly":"wds_1_312_0_InputArea__readOnly"};
|
|
81686
81722
|
var InputArea_st_css_keyframes = {};
|
|
81687
81723
|
var InputArea_st_css_layers = {};
|
|
81688
81724
|
var InputArea_st_css_containers = {};
|
|
81689
81725
|
var InputArea_st_css_stVars = {};
|
|
81690
|
-
var InputArea_st_css_vars = {"wds-border-radius-full":"--wds-border-radius-full","wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary-readonly":"--wds-color-border-standard-secondary-readonly","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-fill-standard-tertiary-readonly":"--wds-color-fill-standard-tertiary-readonly","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-font-size-body-small":"--wds-font-size-body-small","wds-input-area-border-radius-default-medium":"--wds-input-area-border-radius-default-medium","wds-input-area-padding-left-medium":"--wds-input-area-padding-left-medium","wds-input-area-padding-left-small":"--wds-input-area-padding-left-small","wds-input-area-padding-right-medium":"--wds-input-area-padding-right-medium","wds-input-area-padding-right-small":"--wds-input-area-padding-right-small","wds-input-area-padding-vertical-medium":"--wds-input-area-padding-vertical-medium","wds-input-area-padding-vertical-small":"--wds-input-area-padding-vertical-small","wds-input-background-fill-default":"--wds-input-background-fill-default","wds-input-background-fill-hover":"--wds-input-background-fill-hover","wds-input-border-color":"--wds-input-border-color","wds-input-border-color-hover":"--wds-input-border-color-hover","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-input-size-medium":"--wds-input-size-medium","wds-input-size-small":"--wds-input-size-small","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-input-value-font-line-height-small":"--wds-input-value-font-line-height-small","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-size-small":"--wds-input-value-font-size-small","wds-space-100":"--wds-space-100","wds-color-text-highlight":"--wds-color-text-highlight","wds-color-black-100-transparent-30":"--wds-color-black-100-transparent-30","border-color":"--
|
|
81726
|
+
var InputArea_st_css_vars = {"wds-border-radius-full":"--wds-border-radius-full","wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary-readonly":"--wds-color-border-standard-secondary-readonly","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-fill-standard-tertiary-readonly":"--wds-color-fill-standard-tertiary-readonly","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-font-size-body-small":"--wds-font-size-body-small","wds-input-area-border-radius-default-medium":"--wds-input-area-border-radius-default-medium","wds-input-area-padding-left-medium":"--wds-input-area-padding-left-medium","wds-input-area-padding-left-small":"--wds-input-area-padding-left-small","wds-input-area-padding-right-medium":"--wds-input-area-padding-right-medium","wds-input-area-padding-right-small":"--wds-input-area-padding-right-small","wds-input-area-padding-vertical-medium":"--wds-input-area-padding-vertical-medium","wds-input-area-padding-vertical-small":"--wds-input-area-padding-vertical-small","wds-input-background-fill-default":"--wds-input-background-fill-default","wds-input-background-fill-hover":"--wds-input-background-fill-hover","wds-input-border-color":"--wds-input-border-color","wds-input-border-color-hover":"--wds-input-border-color-hover","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-input-size-medium":"--wds-input-size-medium","wds-input-size-small":"--wds-input-size-small","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-input-value-font-line-height-small":"--wds-input-value-font-line-height-small","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-size-small":"--wds-input-value-font-size-small","wds-space-100":"--wds-space-100","wds-color-text-highlight":"--wds-color-text-highlight","wds-color-black-100-transparent-30":"--wds-color-black-100-transparent-30","border-color":"--wds_1_312_0_InputArea-border-color","border-color-destructive":"--wds_1_312_0_InputArea-border-color-destructive","border-color-warning":"--wds_1_312_0_InputArea-border-color-warning","border-color-disabled":"--wds_1_312_0_InputArea-border-color-disabled","wds-input-area-height-small-adjusted":"--wds_1_312_0_InputArea-wds-input-area-height-small-adjusted","wds-input-area-height-medium-adjusted":"--wds_1_312_0_InputArea-wds-input-area-height-medium-adjusted","input-background":"--wds_1_312_0_InputArea-input-background"};
|
|
81691
81727
|
|
|
81692
81728
|
|
|
81693
81729
|
|
|
@@ -81710,7 +81746,7 @@ const constants_dataAttr = {
|
|
|
81710
81746
|
const InputArea_semanticClassNames_semanticClassNames = {
|
|
81711
81747
|
inputContainer: 'input-area__input-container',
|
|
81712
81748
|
};
|
|
81713
|
-
|
|
81749
|
+
|
|
81714
81750
|
//# sourceMappingURL=InputArea.semanticClassNames.js.map
|
|
81715
81751
|
;// ../../../node_modules/@wix/design-system/dist/esm/InputArea/InputArea.js
|
|
81716
81752
|
|
|
@@ -81724,6 +81760,7 @@ const InputArea_semanticClassNames_semanticClassNames = {
|
|
|
81724
81760
|
|
|
81725
81761
|
|
|
81726
81762
|
|
|
81763
|
+
|
|
81727
81764
|
/**
|
|
81728
81765
|
* General inputArea container
|
|
81729
81766
|
*/
|
|
@@ -81878,7 +81915,7 @@ class InputArea extends (external_React_default()).PureComponent {
|
|
|
81878
81915
|
this._updateComputedStyle.cancel();
|
|
81879
81916
|
}
|
|
81880
81917
|
render() {
|
|
81881
|
-
const { dataHook, className, autoFocus, defaultValue, disabled, forceFocus, forceHover, id, name, onKeyUp, placeholder, readOnly, tabIndex, rows, autoGrow, value, required, minHeight, maxHeight, minLength, maxLength, resizable, hasCounter, size, tooltipPlacement, status, statusMessage, children, onCompositionStart, onCompositionEnd, dir, } = this.props;
|
|
81918
|
+
const { dataHook, className, autoFocus, defaultValue, disabled, forceFocus, forceHover, id, name, onKeyUp, placeholder, readOnly, tabIndex, rows, autoGrow, value, required, minHeight, maxHeight, minLength, maxLength, resizable, hasCounter, size, tooltipPlacement, status, statusMessage, children, onCompositionStart, onCompositionEnd, dir, backgroundColor, } = this.props;
|
|
81882
81919
|
const inlineStyle = {};
|
|
81883
81920
|
const rowsAttr = rows
|
|
81884
81921
|
? rows
|
|
@@ -81906,8 +81943,8 @@ class InputArea extends (external_React_default()).PureComponent {
|
|
|
81906
81943
|
forceHover,
|
|
81907
81944
|
resizable,
|
|
81908
81945
|
readOnly,
|
|
81909
|
-
}, className), ...this._getDataAttr({ statusContext }) },
|
|
81910
|
-
external_React_default().createElement("div", { className: InputArea_st_css_st(InputArea_st_css_classes.inputArea,
|
|
81946
|
+
}, className), style: { [InputArea_st_css_vars['input-background']]: backgroundColor }, ...this._getDataAttr({ statusContext }) },
|
|
81947
|
+
external_React_default().createElement("div", { className: InputArea_st_css_st(InputArea_st_css_classes.inputArea, InputArea_semanticClassNames_semanticClassNames.inputContainer) },
|
|
81911
81948
|
typeof children === 'function' ? (children({
|
|
81912
81949
|
className: '',
|
|
81913
81950
|
rows: rowsAttr || 0,
|
|
@@ -81924,7 +81961,7 @@ class InputArea extends (external_React_default()).PureComponent {
|
|
|
81924
81961
|
this.state.counter,
|
|
81925
81962
|
"/",
|
|
81926
81963
|
maxLength))),
|
|
81927
|
-
external_React_default().createElement("div", { className: InputArea_st_css_classes.status }, (!!status || finalStatus === STATUS.LOADING) && !disabled && (external_React_default().createElement(
|
|
81964
|
+
external_React_default().createElement("div", { className: InputArea_st_css_classes.status }, (!!status || finalStatus === STATUS.LOADING) && !disabled && (external_React_default().createElement(StatusIndicator, { dataHook: InputArea_constants_dataHooks.tooltip, status: finalStatus ?? undefined, message: statusMessage, tooltipProps: {
|
|
81928
81965
|
placement: tooltipPlacement,
|
|
81929
81966
|
} })))));
|
|
81930
81967
|
}));
|
|
@@ -81940,14 +81977,15 @@ InputArea.defaultProps = {
|
|
|
81940
81977
|
maxRowsAutoGrow: InputArea.MAX_ROWS,
|
|
81941
81978
|
size: 'medium',
|
|
81942
81979
|
};
|
|
81943
|
-
|
|
81980
|
+
const WrappedInputArea = withDefaultProps(InputArea, 'InputArea');
|
|
81981
|
+
|
|
81944
81982
|
//# sourceMappingURL=InputArea.js.map
|
|
81945
81983
|
;// ./components/NotifyBox/NotifyBox.tsx
|
|
81946
|
-
function NotifyBox(props){const _useContext=(0,external_React_.useContext)(TPAComponentsContext),mobile=_useContext.mobile;const checkBoxNotifyLabel=props.checkBoxNotifyLabel,notifyMessagePlaceholder=props.notifyMessagePlaceholder,onChange=props.onChange,_props$value=props.value,notify=_props$value.notify,notifyMessage=_props$value.notifyMessage,notifyLabelHint=props.notifyLabelHint,_props$notifyMessageL=props.notifyMessageLabel,notifyMessageLabel=_props$notifyMessageL===void 0?'':_props$notifyMessageL,_props$isDashboard=props.isDashboard,isDashboard=_props$isDashboard===void 0?false:_props$isDashboard,isSitePublished=props.isSitePublished;const textAreaChange=e=>{onChange({type:SET_MESSAGE,notifyMessage:e.target.value});};const notifyCheckboxChanged=val=>{onChange({type:SET_NOTIFY,notify:val.checked});};const checkboxLabel=/*#__PURE__*/external_React_default().createElement(
|
|
81984
|
+
function NotifyBox(props){const _useContext=(0,external_React_.useContext)(TPAComponentsContext),mobile=_useContext.mobile;const checkBoxNotifyLabel=props.checkBoxNotifyLabel,notifyMessagePlaceholder=props.notifyMessagePlaceholder,onChange=props.onChange,_props$value=props.value,notify=_props$value.notify,notifyMessage=_props$value.notifyMessage,notifyLabelHint=props.notifyLabelHint,_props$notifyMessageL=props.notifyMessageLabel,notifyMessageLabel=_props$notifyMessageL===void 0?'':_props$notifyMessageL,_props$isDashboard=props.isDashboard,isDashboard=_props$isDashboard===void 0?false:_props$isDashboard,isSitePublished=props.isSitePublished;const textAreaChange=e=>{onChange({type:SET_MESSAGE,notifyMessage:e.target.value});};const notifyCheckboxChanged=val=>{onChange({type:SET_NOTIFY,notify:val.checked});};const checkboxLabel=/*#__PURE__*/external_React_default().createElement(Text,{typography:TextTypography.runningText,className:NotifyBox_st_classes.checkboxInnerText},he_default().decode(checkBoxNotifyLabel||''));const checkboxView=mobile?/*#__PURE__*/external_React_default().createElement(Checkbox_Checkbox,{className:NotifyBox_st_st(NotifyBox_st_classes.notifyCheckbox,{checked:notify}),onChange:notifyCheckboxChanged,label:checkboxLabel,checked:notify,"aria-describedby":"tooltipText"}):/*#__PURE__*/external_React_default().createElement(Tooltip_Tooltip,{content:notifyLabelHint,appendTo:"scrollParent",className:NotifyBox_st_st(NotifyBox_st_classes.hintTooltip),placement:"bottom",skin:TooltipSkin.Wired},/*#__PURE__*/external_React_default().createElement(Checkbox_Checkbox,{className:NotifyBox_st_st(NotifyBox_st_classes.notifyCheckbox,{checked:notify}),onChange:notifyCheckboxChanged,label:checkboxLabel,checked:notify,"aria-describedby":"tooltipText"}));const notifyLength=500-((notifyMessage==null?void 0:notifyMessage.length)||0);return/*#__PURE__*/external_React_default().createElement("div",{className:NotifyBox_st_st(NotifyBox_st_classes.root,{mobile,dashboard:isDashboard})},/*#__PURE__*/external_React_default().createElement("div",{className:isDashboard?NotifyBox_st_st(NotifyBox_st_classes.wsrnotifyCheckboxContainer):NotifyBox_st_st(NotifyBox_st_classes.notifyCheckboxContainer)},isDashboard?/*#__PURE__*/external_React_default().createElement(WrappedCheckbox,{onChange:()=>{const val={checked:!notify};notifyCheckboxChanged(val);},checked:notify&&isSitePublished,disabled:!isSitePublished},/*#__PURE__*/external_React_default().createElement(TextWithEllipsis,{skin:isSitePublished?'standard':'disabled'}," ",he_default().decode(checkBoxNotifyLabel||'')),/*#__PURE__*/external_React_default().createElement(InfoIcon,{size:"small",content:notifyLabelHint,className:NotifyBox_st_st(NotifyBox_st_classes.infoIcon),tooltipProps:{maxWidth:'272px'}})):checkboxView),/*#__PURE__*/external_React_default().createElement("label",{className:"sr-only",id:"tooltipText",tabIndex:-1},notifyLabelHint),isDashboard?/*#__PURE__*/external_React_default().createElement(FormField,{charCount:notifyLength},/*#__PURE__*/external_React_default().createElement(WrappedInputArea,{rows:6,maxLength:500,value:notifyMessage||'',ariaLabel:he_default().decode(notifyMessageLabel||''),onChange:textAreaChange,placeholder:he_default().decode(notifyMessagePlaceholder||''),disabled:!isSitePublished||!notify})):/*#__PURE__*/external_React_default().createElement(TextArea,{className:NotifyBox_st_st(NotifyBox_st_classes.noteTextArea),rows:6,onChange:textAreaChange,ariaLabel:he_default().decode(notifyMessageLabel||''),value:notifyMessage||'',placeholder:he_default().decode(notifyMessagePlaceholder||''),maxLength:500,theme:TextAreaTheme.Box}));}NotifyBox.displayName='NotifyBox';/* harmony default export */ const NotifyBox_NotifyBox = (NotifyBox);
|
|
81947
81985
|
;// ./components/Helper/helper.ts
|
|
81948
81986
|
const asyncForEach=async function asyncForEach(array,callback){for(let index=0;index<array.length;index++){await callback(array[index],index,array);}return Promise.resolve();};
|
|
81949
81987
|
;// ./components/HideFolderCheckbox/HideFolderCheckbox.tsx
|
|
81950
|
-
const HideFolderCheckbox=props=>{const isDashboard=props.isDashboard,advancedPermissionState=props.advancedPermissionState,setAdvancedPermissionState=props.setAdvancedPermissionState,checkboxLabel=props.checkboxLabel,checkboxLearnMore=props.checkboxLearnMore,locale=props.locale,triggerBiEventHiddenCheckboxClick=props.triggerBiEventHiddenCheckboxClick;const handleHideFolderCheckBox=()=>{const value=!advancedPermissionState.isHidden;setAdvancedPermissionState({type:SET_IS_HIDDEN_FOLDER,isHidden:value});triggerBiEventHiddenCheckboxClick&&triggerBiEventHiddenCheckboxClick(value);};return/*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment,null,isDashboard&&/*#__PURE__*/external_React_default().createElement(
|
|
81988
|
+
const HideFolderCheckbox=props=>{const isDashboard=props.isDashboard,advancedPermissionState=props.advancedPermissionState,setAdvancedPermissionState=props.setAdvancedPermissionState,checkboxLabel=props.checkboxLabel,checkboxLearnMore=props.checkboxLearnMore,locale=props.locale,triggerBiEventHiddenCheckboxClick=props.triggerBiEventHiddenCheckboxClick;const handleHideFolderCheckBox=()=>{const value=!advancedPermissionState.isHidden;setAdvancedPermissionState({type:SET_IS_HIDDEN_FOLDER,isHidden:value});triggerBiEventHiddenCheckboxClick&&triggerBiEventHiddenCheckboxClick(value);};return/*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment,null,isDashboard&&/*#__PURE__*/external_React_default().createElement(WrappedCheckbox,{size:"small",onChange:handleHideFolderCheckBox,checked:advancedPermissionState.isHidden},checkboxLabel,"\xA0",/*#__PURE__*/external_React_default().createElement(Box,{inline:true},/*#__PURE__*/external_React_default().createElement(TextButtonWithDefaultProps,{size:"small",as:"a",target:"_blank",href:`https://support.wix.com/${locale}/article/wix-file-share-hiding-a-private-folder`},checkboxLearnMore))));};HideFolderCheckbox.displayName='HideFolderCheckbox';/* harmony default export */ const HideFolderCheckbox_HideFolderCheckbox = (HideFolderCheckbox);
|
|
81951
81989
|
;// ./assets/icons/Close.svg
|
|
81952
81990
|
var Close_path;
|
|
81953
81991
|
function Close_extends() { return Close_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, Close_extends.apply(null, arguments); }
|
|
@@ -81969,11 +82007,11 @@ var SvgClose = function SvgClose(props) {
|
|
|
81969
82007
|
const STEP_1=1;const STEP_2=2;
|
|
81970
82008
|
;// ./components/Header/Header.tsx
|
|
81971
82009
|
const Header=props=>{const isDashboard=props.isDashboard,modalTitle=props.modalTitle,modalSubtitle=props.modalSubtitle,step=props.step,mobile=props.mobile,backToFirstView=props.backToFirstView,isModal=props.isModal,closeAriaLabel=props.closeAriaLabel,closeCallback=props.closeCallback;const multiLineMobileClass=mobile?EntityAdvancedPermissions_st_classes.twoLinesEllipsis:'';const onCloseIconKeyDown=e=>{if(e.key==='Enter'){closeCallback();}};return/*#__PURE__*/external_React_default().createElement("div",{className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.header)},/*#__PURE__*/external_React_default().createElement("div",{className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.titleContainer,{secondView:step===STEP_2})//Choose who has access to this folder and set their permissions.
|
|
81972
|
-
},isDashboard?/*#__PURE__*/external_React_default().createElement(
|
|
82010
|
+
},isDashboard?/*#__PURE__*/external_React_default().createElement(Box,{direction:"horizontal",display:"grid"},/*#__PURE__*/external_React_default().createElement(TextWithEllipsis,{id:"modalMainTitle",weight:"bold",size:"medium",ellipsis:true,className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.wsrModalMainTitle)},modalTitle),/*#__PURE__*/external_React_default().createElement(TextWithEllipsis,{id:"folderName",className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.wsrFolderName),ellipsis:true},modalSubtitle)):/*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment,null,/*#__PURE__*/external_React_default().createElement(Text,{id:"modalMainTitle",typography:TextTypography.smallTitle,className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.modalMainTitle,multiLineMobileClass)},modalTitle),/*#__PURE__*/external_React_default().createElement(Text,{id:"folderName",typography:TextTypography.runningText,className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.folderName,multiLineMobileClass)},modalSubtitle))),isModal&&(isDashboard?/*#__PURE__*/external_React_default().createElement(CloseButton,{onClick:closeCallback,className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.closeButton),"aria-label":closeAriaLabel,autoFocus:true,size:"large",skin:"dark"}):mobile?/*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment,null):/*#__PURE__*/external_React_default().createElement(icons_Close,{className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.closeButton),onClick:closeCallback,role:"button",tabIndex:0,onKeyDown:onCloseIconKeyDown,"aria-label":closeAriaLabel})));};Header.displayName='Header';
|
|
81973
82011
|
;// ./components/EntityAdvancedPermissions.tsx
|
|
81974
82012
|
//import BackIcon from '../assets/icons/BackIcon.svg';
|
|
81975
|
-
function EntityAdvancedPermissions(props){const _props$removePermissi=props.removePermissionCode,removePermissionCode=_props$removePermissi===void 0?'NONE':_props$removePermissi,entityTitle=props.entityTitle,entityId=props.entityId,className=props.className,_props$validateChange=props.validateChanges,validateChanges=_props$validateChange===void 0?()=>'':_props$validateChange,_props$labels=props.labels,_props$labels$title=_props$labels.title,title=_props$labels$title===void 0?'Manage Permissions':_props$labels$title,_props$labels$secondT=_props$labels.secondTitle,secondTitle=_props$labels$secondT===void 0?'Add Permissions':_props$labels$secondT,_props$labels$secondS=_props$labels.secondSubtitle,secondSubtitle=_props$labels$secondS===void 0?'People added here will be given access to the folder.':_props$labels$secondS,cancel=_props$labels.cancel,save=_props$labels.save,_props$labels$add=_props$labels.add,add=_props$labels$add===void 0?'Add':_props$labels$add,_props$labels$loading=_props$labels.loadingMessage,loadingMessage=_props$labels$loading===void 0?'Loading':_props$labels$loading,_props$labels$searchP=_props$labels.searchPlaceHolder,searchPlaceHolder=_props$labels$searchP===void 0?'Add roles & members...':_props$labels$searchP,_props$labels$allOpti=_props$labels.allOptionsSelected,allOptionsSelected=_props$labels$allOpti===void 0?'You’ve selected all your members.':_props$labels$allOpti,_props$labels$noOptio=_props$labels.noOptionsMessage,noOptionsMessage=_props$labels$noOptio===void 0?'We couldn’t find any matches. Try another search.':_props$labels$noOptio,backButtonLabel=_props$labels.backButtonLabel,_props$labels$checkBo=_props$labels.checkBoxNotifyLabel,checkBoxNotifyLabel=_props$labels$checkBo===void 0?'Notify people':_props$labels$checkBo,_props$labels$notifyM=_props$labels.notifyMessagePlaceholder,notifyMessagePlaceholder=_props$labels$notifyM===void 0?'Add A Message (Optional)':_props$labels$notifyM,_props$labels$notifyM2=_props$labels.notifyMessageLabel,notifyMessageLabel=_props$labels$notifyM2===void 0?'Add A Message':_props$labels$notifyM2,_props$labels$notifyL=_props$labels.notifyLabelHint,notifyLabelHint=_props$labels$notifyL===void 0?'Notifications will be sent by email and show in the members area.':_props$labels$notifyL,_props$labels$closeAr=_props$labels.closeAriaLabel,closeAriaLabel=_props$labels$closeAr===void 0?'Close':_props$labels$closeAr,_props$labels$backAri=_props$labels.backAriaLabel,backAriaLabel=_props$labels$backAri===void 0?'Back':_props$labels$backAri,_props$labels$emptySt=_props$labels.emptyStateTitle,emptyStateTitle=_props$labels$emptySt===void 0?'Only Admins Can Access This Folder':_props$labels$emptySt,_props$labels$emptySt2=_props$labels.emptyStateDescription,emptyStateDescription=_props$labels$emptySt2===void 0?'Add permissions to share this folder with site members, subscription plans and more.':_props$labels$emptySt2,_props$labels$buttonA=_props$labels.buttonAddNotify,buttonAddNotify=_props$labels$buttonA===void 0?'Add & Notify':_props$labels$buttonA,_props$labels$step1Sa=_props$labels.step1SaveError,step1SaveError=_props$labels$step1Sa===void 0?'This action didn’t work out, try again later or close the window to continue without saving.':_props$labels$step1Sa,_props$labels$step2Sa=_props$labels.step2SaveError,step2SaveError=_props$labels$step2Sa===void 0?'There was a problem saving changes. Please try again later.':_props$labels$step2Sa,_props$labels$rolesLi=_props$labels.rolesListError,rolesListError=_props$labels$rolesLi===void 0?'There was a problem loading permissions. Wait a moment and try again.':_props$labels$rolesLi,_props$labels$numberO=_props$labels.numberOfResultsMessage,numberOfResultsMessage=_props$labels$numberO===void 0?'{0} results':_props$labels$numberO,_props$labels$pressDe=_props$labels.pressDeleteToRemoveMessage,pressDeleteToRemoveMessage=_props$labels$pressDe===void 0?'{0}: press delete to remove':_props$labels$pressDe,_props$labels$selectP=_props$labels.selectPermissionLabel,selectPermissionLabel=_props$labels$selectP===void 0?'Select permission':_props$labels$selectP,_props$labels$saveSuc=_props$labels.saveSuccessMessage,saveSuccessMessage=_props$labels$saveSuc===void 0?'Permissions successfully added':_props$labels$saveSuc,_props$labels$permiss=_props$labels.permissionRemovedMessage,permissionRemovedMessage=_props$labels$permiss===void 0?'Permission successfully removed':_props$labels$permiss,_props$labels$doneLab=_props$labels.doneLabel,doneLabel=_props$labels$doneLab===void 0?'Done':_props$labels$doneLab,_props$labels$checkbo=_props$labels.checkboxLabel_hiddenFolders,checkboxLabel_hiddenFolders=_props$labels$checkbo===void 0?'Make this folder hidden so only people with permissions will see it on your site.':_props$labels$checkbo,_props$labels$learnMo=_props$labels.learnMore_hiddenFolders,learnMore_hiddenFolders=_props$labels$learnMo===void 0?'Learn more':_props$labels$learnMo,_props$labels$hideFol=_props$labels.hideFolderAndSiteVisitorErrorMessage,hideFolderAndSiteVisitorErrorMessage=_props$labels$hideFol===void 0?'You’ve chosen to hide this folder. To save your changes, remove site visitors from the list.':_props$labels$hideFol,_props$isModal=props.isModal,isModal=_props$isModal===void 0?true:_props$isModal,queryFunction=props.queryFunction,onClose=props.onClose,_props$availablePermi=props.availablePermissions,availablePermissions=_props$availablePermi===void 0?DefaultPermissions:_props$availablePermi,onSave=props.onSave,items=props.items,_props$direction=props.direction,direction=_props$direction===void 0?Direction.LTR:_props$direction,loading=props.loading,_props$mobile=props.mobile,mobile=_props$mobile===void 0?false:_props$mobile,preloadRoles=props.preloadRoles,_props$theme=props.theme,theme=_props$theme===void 0?Theme.SITE:_props$theme,_props$isSitePublishe=props.isSitePublished,isSitePublished=_props$isSitePublishe===void 0?'true':_props$isSitePublishe,availability=props.availability,_props$locale=props.locale,locale=_props$locale===void 0?'en':_props$locale,_props$triggerBiEvent=props.triggerBiEventHiddenCheckboxClick,triggerBiEventHiddenCheckboxClick=_props$triggerBiEvent===void 0?()=>{}:_props$triggerBiEvent,bmHarmonyTheme=props.bmHarmonyTheme;const isDashboard=theme===Theme.DASHBOARD;const Provider=isDashboard?WixDesignSystemProvider_WixDesignSystemProvider:TPAComponentsProvider;const searchEntityRef=(0,external_React_.useRef)(null);const _useState=(0,external_React_.useState)(items),localItems=_useState[0],setLocalItems=_useState[1];const _useState2=(0,external_React_.useState)(false),initLocalItems=_useState2[0],setInitLocalItems=_useState2[1];const defaultIsHiddenFolder=availability==null?void 0:availability.includes('HIDDEN');const containerRef=(0,external_React_.useRef)(null);(0,external_React_.useEffect)(()=>{const oldItems=JSON.stringify(items);const newItems=JSON.stringify(localItems);if(oldItems!==newItems&&!initLocalItems){setLocalItems([...items]);setInitLocalItems(true);}},[items]);const step2Permissions=(availablePermissions||[]).filter(permission=>!(permission.divider||permission.id===removePermissionCode));const _useState3=(0,external_React_.useState)(STEP_1),step=_useState3[0],setStep=_useState3[1];const defaultPermissionId=availablePermissions.length?availablePermissions[0].id:'';const setFocus=()=>{if(searchEntityRef.current){searchEntityRef.current.focus();}};(0,external_React_.useEffect)(()=>{if(!searchEntityRef.current){return;}if(step===STEP_1){setFocus();return;}if(searchEntityRef.current){searchEntityRef.current.blur();}},[step]);const defaultState={selectedRoles:[],roleToPermission:new Map(),notify:true,notifyMessage:'',chosenPermission:defaultPermissionId,saveState:StatesButtonStates.IDLE,pendingSave:false,isHidden:defaultIsHiddenFolder,availabilityStatus:{itemId:entityId,availability:availability?availability:''}};const _useReducer=(0,external_React_.useReducer)(advancedPermissionReducer,defaultState),advancedPermissionState=_useReducer[0],setAdvancedPermissionState=_useReducer[1];const closeCallback=()=>onClose?onClose({closeReason:CloseReason.Cancel,availabilityStatus:advancedPermissionState.availabilityStatus}):null;const backToFirstView=()=>{setAdvancedPermissionState({type:STEP2_RESET,selectedRoles:[],notify:true,notifyMessage:'',chosenPermission:defaultPermissionId,errorMessage:'',availabilityStatus:advancedPermissionState.availabilityStatus});setStep(STEP_1);};const convertMapToArray=map=>{const resultArray=[];map.forEach((value,key)=>{resultArray.push({id:key,permissionId:value});});return resultArray;};const getModalAlertVisible=()=>{return changeValidationMsg.length>0&&errorMessageText.length===0;};const removeFulfilledChanges=(promisesRes,chunkedPart)=>{const roleToPermission=advancedPermissionState.roleToPermission;const fulfilledIndices=promisesRes.map((res,index)=>{var _res$value;return res.status==='fulfilled'&&((_res$value=res.value)==null?void 0:_res$value.responseStatus)===ResponseStatus.Success?index:-1;}).filter(index=>index!==-1);for(const index of fulfilledIndices){const rolesChanged=chunkedPart[index].rolesChanged;rolesChanged.forEach(_ref=>{let id=_ref.id;if(roleToPermission!=null&&roleToPermission.has(id)){roleToPermission==null||roleToPermission.delete(id);}});}};const saveClicked=async()=>{var _fulfilledAPIs$value;if(advancedPermissionState.saveState===StatesButtonStates.IN_PROGRESS||advancedPermissionState.disableSave===true){return;}if(!advancedPermissionState.pendingSave){onClose&&onClose({closeReason:CloseReason.Cancel,availabilityStatus:advancedPermissionState.availabilityStatus});return;}setAdvancedPermissionState({type:SET_SAVE_STATE,saveState:StatesButtonStates.IN_PROGRESS});setAdvancedPermissionState({type:SET_ERROR_MESSAGE,errorMessage:''});const roleToPermission=advancedPermissionState.roleToPermission,isHidden=advancedPermissionState.isHidden;const roles=new Map([...(roleToPermission||new Map())]);const hide=isHidden!==defaultIsHiddenFolder?isHidden:undefined;const groups=(0,lodash.groupBy)([...roles.values()],value=>`${value.notify}-${value.notifyMessage.trim()}`);const actionsPayload=[];const saveData={entityId,rolesChanged:[],reloadValue:step===STEP_2,modalAlertVisible,isHidden:hide};if(roles.size===0){actionsPayload.push(saveData);}const newSaveData={...saveData};for(const value of Object.values(groups)){newSaveData.rolesChanged=value.map(val=>{return{id:val.roleId,permissionId:val.level};});if(value[0].notify){newSaveData.notify=value[0].notify;newSaveData.notifyMessage=(value[0].notifyMessage||'').trim();}actionsPayload.push({...newSaveData});}const chunks=(0,lodash.chunk)(actionsPayload,5);let promisesResult=[];await asyncForEach(chunks,async chunkedPart=>{if(onSave){try{const promises=chunkedPart.map(payload=>onSave(payload));const promisesRes=await Promise.allSettled(promises);removeFulfilledChanges(promisesRes,chunkedPart);promisesResult=promisesResult.concat(promisesRes);}catch(e){setAdvancedPermissionState({type:SET_SAVE_STATE,saveState:StatesButtonStates.IDLE});}}});const fulfilledAPIs=promisesResult.filter(res=>{var _res$value2;return res.status==='fulfilled'&&((_res$value2=res.value)==null?void 0:_res$value2.responseStatus)===ResponseStatus.Success;});const isAllFulfilled=fulfilledAPIs.length===promisesResult.length;const availability_status=fulfilledAPIs.length>0?(_fulfilledAPIs$value=fulfilledAPIs[fulfilledAPIs.length-1].value)==null?void 0:_fulfilledAPIs$value.availabilityStatus:advancedPermissionState.availabilityStatus;if(isAllFulfilled){setAdvancedPermissionState({type:RESET,...defaultState,saveState:StatesButtonStates.SUCCESS,availabilityStatus:availability_status});if(step===STEP_1){onClose&&onClose({closeReason:CloseReason.SaveSucceed,availabilityStatus:availability_status});}else{setStep(STEP_1);}}else{let currErrorMessage;if(step===STEP_1){currErrorMessage=step1SaveError;}else{currErrorMessage=step2SaveError;}setAdvancedPermissionState({type:SET_ERROR_MESSAGE,errorMessage:currErrorMessage});setAdvancedPermissionState({type:SET_SAVE_STATE,saveState:StatesButtonStates.IDLE,availabilityStatus:availability_status});}};const onBackIconKeyDown=e=>{if(e.key==='Enter'){backToFirstView();}};const setSelectedRoles=selectedRoles=>{if((selectedRoles===null||selectedRoles.length===0)&&step===STEP_2){backToFirstView();return;}setAdvancedPermissionState({type:SET_SELECTED_ROLES,selectedRoles});const onlyInSelectList=(selectedRoles||[]).filter(item=>item.showOnlyInSelectList);const roleToPermission=advancedPermissionState.roleToPermission||new Map();let roleListChanged=false;onlyInSelectList.forEach(role=>{if(roleToPermission.has(role.value)){roleListChanged=true;}roleToPermission.set(role.value,{roleId:role.value,notify:false,notifyMessage:'',level:defaultPermissionId||''});updateLocalItems({id:role.value,permissionId:defaultPermissionId||''});});if(roleListChanged){setAdvancedPermissionState({type:SET_ROLE_TO_PERMISSION,roleToPermission});}if(step===STEP_1&&!onlyInSelectList.length){setAdvancedPermissionState({type:SET_ERROR_MESSAGE,errorMessage:''});setStep(STEP_2);}};const handlePreloadRoles=()=>{if(preloadRoles&&preloadRoles.length&&queryFunction){const preloadIDs=preloadRoles.join(',');setStep(STEP_2);queryFunction('',null,preloadIDs).then(res=>{var _res$items;if(res!=null&&(_res$items=res.items)!=null&&_res$items.length){const preloadItems=res.items;if(preloadItems&&preloadItems.length&&step===STEP_1){const updatedRoles=preloadItems.map(i=>{return{...i,value:i.id,label:i.role};});setSelectedRoles(updatedRoles);}}}).catch(e=>{console.error(e);});}};(0,external_React_.useEffect)(handlePreloadRoles,[preloadRoles]);const permissionIdChanged=val=>{setAdvancedPermissionState({type:SET_PERMISSION_ID,chosenPermission:val});};const onRoleToPermissionChange=val=>{const roleToPermission=advancedPermissionState.roleToPermission||new Map();const currentPermissionValue=roleToPermission.get(val.id);const newVal=currentPermissionValue&&val.permissionId!==removePermissionCode?{...currentPermissionValue,level:val.permissionId}:{roleId:val.id,notify:false,notifyMessage:'',level:val.permissionId};roleToPermission.set(val.id,newVal);updateLocalItems(val);setAdvancedPermissionState({type:SET_ROLE_TO_PERMISSION,roleToPermission});if(val.permissionId===removePermissionCode){setFocus();}};const addAndNotifyClick=()=>{const selectedRoles=advancedPermissionState.selectedRoles,chosenPermission=advancedPermissionState.chosenPermission,roleToPermission=advancedPermissionState.roleToPermission,notify=advancedPermissionState.notify,notifyMessage=advancedPermissionState.notifyMessage;if(selectedRoles){const roleToPermissionMap=roleToPermission||new Map();const selectedIds=selectedRoles.map(selectedRole=>selectedRole.id);setLocalItems(prevLocalItems=>{const updatedLocalItems=prevLocalItems.filter(item=>!selectedIds.includes(item.id));selectedRoles.forEach(role=>{const newItem={...role,id:role.id||'',role:role.role||'',description:role.description||'',roleType:role.roleType||'',icon:role.icon,selectedPermission:chosenPermission||'',options:availablePermissions};updatedLocalItems.push(newItem);roleToPermissionMap.set(role.id,{roleId:role.id,notify:notify||false,notifyMessage:(notifyMessage||'').trim(),level:chosenPermission||''});});return updatedLocalItems;});if(roleToPermissionMap){setAdvancedPermissionState({type:SET_ROLE_TO_PERMISSION,roleToPermission:roleToPermissionMap});}backToFirstView();}};const updatedItems=(0,external_React_.useMemo)(()=>{return localItems.map(item=>{var _advancedPermissionSt;const id=item.id;const roleToPermission=(_advancedPermissionSt=advancedPermissionState.roleToPermission)==null?void 0:_advancedPermissionSt.get(id);if(roleToPermission!==undefined){return{...item,selectedPermission:roleToPermission.level};}return item;});},[localItems]);const changeValidationMsg=validateChanges(updatedItems);const saveButtonText=step===STEP_1?save:advancedPermissionState.notify&&isSitePublished==='true'?buttonAddNotify:add;const errorMessageText=advancedPermissionState.errorMessage||loading===Loading.Error&&step===STEP_1&&rolesListError||'';(0,external_React_.useEffect)(()=>{const isHidden=advancedPermissionState.isHidden;const isSiteVisitorsSelected=updatedItems.filter(item=>item.selectedPermission!==removePermissionCode&&item.roleType==='SITE_VISITORS').length>0;if(isHidden&&isSiteVisitorsSelected){setAdvancedPermissionState({type:SET_ERROR_MESSAGE,errorMessage:hideFolderAndSiteVisitorErrorMessage,disableSave:true});return;}setAdvancedPermissionState({type:SET_ERROR_MESSAGE,errorMessage:'',disableSave:false});},[updatedItems,advancedPermissionState.isHidden]);const updateLocalItems=val=>{if(step===STEP_1){setLocalItems(prevLocalItems=>{return prevLocalItems.map(item=>{if(item.id===val.id){return{...item,selectedPermission:val.permissionId};}return item;});});}};const backButtonSpan=/*#__PURE__*/external_React_default().createElement("span",{className:EntityAdvancedPermissions_st_classes.backButtonSpan},backButtonLabel||'Back');const modalTitle=step===STEP_1?entityTitle:secondTitle;const modalSubTitle=step===STEP_1?title:secondSubtitle;const rtl=direction===Direction.RTL;const modalAlertVisible=getModalAlertVisible();const features={newColorsBranding:true};const providerProps=isDashboard?{features,value:{}}:{value:{mobile,rtl}};const sectionNotification=isDashboard?/*#__PURE__*/external_React_default().createElement(FloatingNotification_FloatingNotification,{type:"warning",text:/*#__PURE__*/external_React_default().createElement(Text,{size:"small",className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.wsrTooltipContent)},changeValidationMsg),fullWidth:false,showCloseButton:false,className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.wsrNotificationMessage)}):/*#__PURE__*/external_React_default().createElement(SectionNotification,{type:"alert",className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.notificationMessage)},/*#__PURE__*/external_React_default().createElement(SectionNotification.Icon,{icon:/*#__PURE__*/external_React_default().createElement(icons_Error,null)}),/*#__PURE__*/external_React_default().createElement(SectionNotification.Text,{className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.notificationMessageText)},changeValidationMsg));const wsrErrorNotification=// @ts-ignore
|
|
81976
|
-
errorMessageText.length>0?/*#__PURE__*/external_React_default().createElement(
|
|
82013
|
+
function EntityAdvancedPermissions(props){const _props$removePermissi=props.removePermissionCode,removePermissionCode=_props$removePermissi===void 0?'NONE':_props$removePermissi,entityTitle=props.entityTitle,entityId=props.entityId,className=props.className,_props$validateChange=props.validateChanges,validateChanges=_props$validateChange===void 0?()=>'':_props$validateChange,_props$labels=props.labels,_props$labels$title=_props$labels.title,title=_props$labels$title===void 0?'Manage Permissions':_props$labels$title,_props$labels$secondT=_props$labels.secondTitle,secondTitle=_props$labels$secondT===void 0?'Add Permissions':_props$labels$secondT,_props$labels$secondS=_props$labels.secondSubtitle,secondSubtitle=_props$labels$secondS===void 0?'People added here will be given access to the folder.':_props$labels$secondS,cancel=_props$labels.cancel,save=_props$labels.save,_props$labels$add=_props$labels.add,add=_props$labels$add===void 0?'Add':_props$labels$add,_props$labels$loading=_props$labels.loadingMessage,loadingMessage=_props$labels$loading===void 0?'Loading':_props$labels$loading,_props$labels$searchP=_props$labels.searchPlaceHolder,searchPlaceHolder=_props$labels$searchP===void 0?'Add roles & members...':_props$labels$searchP,_props$labels$allOpti=_props$labels.allOptionsSelected,allOptionsSelected=_props$labels$allOpti===void 0?'You’ve selected all your members.':_props$labels$allOpti,_props$labels$noOptio=_props$labels.noOptionsMessage,noOptionsMessage=_props$labels$noOptio===void 0?'We couldn’t find any matches. Try another search.':_props$labels$noOptio,backButtonLabel=_props$labels.backButtonLabel,_props$labels$checkBo=_props$labels.checkBoxNotifyLabel,checkBoxNotifyLabel=_props$labels$checkBo===void 0?'Notify people':_props$labels$checkBo,_props$labels$notifyM=_props$labels.notifyMessagePlaceholder,notifyMessagePlaceholder=_props$labels$notifyM===void 0?'Add A Message (Optional)':_props$labels$notifyM,_props$labels$notifyM2=_props$labels.notifyMessageLabel,notifyMessageLabel=_props$labels$notifyM2===void 0?'Add A Message':_props$labels$notifyM2,_props$labels$notifyL=_props$labels.notifyLabelHint,notifyLabelHint=_props$labels$notifyL===void 0?'Notifications will be sent by email and show in the members area.':_props$labels$notifyL,_props$labels$closeAr=_props$labels.closeAriaLabel,closeAriaLabel=_props$labels$closeAr===void 0?'Close':_props$labels$closeAr,_props$labels$backAri=_props$labels.backAriaLabel,backAriaLabel=_props$labels$backAri===void 0?'Back':_props$labels$backAri,_props$labels$emptySt=_props$labels.emptyStateTitle,emptyStateTitle=_props$labels$emptySt===void 0?'Only Admins Can Access This Folder':_props$labels$emptySt,_props$labels$emptySt2=_props$labels.emptyStateDescription,emptyStateDescription=_props$labels$emptySt2===void 0?'Add permissions to share this folder with site members, subscription plans and more.':_props$labels$emptySt2,_props$labels$buttonA=_props$labels.buttonAddNotify,buttonAddNotify=_props$labels$buttonA===void 0?'Add & Notify':_props$labels$buttonA,_props$labels$step1Sa=_props$labels.step1SaveError,step1SaveError=_props$labels$step1Sa===void 0?'This action didn’t work out, try again later or close the window to continue without saving.':_props$labels$step1Sa,_props$labels$step2Sa=_props$labels.step2SaveError,step2SaveError=_props$labels$step2Sa===void 0?'There was a problem saving changes. Please try again later.':_props$labels$step2Sa,_props$labels$rolesLi=_props$labels.rolesListError,rolesListError=_props$labels$rolesLi===void 0?'There was a problem loading permissions. Wait a moment and try again.':_props$labels$rolesLi,_props$labels$numberO=_props$labels.numberOfResultsMessage,numberOfResultsMessage=_props$labels$numberO===void 0?'{0} results':_props$labels$numberO,_props$labels$pressDe=_props$labels.pressDeleteToRemoveMessage,pressDeleteToRemoveMessage=_props$labels$pressDe===void 0?'{0}: press delete to remove':_props$labels$pressDe,_props$labels$selectP=_props$labels.selectPermissionLabel,selectPermissionLabel=_props$labels$selectP===void 0?'Select permission':_props$labels$selectP,_props$labels$saveSuc=_props$labels.saveSuccessMessage,saveSuccessMessage=_props$labels$saveSuc===void 0?'Permissions successfully added':_props$labels$saveSuc,_props$labels$permiss=_props$labels.permissionRemovedMessage,permissionRemovedMessage=_props$labels$permiss===void 0?'Permission successfully removed':_props$labels$permiss,_props$labels$doneLab=_props$labels.doneLabel,doneLabel=_props$labels$doneLab===void 0?'Done':_props$labels$doneLab,_props$labels$checkbo=_props$labels.checkboxLabel_hiddenFolders,checkboxLabel_hiddenFolders=_props$labels$checkbo===void 0?'Make this folder hidden so only people with permissions will see it on your site.':_props$labels$checkbo,_props$labels$learnMo=_props$labels.learnMore_hiddenFolders,learnMore_hiddenFolders=_props$labels$learnMo===void 0?'Learn more':_props$labels$learnMo,_props$labels$hideFol=_props$labels.hideFolderAndSiteVisitorErrorMessage,hideFolderAndSiteVisitorErrorMessage=_props$labels$hideFol===void 0?'You’ve chosen to hide this folder. To save your changes, remove site visitors from the list.':_props$labels$hideFol,_props$isModal=props.isModal,isModal=_props$isModal===void 0?true:_props$isModal,queryFunction=props.queryFunction,onClose=props.onClose,_props$availablePermi=props.availablePermissions,availablePermissions=_props$availablePermi===void 0?DefaultPermissions:_props$availablePermi,onSave=props.onSave,items=props.items,_props$direction=props.direction,direction=_props$direction===void 0?Direction.LTR:_props$direction,loading=props.loading,_props$mobile=props.mobile,mobile=_props$mobile===void 0?false:_props$mobile,preloadRoles=props.preloadRoles,_props$theme=props.theme,theme=_props$theme===void 0?Theme.SITE:_props$theme,_props$isSitePublishe=props.isSitePublished,isSitePublished=_props$isSitePublishe===void 0?'true':_props$isSitePublishe,availability=props.availability,_props$locale=props.locale,locale=_props$locale===void 0?'en':_props$locale,_props$triggerBiEvent=props.triggerBiEventHiddenCheckboxClick,triggerBiEventHiddenCheckboxClick=_props$triggerBiEvent===void 0?()=>{}:_props$triggerBiEvent,bmHarmonyTheme=props.bmHarmonyTheme;const isDashboard=theme===Theme.DASHBOARD;const Provider=isDashboard?WixDesignSystemProvider:TPAComponentsProvider;const searchEntityRef=(0,external_React_.useRef)(null);const _useState=(0,external_React_.useState)(items),localItems=_useState[0],setLocalItems=_useState[1];const _useState2=(0,external_React_.useState)(false),initLocalItems=_useState2[0],setInitLocalItems=_useState2[1];const defaultIsHiddenFolder=availability==null?void 0:availability.includes('HIDDEN');const containerRef=(0,external_React_.useRef)(null);(0,external_React_.useEffect)(()=>{const oldItems=JSON.stringify(items);const newItems=JSON.stringify(localItems);if(oldItems!==newItems&&!initLocalItems){setLocalItems([...items]);setInitLocalItems(true);}},[items]);const step2Permissions=(availablePermissions||[]).filter(permission=>!(permission.divider||permission.id===removePermissionCode));const _useState3=(0,external_React_.useState)(STEP_1),step=_useState3[0],setStep=_useState3[1];const defaultPermissionId=availablePermissions.length?availablePermissions[0].id:'';const setFocus=()=>{if(searchEntityRef.current){searchEntityRef.current.focus();}};(0,external_React_.useEffect)(()=>{if(!searchEntityRef.current){return;}if(step===STEP_1){setFocus();return;}if(searchEntityRef.current){searchEntityRef.current.blur();}},[step]);const defaultState={selectedRoles:[],roleToPermission:new Map(),notify:true,notifyMessage:'',chosenPermission:defaultPermissionId,saveState:StatesButtonStates.IDLE,pendingSave:false,isHidden:defaultIsHiddenFolder,availabilityStatus:{itemId:entityId,availability:availability?availability:''}};const _useReducer=(0,external_React_.useReducer)(advancedPermissionReducer,defaultState),advancedPermissionState=_useReducer[0],setAdvancedPermissionState=_useReducer[1];const closeCallback=()=>onClose?onClose({closeReason:CloseReason.Cancel,availabilityStatus:advancedPermissionState.availabilityStatus}):null;const backToFirstView=()=>{setAdvancedPermissionState({type:STEP2_RESET,selectedRoles:[],notify:true,notifyMessage:'',chosenPermission:defaultPermissionId,errorMessage:'',availabilityStatus:advancedPermissionState.availabilityStatus});setStep(STEP_1);};const convertMapToArray=map=>{const resultArray=[];map.forEach((value,key)=>{resultArray.push({id:key,permissionId:value});});return resultArray;};const getModalAlertVisible=()=>{return changeValidationMsg.length>0&&errorMessageText.length===0;};const removeFulfilledChanges=(promisesRes,chunkedPart)=>{const roleToPermission=advancedPermissionState.roleToPermission;const fulfilledIndices=promisesRes.map((res,index)=>{var _res$value;return res.status==='fulfilled'&&((_res$value=res.value)==null?void 0:_res$value.responseStatus)===ResponseStatus.Success?index:-1;}).filter(index=>index!==-1);for(const index of fulfilledIndices){const rolesChanged=chunkedPart[index].rolesChanged;rolesChanged.forEach(_ref=>{let id=_ref.id;if(roleToPermission!=null&&roleToPermission.has(id)){roleToPermission==null||roleToPermission.delete(id);}});}};const saveClicked=async()=>{var _fulfilledAPIs$value;if(advancedPermissionState.saveState===StatesButtonStates.IN_PROGRESS||advancedPermissionState.disableSave===true){return;}if(!advancedPermissionState.pendingSave){onClose&&onClose({closeReason:CloseReason.Cancel,availabilityStatus:advancedPermissionState.availabilityStatus});return;}setAdvancedPermissionState({type:SET_SAVE_STATE,saveState:StatesButtonStates.IN_PROGRESS});setAdvancedPermissionState({type:SET_ERROR_MESSAGE,errorMessage:''});const roleToPermission=advancedPermissionState.roleToPermission,isHidden=advancedPermissionState.isHidden;const roles=new Map([...(roleToPermission||new Map())]);const hide=isHidden!==defaultIsHiddenFolder?isHidden:undefined;const groups=(0,lodash.groupBy)([...roles.values()],value=>`${value.notify}-${value.notifyMessage.trim()}`);const actionsPayload=[];const saveData={entityId,rolesChanged:[],reloadValue:step===STEP_2,modalAlertVisible,isHidden:hide};if(roles.size===0){actionsPayload.push(saveData);}const newSaveData={...saveData};for(const value of Object.values(groups)){newSaveData.rolesChanged=value.map(val=>{return{id:val.roleId,permissionId:val.level};});if(value[0].notify){newSaveData.notify=value[0].notify;newSaveData.notifyMessage=(value[0].notifyMessage||'').trim();}actionsPayload.push({...newSaveData});}const chunks=(0,lodash.chunk)(actionsPayload,5);let promisesResult=[];await asyncForEach(chunks,async chunkedPart=>{if(onSave){try{const promises=chunkedPart.map(payload=>onSave(payload));const promisesRes=await Promise.allSettled(promises);removeFulfilledChanges(promisesRes,chunkedPart);promisesResult=promisesResult.concat(promisesRes);}catch(e){setAdvancedPermissionState({type:SET_SAVE_STATE,saveState:StatesButtonStates.IDLE});}}});const fulfilledAPIs=promisesResult.filter(res=>{var _res$value2;return res.status==='fulfilled'&&((_res$value2=res.value)==null?void 0:_res$value2.responseStatus)===ResponseStatus.Success;});const isAllFulfilled=fulfilledAPIs.length===promisesResult.length;const availability_status=fulfilledAPIs.length>0?(_fulfilledAPIs$value=fulfilledAPIs[fulfilledAPIs.length-1].value)==null?void 0:_fulfilledAPIs$value.availabilityStatus:advancedPermissionState.availabilityStatus;if(isAllFulfilled){setAdvancedPermissionState({type:RESET,...defaultState,saveState:StatesButtonStates.SUCCESS,availabilityStatus:availability_status});if(step===STEP_1){onClose&&onClose({closeReason:CloseReason.SaveSucceed,availabilityStatus:availability_status});}else{setStep(STEP_1);}}else{let currErrorMessage;if(step===STEP_1){currErrorMessage=step1SaveError;}else{currErrorMessage=step2SaveError;}setAdvancedPermissionState({type:SET_ERROR_MESSAGE,errorMessage:currErrorMessage});setAdvancedPermissionState({type:SET_SAVE_STATE,saveState:StatesButtonStates.IDLE,availabilityStatus:availability_status});}};const onBackIconKeyDown=e=>{if(e.key==='Enter'){backToFirstView();}};const setSelectedRoles=selectedRoles=>{if((selectedRoles===null||selectedRoles.length===0)&&step===STEP_2){backToFirstView();return;}setAdvancedPermissionState({type:SET_SELECTED_ROLES,selectedRoles});const onlyInSelectList=(selectedRoles||[]).filter(item=>item.showOnlyInSelectList);const roleToPermission=advancedPermissionState.roleToPermission||new Map();let roleListChanged=false;onlyInSelectList.forEach(role=>{if(roleToPermission.has(role.value)){roleListChanged=true;}roleToPermission.set(role.value,{roleId:role.value,notify:false,notifyMessage:'',level:defaultPermissionId||''});updateLocalItems({id:role.value,permissionId:defaultPermissionId||''});});if(roleListChanged){setAdvancedPermissionState({type:SET_ROLE_TO_PERMISSION,roleToPermission});}if(step===STEP_1&&!onlyInSelectList.length){setAdvancedPermissionState({type:SET_ERROR_MESSAGE,errorMessage:''});setStep(STEP_2);}};const handlePreloadRoles=()=>{if(preloadRoles&&preloadRoles.length&&queryFunction){const preloadIDs=preloadRoles.join(',');setStep(STEP_2);queryFunction('',null,preloadIDs).then(res=>{var _res$items;if(res!=null&&(_res$items=res.items)!=null&&_res$items.length){const preloadItems=res.items;if(preloadItems&&preloadItems.length&&step===STEP_1){const updatedRoles=preloadItems.map(i=>{return{...i,value:i.id,label:i.role};});setSelectedRoles(updatedRoles);}}}).catch(e=>{console.error(e);});}};(0,external_React_.useEffect)(handlePreloadRoles,[preloadRoles]);const permissionIdChanged=val=>{setAdvancedPermissionState({type:SET_PERMISSION_ID,chosenPermission:val});};const onRoleToPermissionChange=val=>{const roleToPermission=advancedPermissionState.roleToPermission||new Map();const currentPermissionValue=roleToPermission.get(val.id);const newVal=currentPermissionValue&&val.permissionId!==removePermissionCode?{...currentPermissionValue,level:val.permissionId}:{roleId:val.id,notify:false,notifyMessage:'',level:val.permissionId};roleToPermission.set(val.id,newVal);updateLocalItems(val);setAdvancedPermissionState({type:SET_ROLE_TO_PERMISSION,roleToPermission});if(val.permissionId===removePermissionCode){setFocus();}};const addAndNotifyClick=()=>{const selectedRoles=advancedPermissionState.selectedRoles,chosenPermission=advancedPermissionState.chosenPermission,roleToPermission=advancedPermissionState.roleToPermission,notify=advancedPermissionState.notify,notifyMessage=advancedPermissionState.notifyMessage;if(selectedRoles){const roleToPermissionMap=roleToPermission||new Map();const selectedIds=selectedRoles.map(selectedRole=>selectedRole.id);setLocalItems(prevLocalItems=>{const updatedLocalItems=prevLocalItems.filter(item=>!selectedIds.includes(item.id));selectedRoles.forEach(role=>{const newItem={...role,id:role.id||'',role:role.role||'',description:role.description||'',roleType:role.roleType||'',icon:role.icon,selectedPermission:chosenPermission||'',options:availablePermissions};updatedLocalItems.push(newItem);roleToPermissionMap.set(role.id,{roleId:role.id,notify:notify||false,notifyMessage:(notifyMessage||'').trim(),level:chosenPermission||''});});return updatedLocalItems;});if(roleToPermissionMap){setAdvancedPermissionState({type:SET_ROLE_TO_PERMISSION,roleToPermission:roleToPermissionMap});}backToFirstView();}};const updatedItems=(0,external_React_.useMemo)(()=>{return localItems.map(item=>{var _advancedPermissionSt;const id=item.id;const roleToPermission=(_advancedPermissionSt=advancedPermissionState.roleToPermission)==null?void 0:_advancedPermissionSt.get(id);if(roleToPermission!==undefined){return{...item,selectedPermission:roleToPermission.level};}return item;});},[localItems]);const changeValidationMsg=validateChanges(updatedItems);const saveButtonText=step===STEP_1?save:advancedPermissionState.notify&&isSitePublished==='true'?buttonAddNotify:add;const errorMessageText=advancedPermissionState.errorMessage||loading===Loading.Error&&step===STEP_1&&rolesListError||'';(0,external_React_.useEffect)(()=>{const isHidden=advancedPermissionState.isHidden;const isSiteVisitorsSelected=updatedItems.filter(item=>item.selectedPermission!==removePermissionCode&&item.roleType==='SITE_VISITORS').length>0;if(isHidden&&isSiteVisitorsSelected){setAdvancedPermissionState({type:SET_ERROR_MESSAGE,errorMessage:hideFolderAndSiteVisitorErrorMessage,disableSave:true});return;}setAdvancedPermissionState({type:SET_ERROR_MESSAGE,errorMessage:'',disableSave:false});},[updatedItems,advancedPermissionState.isHidden]);const updateLocalItems=val=>{if(step===STEP_1){setLocalItems(prevLocalItems=>{return prevLocalItems.map(item=>{if(item.id===val.id){return{...item,selectedPermission:val.permissionId};}return item;});});}};const backButtonSpan=/*#__PURE__*/external_React_default().createElement("span",{className:EntityAdvancedPermissions_st_classes.backButtonSpan},backButtonLabel||'Back');const modalTitle=step===STEP_1?entityTitle:secondTitle;const modalSubTitle=step===STEP_1?title:secondSubtitle;const rtl=direction===Direction.RTL;const modalAlertVisible=getModalAlertVisible();const features={newColorsBranding:true};const providerProps=isDashboard?{features,value:{}}:{value:{mobile,rtl}};const sectionNotification=isDashboard?/*#__PURE__*/external_React_default().createElement(FloatingNotification,{type:"warning",text:/*#__PURE__*/external_React_default().createElement(TextWithEllipsis,{size:"small",className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.wsrTooltipContent)},changeValidationMsg),fullWidth:false,showCloseButton:false,className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.wsrNotificationMessage)}):/*#__PURE__*/external_React_default().createElement(SectionNotification,{type:"alert",className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.notificationMessage)},/*#__PURE__*/external_React_default().createElement(SectionNotification.Icon,{icon:/*#__PURE__*/external_React_default().createElement(icons_Error,null)}),/*#__PURE__*/external_React_default().createElement(SectionNotification.Text,{className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.notificationMessageText)},changeValidationMsg));const wsrErrorNotification=// @ts-ignore
|
|
82014
|
+
errorMessageText.length>0?/*#__PURE__*/external_React_default().createElement(FloatingNotification,{type:"destructive",text:/*#__PURE__*/external_React_default().createElement(TextWithEllipsis,{size:'small',className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.wsrTooltipContent)},errorMessageText),fullWidth:false,showCloseButton:false,className:step===STEP_1?EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.wsrNotificationMessage):EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.wsrNotificationErrorMessage)}):'';const errorSectionNotification=isDashboard?step===STEP_1?wsrErrorNotification:'':/*#__PURE__*/external_React_default().createElement(SectionNotification,{type:"error",className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.notificationMessage)},/*#__PURE__*/external_React_default().createElement(SectionNotification.Icon,{icon:/*#__PURE__*/external_React_default().createElement(Error_default,null)}),/*#__PURE__*/external_React_default().createElement(SectionNotification.Text,null,errorMessageText));return/*#__PURE__*/external_React_default().createElement(Provider,providerProps,/*#__PURE__*/external_React_default().createElement("div",{ref:containerRef,className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.root,{mobile,rtl,step,dashboard:isDashboard,app:!isDashboard},className),role:"dialog","aria-labelledby":"modalMainTitle","aria-describedby":"folderName"},/*#__PURE__*/external_React_default().createElement(Header,{modalTitle:modalTitle,modalSubtitle:modalSubTitle,step:step,isDashboard:isDashboard,mobile:mobile,isModal:isModal,closeAriaLabel:closeAriaLabel,closeCallback:closeCallback,backToFirstView:backToFirstView}),/*#__PURE__*/external_React_default().createElement(rsc_esm_Scrollbar,{native:true,translateContentSizeYToHolder:true,noScrollX:true,className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.stepScrollbar,{active:step===STEP_2&&!mobile})},/*#__PURE__*/external_React_default().createElement("div",{className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.roleSelectionContainer,{secondView:isDashboard&&step===STEP_2})},/*#__PURE__*/external_React_default().createElement(SearchEntity_SearchEntity,{searchEntityRef:searchEntityRef,loadingMessage:loadingMessage,placeholder:he_default().decode(searchPlaceHolder||''),setSelectedRoles:setSelectedRoles,queryFunction:queryFunction,allOptionsSelected:allOptionsSelected,noOptionsMessage:noOptionsMessage,className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.searchEntity),value:advancedPermissionState.selectedRoles,filterShowOnlyInSelectList:step===STEP_2,numberOfResultsMessage:numberOfResultsMessage,pressDeleteToRemoveMessage:pressDeleteToRemoveMessage,isDashboard:isDashboard,updatedItems:updatedItems}),step===STEP_2&&/*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment,null,/*#__PURE__*/external_React_default().createElement("label",{className:"sr-only",id:"globalSelectPermissionId"},he_default().decode(selectPermissionLabel)),/*#__PURE__*/external_React_default().createElement(PermissionsDropdown_PermissionsDropdown,{containerRef:containerRef,ariaLabelledBy:'globalSelectPermissionId',options:step2Permissions,disabled:false,value:advancedPermissionState.chosenPermission,onChange:permissionIdChanged,className:isDashboard?EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.wsrPermissionsMenu):EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.permissionDropdown,{rtl}),isDashboard:isDashboard,isStep2:step===STEP_2}))),/*#__PURE__*/external_React_default().createElement("div",{className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.steps),role:"alert"},errorMessageText.length>0&&errorSectionNotification,step===STEP_1&&/*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment,null,modalAlertVisible&§ionNotification,/*#__PURE__*/external_React_default().createElement(PermissionsList_PermissionsList,{containerRef:containerRef,removePermissionCode:removePermissionCode,items:updatedItems,loading:loading,onChange:onRoleToPermissionChange,className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.permissionList),emptyStateTitle:emptyStateTitle,emptyStateDescription:emptyStateDescription,permissionRemovedMessage:permissionRemovedMessage,isDashboard:isDashboard,modalAlertVisible:modalAlertVisible,bmHarmonyTheme:bmHarmonyTheme})),step===STEP_2&&/*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment,null,/*#__PURE__*/external_React_default().createElement(NotifyBox_NotifyBox,{checkBoxNotifyLabel:checkBoxNotifyLabel,notifyMessagePlaceholder:notifyMessagePlaceholder,notifyMessageLabel:notifyMessageLabel,value:advancedPermissionState,onChange:setAdvancedPermissionState,notifyLabelHint:notifyLabelHint,isDashboard:isDashboard,isSitePublished:isSitePublished==='true'}),isDashboard&&wsrErrorNotification))),!isDashboard&&/*#__PURE__*/external_React_default().createElement(Divider,{className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.divider)}),isDashboard&&step===STEP_1&&/*#__PURE__*/external_React_default().createElement(Divider_Divider,null),/*#__PURE__*/external_React_default().createElement("div",{className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.footer)},step===STEP_2&&/*#__PURE__*/external_React_default().createElement("span",{onClick:backToFirstView,tabIndex:0,className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.backButton),role:"button",onKeyDown:onBackIconKeyDown,"aria-label":backAriaLabel},isDashboard?/*#__PURE__*/external_React_default().createElement(ButtonWithDefaultProps,{priority:"secondary",size:ButtonSize.small},/*#__PURE__*/external_React_default().createElement(ChevronLeftSmall_default,null),backButtonSpan):/*#__PURE__*/external_React_default().createElement(TextButton,{priority:TextButtonPriority.secondary,className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.backTextButton),prefixIcon:/*#__PURE__*/external_React_default().createElement(ChevronLeft_default,{tabIndex:-1}),onClick:backToFirstView},backButtonLabel||'Back')),step===STEP_1&&/*#__PURE__*/external_React_default().createElement(HideFolderCheckbox_HideFolderCheckbox,{isDashboard:isDashboard,advancedPermissionState:advancedPermissionState,setAdvancedPermissionState:setAdvancedPermissionState,checkboxLabel:checkboxLabel_hiddenFolders,checkboxLearnMore:learnMore_hiddenFolders,locale:locale,triggerBiEventHiddenCheckboxClick:triggerBiEventHiddenCheckboxClick}),/*#__PURE__*/external_React_default().createElement("div",{className:EntityAdvancedPermissions_st_classes.actionButtons},step===STEP_1&&(isDashboard?/*#__PURE__*/external_React_default().createElement(ButtonWithDefaultProps,{priority:"secondary","aria-label":advancedPermissionState.saveState===StatesButtonStates.SUCCESS?saveSuccessMessage:'',className:EntityAdvancedPermissions_st_classes.wsrCancelBtn,size:ButtonSize.small,disabled:false,onClick:closeCallback},cancel||'Cancel'):advancedPermissionState.pendingSave&&/*#__PURE__*/external_React_default().createElement(Button,{priority:ButtonPriority.basicSecondary,upgrade:true,hoverStyle:HoverStyles.colorChange,className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.buttonCancel,{invisible:!advancedPermissionState.pendingSave}),onClick:closeCallback,size:ButtonSize.medium},cancel||'Cancel')),isDashboard?/*#__PURE__*/external_React_default().createElement(ButtonWithDefaultProps,{"aria-label":advancedPermissionState.saveState===StatesButtonStates.SUCCESS?saveSuccessMessage:'',size:ButtonSize.small,disabled:advancedPermissionState.saveState===StatesButtonStates.IN_PROGRESS||step===STEP_1&&advancedPermissionState.disableSave,onClick:step===STEP_2?addAndNotifyClick:saveClicked},advancedPermissionState.saveState!==StatesButtonStates.IN_PROGRESS?advancedPermissionState.pendingSave?saveButtonText||'Save':doneLabel:/*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment,null,/*#__PURE__*/external_React_default().createElement(Loader,{size:"tiny"}))):/*#__PURE__*/external_React_default().createElement(StatesButton,{priority:ButtonPriority.basic,idleContent:advancedPermissionState.pendingSave?saveButtonText||'Save':doneLabel,"aria-label":advancedPermissionState.saveState===StatesButtonStates.SUCCESS?saveSuccessMessage:'',inProgressContent:/*#__PURE__*/external_React_default().createElement(ButtonSpinner,{className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.ButtonSpinner)}),className:EntityAdvancedPermissions_st_st(EntityAdvancedPermissions_st_classes.buttonSend,{progress:advancedPermissionState.saveState===StatesButtonStates.IN_PROGRESS}),size:ButtonSize.small,disabled:step===STEP_1&&advancedPermissionState.disableSave,state:advancedPermissionState.saveState||StatesButtonStates.IDLE,onClick:step===STEP_2?addAndNotifyClick:saveClicked,onNotificationEnd:()=>setAdvancedPermissionState({type:SET_SAVE_STATE,saveState:StatesButtonStates.IDLE}),hoverStyle:HoverStyles.colorChange})))));}EntityAdvancedPermissions.displayName='EntityAdvancedPermissions';/* harmony default export */ const components_EntityAdvancedPermissions = (EntityAdvancedPermissions);
|
|
81977
82015
|
;// ./assets/icons/AdminsIcon.svg
|
|
81978
82016
|
var _g;
|
|
81979
82017
|
function AdminsIcon_extends() { return AdminsIcon_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, AdminsIcon_extends.apply(null, arguments); }
|
|
@@ -82123,7 +82161,7 @@ if(false /* HMR */) // removed by dead control flow
|
|
|
82123
82161
|
{}
|
|
82124
82162
|
|
|
82125
82163
|
;// ./components/DashboardIcons/SiteVisitorsIcon.tsx
|
|
82126
|
-
const SiteVisitorsIcon_SiteVisitorsIcon=props=>{return/*#__PURE__*/external_React_default().createElement(
|
|
82164
|
+
const SiteVisitorsIcon_SiteVisitorsIcon=props=>{return/*#__PURE__*/external_React_default().createElement(Box,{className:avatar_st_st(avatar_st_classes.avatarWrapper),color:props.color,backgroundColor:props.backgroundColor},/*#__PURE__*/external_React_default().createElement(Languages_default,{className:avatar_st_st(avatar_st_classes.avatar)}));};SiteVisitorsIcon_SiteVisitorsIcon.displayName='SiteVisitorsIcon';
|
|
82127
82165
|
;// ../../../node_modules/@wix/wix-ui-icons-common/dist/esm/lazy/general/dist/components/Users.js
|
|
82128
82166
|
|
|
82129
82167
|
var Users_default = icon({
|
|
@@ -82136,9 +82174,9 @@ var Users_default = icon({
|
|
|
82136
82174
|
|
|
82137
82175
|
|
|
82138
82176
|
;// ./components/DashboardIcons/AdminsIcon.tsx
|
|
82139
|
-
const AdminsIcon_AdminsIcon=props=>{return/*#__PURE__*/external_React_default().createElement(
|
|
82177
|
+
const AdminsIcon_AdminsIcon=props=>{return/*#__PURE__*/external_React_default().createElement(Box,{className:avatar_st_st(avatar_st_classes.avatarWrapper),color:props.color,backgroundColor:props.backgroundColor},/*#__PURE__*/external_React_default().createElement(Users_default,{className:avatar_st_st(avatar_st_classes.avatar)}));};AdminsIcon_AdminsIcon.displayName='AdminsIcon';
|
|
82140
82178
|
;// ./components/DashboardIcons/RoleIcon.tsx
|
|
82141
|
-
const RoleIcon_RoleIcon=props=>{return/*#__PURE__*/external_React_default().createElement(
|
|
82179
|
+
const RoleIcon_RoleIcon=props=>{return/*#__PURE__*/external_React_default().createElement(Box,{className:avatar_st_st(avatar_st_classes.avatarWrapper),color:props.color,backgroundColor:props.backgroundColor},/*#__PURE__*/external_React_default().createElement(Users_default,{className:avatar_st_st(avatar_st_classes.avatar)}));};RoleIcon_RoleIcon.displayName='RoleIcon';
|
|
82142
82180
|
;// ../../../node_modules/@wix/wix-ui-icons-common/dist/esm/lazy/general/dist/components/Badge.js
|
|
82143
82181
|
|
|
82144
82182
|
var Badge_default = icon({
|
|
@@ -82151,7 +82189,7 @@ var Badge_default = icon({
|
|
|
82151
82189
|
|
|
82152
82190
|
|
|
82153
82191
|
;// ./components/DashboardIcons/BadgeIcon.tsx
|
|
82154
|
-
const BadgeIcon_BadgeIcon=props=>{return/*#__PURE__*/external_React_default().createElement(
|
|
82192
|
+
const BadgeIcon_BadgeIcon=props=>{return/*#__PURE__*/external_React_default().createElement(Box,{className:avatar_st_st(avatar_st_classes.avatarWrapper),color:props.color,backgroundColor:props.backgroundColor},/*#__PURE__*/external_React_default().createElement(Badge_default,{className:avatar_st_st(avatar_st_classes.avatar)}));};BadgeIcon_BadgeIcon.displayName='BadgeIcon';
|
|
82155
82193
|
;// ../../../node_modules/@wix/wix-ui-icons-common/dist/esm/lazy/general/dist/components/Payment.js
|
|
82156
82194
|
|
|
82157
82195
|
var Payment_default = icon({
|
|
@@ -82164,7 +82202,7 @@ var Payment_default = icon({
|
|
|
82164
82202
|
|
|
82165
82203
|
|
|
82166
82204
|
;// ./components/DashboardIcons/PPIcon.tsx
|
|
82167
|
-
const PPIcon_PPIcon=props=>{return/*#__PURE__*/external_React_default().createElement(
|
|
82205
|
+
const PPIcon_PPIcon=props=>{return/*#__PURE__*/external_React_default().createElement(Box,{className:avatar_st_st(avatar_st_classes.avatarWrapper),color:props.color,backgroundColor:props.backgroundColor},/*#__PURE__*/external_React_default().createElement(Payment_default,{className:avatar_st_st(avatar_st_classes.avatar)}));};PPIcon_PPIcon.displayName='PPIcon';
|
|
82168
82206
|
;// ./index.ts
|
|
82169
82207
|
|
|
82170
82208
|
})();
|