@wix/entity-advanced-permissions 1.1410.0 → 1.1412.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 +427 -388
- 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_314_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_314_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_314_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_314_0_madefor__root","madefor":"wds_1_314_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_314_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_314_0_madefordisplay__root","madefordisplay":"wds_1_314_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_314_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_314_0_WixDesignSystemProvider__root","mobile":"wds_1_314_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_314_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_314_0_StylableTypography__root","text-extra-tiny-thin":"wds_1_314_0_StylableTypography__text-extra-tiny-thin","text-extra-tiny-normal":"wds_1_314_0_StylableTypography__text-extra-tiny-normal","text-extra-tiny-bold":"wds_1_314_0_StylableTypography__text-extra-tiny-bold","text-tiny-thin":"wds_1_314_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_314_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_314_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_314_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_314_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_314_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_314_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_314_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_314_0_StylableTypography__text-medium-bold","heading-h1":"wds_1_314_0_StylableTypography__heading-h1","heading-h2":"wds_1_314_0_StylableTypography__heading-h2","heading-h3":"wds_1_314_0_StylableTypography__heading-h3","heading-h4":"wds_1_314_0_StylableTypography__heading-h4","heading-h5":"wds_1_314_0_StylableTypography__heading-h5","heading-h6":"wds_1_314_0_StylableTypography__heading-h6","heading-xl":"wds_1_314_0_StylableTypography__heading-xl","heading-l":"wds_1_314_0_StylableTypography__heading-l","heading-m":"wds_1_314_0_StylableTypography__heading-m","heading-s":"wds_1_314_0_StylableTypography__heading-s","heading-t":"wds_1_314_0_StylableTypography__heading-t","heading-xt":"wds_1_314_0_StylableTypography__heading-xt","caption-1":"wds_1_314_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_314_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_314_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_314_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_314_0_Text__root","text-tiny-thin":"wds_1_314_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_314_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_314_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_314_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_314_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_314_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_314_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_314_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_314_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_314_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_314_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_314_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_314_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_314_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_314_0_Popover__root","content":"wds_1_314_0_Popover__content","arrow":"wds_1_314_0_Popover__arrow","element":"wds_1_314_0_Popover__element","animationEnter":"wds_1_314_0_Popover__animationEnter","animationEnterActive":"wds_1_314_0_Popover__animationEnterActive","animationExit":"wds_1_314_0_Popover__animationExit","animationExitActive":"wds_1_314_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_314_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_314_0_Tooltip__root","content":"wds_1_314_0_Popover__content","text-small-normal":"wds_1_314_0_StylableTypography__text-small-normal","text-tiny-thin":"wds_1_314_0_StylableTypography__text-tiny-thin","text":"wds_1_314_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_314_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_314_0_Ellipsis__root","tooltip":"wds_1_314_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_314_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_314_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_314_0_TextComponent__root","text":"wds_1_314_0_TextComponent__text","suffix":"wds_1_314_0_TextComponent__suffix","multilineSuffixWrapper":"wds_1_314_0_TextComponent__multilineSuffixWrapper","multilineSuffix":"wds_1_314_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_314_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_314_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_314_0_Focusable__root","focus-box":"wds_1_314_0_Focusable__focus-box","focus-box-error":"wds_1_314_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_314_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_314_0_ButtonCore__root","content":"wds_1_314_0_ButtonCore__content","prefix":"wds_1_314_0_ButtonCore__prefix","suffix":"wds_1_314_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_314_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_314_0_TextButton__root","text-tiny-thin":"wds_1_314_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_314_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_314_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_314_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_314_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_314_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_314_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_314_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_314_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_314_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_314_0_Button__root","text-small-normal":"wds_1_314_0_StylableTypography__text-small-normal","text-medium-normal":"wds_1_314_0_StylableTypography__text-medium-normal","text-tiny-bold":"wds_1_314_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_1_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_314_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_314_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_314_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_314_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_314_0_FloatingNotification__root","icon":"wds_1_314_0_FloatingNotification__icon","text":"wds_1_314_0_FloatingNotification__text","textButton":"wds_1_314_0_FloatingNotification__textButton","button":"wds_1_314_0_FloatingNotification__button","gap":"wds_1_314_0_FloatingNotification__gap","close":"wds_1_314_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_314_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_314_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_314_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_314_0_Heading__root","heading-xl":"wds_1_314_0_StylableTypography__heading-xl","heading-l":"wds_1_314_0_StylableTypography__heading-l","heading-m":"wds_1_314_0_StylableTypography__heading-m","heading-s":"wds_1_314_0_StylableTypography__heading-s","heading-t":"wds_1_314_0_StylableTypography__heading-t","heading-xt":"wds_1_314_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_314_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_314_0_Loader__root","statusIndicator":"wds_1_314_0_Loader__statusIndicator","arcsContainer":"wds_1_314_0_Loader__arcsContainer","darkArc":"wds_1_314_0_Loader__darkArc","lightArc":"wds_1_314_0_Loader__lightArc","text":"wds_1_314_0_Loader__text"};
|
|
42128
|
+
var Loader_st_css_keyframes = {"rotation":"wds_1_314_0_Loader__rotation","staggered-rotation":"wds_1_314_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_314_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_314_0_defaultscrollbar__root","defaultScrollBar":"wds_1_314_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_314_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_314_0_Box__root","defaultScrollBar":"wds_1_314_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_314_0_Box-gap"};
|
|
44065
44065
|
|
|
44066
44066
|
|
|
44067
44067
|
|
|
@@ -44075,7 +44075,7 @@ var Box_st_css_vars = {"gap":"--wds_1_308_1_Box-gap"};
|
|
|
44075
44075
|
|
|
44076
44076
|
|
|
44077
44077
|
|
|
44078
|
-
var colors_js_st_css_namespace_ = "
|
|
44078
|
+
var colors_js_st_css_namespace_ = "wds_1_314_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_314_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_314_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_314_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_314_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_314_0_Checkbox__root","label":"wds_1_314_0_Checkbox__label","labelInner":"wds_1_314_0_Checkbox__labelInner","children":"wds_1_314_0_Checkbox__children","checkbox":"wds_1_314_0_Checkbox__checkbox","inner":"wds_1_314_0_Checkbox__inner","outer":"wds_1_314_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_314_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_314_0_visuallyHidden__root","visuallyHidden":"wds_1_314_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_314_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_314_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_314_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_314_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_314_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_314_0_ListItemSelect__root","mobile":"wds_1_314_0_WixDesignSystemProvider__mobile","element":"wds_1_314_0_Popover__element","fullWidthContent":"wds_1_314_0_ListItemSelect__fullWidthContent","textsWrapper":"wds_1_314_0_ListItemSelect__textsWrapper","titleWrapper":"wds_1_314_0_ListItemSelect__titleWrapper","title":"wds_1_314_0_ListItemSelect__title","titleOverrideWrapper":"wds_1_314_0_ListItemSelect__titleOverrideWrapper","subtitleOverrideWrapper":"wds_1_314_0_ListItemSelect__subtitleOverrideWrapper","subtitle":"wds_1_314_0_ListItemSelect__subtitle","prefix":"wds_1_314_0_ListItemSelect__prefix","suffix":"wds_1_314_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_314_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_314_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_314_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_314_0_Input__root","text-tiny-thin":"wds_1_314_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_314_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_314_0_StylableTypography__text-medium-thin","wrapper":"wds_1_314_0_Input__wrapper","input":"wds_1_314_0_Input__input","input-inner-shadow-mixin":"wds_1_314_0_Input__input-inner-shadow-mixin","disabled":"wds_1_314_0_Input__disabled","readOnly":"wds_1_314_0_Input__readOnly","suffixes":"wds_1_314_0_Input__suffixes","suffix":"wds_1_314_0_Input__suffix","statusWrapper":"wds_1_314_0_Input__statusWrapper","clearButtonWrapper":"wds_1_314_0_Input__clearButtonWrapper","menuArrow":"wds_1_314_0_Input__menuArrow","clearButton":"wds_1_314_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_314_0_Input-border-color-hover","border-color-hover-destructive":"--wds_1_314_0_Input-border-color-hover-destructive","border-color-hover-warning":"--wds_1_314_0_Input-border-color-hover-warning","input-background":"--wds_1_314_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_314_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_314_0_Ticker__root","up":"wds_1_314_0_Ticker__up","down":"wds_1_314_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_314_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_314_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_314_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_314_0_Affix__root","text-tiny-thin":"wds_1_314_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_314_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_314_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_314_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_314_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_314_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_314_0_StatusIndicator__root","iconWrapper":"wds_1_314_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_314_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_314_0_DropdownLayout__root","text-medium-normal":"wds_1_314_0_StylableTypography__text-medium-normal","defaultScrollBar":"wds_1_314_0_defaultscrollbar__defaultScrollBar","contentContainer":"wds_1_314_0_DropdownLayout__contentContainer","options":"wds_1_314_0_DropdownLayout__options","optionsContent":"wds_1_314_0_DropdownLayout__optionsContent","option":"wds_1_314_0_DropdownLayout__option","selectableOption":"wds_1_314_0_DropdownLayout__selectableOption","arrow":"wds_1_314_0_DropdownLayout__arrow","loader":"wds_1_314_0_DropdownLayout__loader","linkItem":"wds_1_314_0_DropdownLayout__linkItem","dropdownOption":"wds_1_314_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_314_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_314_0_ListItemSection__root","title":"wds_1_314_0_ListItemSection__title","titleWrapper":"wds_1_314_0_ListItemSection__titleWrapper","suffixWrapper":"wds_1_314_0_ListItemSection__suffixWrapper","suffix":"wds_1_314_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_314_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_314_0_ListItemAction__root","mobile":"wds_1_314_0_WixDesignSystemProvider__mobile","prefixIcon":"wds_1_314_0_ListItemAction__prefixIcon","textBox":"wds_1_314_0_ListItemAction__textBox","text":"wds_1_314_0_ListItemAction__text","subtitle":"wds_1_314_0_ListItemAction__subtitle","textOverrides":"wds_1_314_0_ListItemAction__textOverrides","subtitleOverrides":"wds_1_314_0_ListItemAction__subtitleOverrides","suffixBox":"wds_1_314_0_ListItemAction__suffixBox","suffix":"wds_1_314_0_ListItemAction__suffix","suffixIcon":"wds_1_314_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_314_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_314_0_useOverlayScrollbarinitialization__root"};
|
|
50143
|
+
var useOverlayScrollbar_initialization_st_css_keyframes = {"os-size-observer-appear-animation":"wds_1_314_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_314_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_314_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_314_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_314_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_314_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_314_0_InputWithOptions__root","nativeSelectWrapper":"wds_1_314_0_InputWithOptions__nativeSelectWrapper","nativeSelect":"wds_1_314_0_InputWithOptions__nativeSelect","dropdownLayout":"wds_1_314_0_InputWithOptions__dropdownLayout","drawerContent":"wds_1_314_0_InputWithOptions__drawerContent","emptyContent":"wds_1_314_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_314_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_314_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_314_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_314_0_PopoverNextContent__root","contentWrapper":"wds_1_314_0_PopoverNextContent__contentWrapper","arrow":"wds_1_314_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({
|
|
@@ -59711,6 +59712,7 @@ function usePopover({ dataHook, open = false, onOpenChange, focusManagerEnabled
|
|
|
59711
59712
|
});
|
|
59712
59713
|
const hover = floating_ui_react_useHover(context, {
|
|
59713
59714
|
enabled: Boolean(onMouseEnter) || Boolean(onMouseLeave),
|
|
59715
|
+
mouseOnly: true,
|
|
59714
59716
|
delay: {
|
|
59715
59717
|
open: showDelay ?? transitionSettings?.openDelay ?? 0,
|
|
59716
59718
|
close: hideDelay ?? transitionSettings?.closeDelay ?? 0,
|
|
@@ -59720,7 +59722,7 @@ function usePopover({ dataHook, open = false, onOpenChange, focusManagerEnabled
|
|
|
59720
59722
|
}),
|
|
59721
59723
|
});
|
|
59722
59724
|
const click = useClick(context, {
|
|
59723
|
-
|
|
59725
|
+
ignoreMouse: isHoverMode,
|
|
59724
59726
|
});
|
|
59725
59727
|
const dismiss = useDismiss(context, {
|
|
59726
59728
|
outsidePress: event => {
|
|
@@ -59864,10 +59866,10 @@ dataListType, ...restOptions }) {
|
|
|
59864
59866
|
});
|
|
59865
59867
|
(0,external_React_.useEffect)(() => {
|
|
59866
59868
|
if (theme) {
|
|
59867
|
-
|
|
59869
|
+
deprecationLog_deprecationLog('<PopoverNext /> - `theme` prop is deprecated and will be removed in next major version, please use `skin` instead');
|
|
59868
59870
|
}
|
|
59869
59871
|
if (shown !== undefined) {
|
|
59870
|
-
|
|
59872
|
+
deprecationLog_deprecationLog('<PopoverNext /> - `shown` prop is deprecated and will be removed in next major version, please use `open` instead');
|
|
59871
59873
|
}
|
|
59872
59874
|
}, [theme, shown]);
|
|
59873
59875
|
(0,external_React_.useEffect)(() => {
|
|
@@ -59893,9 +59895,9 @@ dataListType, ...restOptions }) {
|
|
|
59893
59895
|
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
59896
|
}
|
|
59895
59897
|
PopoverNext.displayName = 'PopoverNext';
|
|
59896
|
-
PopoverNext.Trigger =
|
|
59897
|
-
PopoverNext.Content =
|
|
59898
|
-
|
|
59898
|
+
PopoverNext.Trigger = Trigger;
|
|
59899
|
+
PopoverNext.Content = Content;
|
|
59900
|
+
|
|
59899
59901
|
//# sourceMappingURL=PopoverNext.js.map
|
|
59900
59902
|
;// ../../../node_modules/@radix-ui/primitive/dist/index.mjs
|
|
59901
59903
|
// src/primitive.tsx
|
|
@@ -62693,7 +62695,7 @@ var dist_Close = (/* unused pure expression or super */ null && (DialogClose));
|
|
|
62693
62695
|
|
|
62694
62696
|
|
|
62695
62697
|
|
|
62696
|
-
var Drawer_st_css_namespace_ = "
|
|
62698
|
+
var Drawer_st_css_namespace_ = "wds_1_314_0_Drawer";
|
|
62697
62699
|
var Drawer_st_css_style_ = classesRuntime.bind(null, Drawer_st_css_namespace_);
|
|
62698
62700
|
|
|
62699
62701
|
var Drawer_st_css_cssStates = statesRuntime.bind(null, Drawer_st_css_namespace_);
|
|
@@ -62701,7 +62703,7 @@ var Drawer_st_css_style = (/* unused pure expression or super */ null && (Drawer
|
|
|
62701
62703
|
var Drawer_st_css_st = Drawer_st_css_style_;
|
|
62702
62704
|
|
|
62703
62705
|
var Drawer_st_css_namespace = (/* unused pure expression or super */ null && (Drawer_st_css_namespace_));
|
|
62704
|
-
var Drawer_st_css_classes = {"root":"
|
|
62706
|
+
var Drawer_st_css_classes = {"root":"wds_1_314_0_Drawer__root","visuallyHidden":"wds_1_314_0_visuallyHidden__visuallyHidden","overlay":"wds_1_314_0_Drawer__overlay","handle":"wds_1_314_0_Drawer__handle","content":"wds_1_314_0_Drawer__content","contentInner":"wds_1_314_0_Drawer__contentInner","title":"wds_1_314_0_Drawer__title wds_1_314_0_visuallyHidden__visuallyHidden","contentWrapper":"wds_1_314_0_Drawer__contentWrapper"};
|
|
62705
62707
|
var Drawer_st_css_keyframes = {};
|
|
62706
62708
|
var Drawer_st_css_layers = {};
|
|
62707
62709
|
var Drawer_st_css_containers = {};
|
|
@@ -62976,7 +62978,7 @@ const Drawer = ({ open, backdrop = true, renderBackdrop = true, resizable = true
|
|
|
62976
62978
|
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
62979
|
};
|
|
62978
62980
|
Drawer.displayName = 'Drawer';
|
|
62979
|
-
|
|
62981
|
+
|
|
62980
62982
|
//# sourceMappingURL=Drawer.js.map
|
|
62981
62983
|
;// ../../../node_modules/@wix/design-system/dist/esm/InputWithOptions/InputWithOptions.js
|
|
62982
62984
|
|
|
@@ -63179,6 +63181,7 @@ class InputWithOptions extends external_React_.Component {
|
|
|
63179
63181
|
'focusOnClearClick',
|
|
63180
63182
|
'name',
|
|
63181
63183
|
'border',
|
|
63184
|
+
'backgroundColor',
|
|
63182
63185
|
'noLeftBorderRadius',
|
|
63183
63186
|
'noRightBorderRadius',
|
|
63184
63187
|
'onBlur',
|
|
@@ -63226,8 +63229,8 @@ class InputWithOptions extends external_React_.Component {
|
|
|
63226
63229
|
width: 'inherit',
|
|
63227
63230
|
};
|
|
63228
63231
|
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(
|
|
63232
|
+
external_React_default().createElement(HighlightContext.Provider, { value: { highlight, match: value } },
|
|
63233
|
+
external_React_default().createElement(DropdownLayout, { ref: dropdownLayout => {
|
|
63231
63234
|
this.dropdownLayout = dropdownLayout;
|
|
63232
63235
|
}, ...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
63236
|
}
|
|
@@ -63253,17 +63256,17 @@ class InputWithOptions extends external_React_.Component {
|
|
|
63253
63256
|
const hasContent = this.hasDropdownContent(additionalDropdownProps);
|
|
63254
63257
|
return (external_React_default().createElement(WixDesignSystemContext.Consumer, null, ({ mobile }) => mobile && this.props.showDrawerOnMobile ? (external_React_default().createElement("div", null,
|
|
63255
63258
|
external_React_default().createElement("div", { "data-input-parent": true, className: this.inputClasses() }, this.renderInput(mobile)),
|
|
63256
|
-
external_React_default().createElement(
|
|
63259
|
+
external_React_default().createElement(Drawer, { dataHook: dataHook, open: this.isDropdownLayoutVisible(), onClose: this._onOpenChange, zIndex: this.props?.popoverProps?.zIndex },
|
|
63257
63260
|
external_React_default().createElement("div", { className: InputWithOptions_st_css_classes.drawerContent }, this.props.customDropdownContent ||
|
|
63258
|
-
this._renderDropdownLayout(additionalDropdownProps))))) : (external_React_default().createElement(
|
|
63261
|
+
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
63262
|
? 'fit-content'
|
|
63260
63263
|
: (dropdownWidth ??
|
|
63261
63264
|
restPopoverFields?.minWidth ??
|
|
63262
63265
|
DEFAULT_POPOVER_PROPS.minWidth), width: dropdownWidth ??
|
|
63263
63266
|
(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(
|
|
63267
|
+
external_React_default().createElement(PopoverNext.Trigger, null,
|
|
63265
63268
|
external_React_default().createElement("div", { "data-input-parent": true, className: this.inputClasses() }, this.renderInput())),
|
|
63266
|
-
external_React_default().createElement(
|
|
63269
|
+
external_React_default().createElement(PopoverNext.Content, null, this.props.customDropdownContent ||
|
|
63267
63270
|
this._renderDropdownLayout(additionalDropdownProps))))));
|
|
63268
63271
|
}
|
|
63269
63272
|
/**
|
|
@@ -63466,12 +63469,12 @@ class InputWithOptions extends external_React_.Component {
|
|
|
63466
63469
|
}
|
|
63467
63470
|
}
|
|
63468
63471
|
InputWithOptions.defaultProps = {
|
|
63469
|
-
...
|
|
63470
|
-
...
|
|
63472
|
+
...Input.defaultProps,
|
|
63473
|
+
...DropdownLayout.defaultProps,
|
|
63471
63474
|
onSelect: () => { },
|
|
63472
63475
|
options: [],
|
|
63473
63476
|
closeOnSelect: true,
|
|
63474
|
-
inputElement: external_React_default().createElement(
|
|
63477
|
+
inputElement: external_React_default().createElement(Input, null),
|
|
63475
63478
|
valueParser: DEFAULT_VALUE_PARSER,
|
|
63476
63479
|
dropdownWidth: null,
|
|
63477
63480
|
popoverProps: DEFAULT_POPOVER_PROPS,
|
|
@@ -63482,7 +63485,7 @@ InputWithOptions.defaultProps = {
|
|
|
63482
63485
|
showDrawerOnMobile: true,
|
|
63483
63486
|
};
|
|
63484
63487
|
InputWithOptions.displayName = 'InputWithOptions';
|
|
63485
|
-
|
|
63488
|
+
|
|
63486
63489
|
//# sourceMappingURL=InputWithOptions.js.map
|
|
63487
63490
|
;// ../../../node_modules/@wix/design-system/dist/esm/Dropdown/Dropdown.st.css.js
|
|
63488
63491
|
|
|
@@ -63491,7 +63494,7 @@ InputWithOptions.displayName = 'InputWithOptions';
|
|
|
63491
63494
|
|
|
63492
63495
|
|
|
63493
63496
|
|
|
63494
|
-
var Dropdown_st_css_namespace_ = "
|
|
63497
|
+
var Dropdown_st_css_namespace_ = "wds_1_314_0_Dropdown";
|
|
63495
63498
|
var Dropdown_st_css_style_ = classesRuntime.bind(null, Dropdown_st_css_namespace_);
|
|
63496
63499
|
|
|
63497
63500
|
var Dropdown_st_css_cssStates = statesRuntime.bind(null, Dropdown_st_css_namespace_);
|
|
@@ -63499,7 +63502,7 @@ var Dropdown_st_css_style = (/* unused pure expression or super */ null && (Drop
|
|
|
63499
63502
|
var Dropdown_st_css_st = Dropdown_st_css_style_;
|
|
63500
63503
|
|
|
63501
63504
|
var Dropdown_st_css_namespace = (/* unused pure expression or super */ null && (Dropdown_st_css_namespace_));
|
|
63502
|
-
var Dropdown_st_css_classes = {"root":"
|
|
63505
|
+
var Dropdown_st_css_classes = {"root":"wds_1_314_0_Dropdown__root","input":"wds_1_314_0_Input__input","showPointer":"wds_1_314_0_Dropdown__showPointer"};
|
|
63503
63506
|
var Dropdown_st_css_keyframes = {};
|
|
63504
63507
|
var Dropdown_st_css_layers = {};
|
|
63505
63508
|
var Dropdown_st_css_containers = {};
|
|
@@ -63520,7 +63523,7 @@ var Dropdown_st_css_vars = {};
|
|
|
63520
63523
|
const NO_SELECTED_ID = null;
|
|
63521
63524
|
const DROPDOWN_DOUBLE_CLICK_THRESHOLD = 200;
|
|
63522
63525
|
const OPEN_KEYS = ['Enter', 'Spacebar', ' ', 'ArrowUp', 'ArrowDown'];
|
|
63523
|
-
class Dropdown extends
|
|
63526
|
+
class Dropdown extends InputWithOptions {
|
|
63524
63527
|
constructor(props) {
|
|
63525
63528
|
super(props);
|
|
63526
63529
|
this.state = {
|
|
@@ -63606,10 +63609,11 @@ class Dropdown extends InputWithOptions_InputWithOptions {
|
|
|
63606
63609
|
}
|
|
63607
63610
|
Dropdown.defaultProps = {
|
|
63608
63611
|
allowTextSelection: true,
|
|
63609
|
-
...
|
|
63612
|
+
...InputWithOptions.defaultProps,
|
|
63610
63613
|
};
|
|
63611
63614
|
Dropdown.displayName = 'Dropdown';
|
|
63612
|
-
|
|
63615
|
+
const WrappedDropdown = withDefaultProps(Dropdown, 'Dropdown');
|
|
63616
|
+
|
|
63613
63617
|
//# sourceMappingURL=Dropdown.js.map
|
|
63614
63618
|
;// ../../../node_modules/@wix/design-system/dist/esm/DropdownBase/DropdownBase.st.css.js
|
|
63615
63619
|
|
|
@@ -63623,7 +63627,7 @@ Dropdown.displayName = 'Dropdown';
|
|
|
63623
63627
|
|
|
63624
63628
|
|
|
63625
63629
|
|
|
63626
|
-
var DropdownBase_st_css_namespace_ = "
|
|
63630
|
+
var DropdownBase_st_css_namespace_ = "wds_1_314_0_DropdownBase";
|
|
63627
63631
|
var DropdownBase_st_css_style_ = classesRuntime.bind(null, DropdownBase_st_css_namespace_);
|
|
63628
63632
|
|
|
63629
63633
|
var DropdownBase_st_css_cssStates = statesRuntime.bind(null, DropdownBase_st_css_namespace_);
|
|
@@ -63631,7 +63635,7 @@ var DropdownBase_st_css_style = (/* unused pure expression or super */ null && (
|
|
|
63631
63635
|
var DropdownBase_st_css_st = DropdownBase_st_css_style_;
|
|
63632
63636
|
|
|
63633
63637
|
var DropdownBase_st_css_namespace = (/* unused pure expression or super */ null && (DropdownBase_st_css_namespace_));
|
|
63634
|
-
var DropdownBase_st_css_classes = {"root":"
|
|
63638
|
+
var DropdownBase_st_css_classes = {"root":"wds_1_314_0_DropdownBase__root","trigger":"wds_1_314_0_DropdownBase__trigger","content":"wds_1_314_0_DropdownBase__content","drawerContent":"wds_1_314_0_DropdownBase__drawerContent","list":"wds_1_314_0_DropdownBase__list"};
|
|
63635
63639
|
var DropdownBase_st_css_keyframes = {};
|
|
63636
63640
|
var DropdownBase_st_css_layers = {};
|
|
63637
63641
|
var DropdownBase_st_css_containers = {};
|
|
@@ -63855,7 +63859,7 @@ class DropdownBase extends external_React_.PureComponent {
|
|
|
63855
63859
|
_renderDropdownLayout() {
|
|
63856
63860
|
const { options, maxHeight, overflow, focusOnSelectedOption, infiniteScroll, loadMore, hasMore, focusOnOption, markedOption, scrollToOption, onMouseDown, listType, autoFocus, fixedHeader, fixedFooter, } = this.props;
|
|
63857
63861
|
const { selectedId } = this.state;
|
|
63858
|
-
return (external_React_default().createElement(
|
|
63862
|
+
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
63863
|
// In dialog mode, FloatingFocusManager handles initial focus
|
|
63860
63864
|
// In menu mode, DropdownLayout focuses the first option
|
|
63861
63865
|
autoFocus: this._isDialogMode() ? false : autoFocus || this.state.listAutoFocus, fixedHeader: fixedHeader, fixedFooter: fixedFooter, listboxId: `${this.uniqueId}-listbox` }));
|
|
@@ -63879,8 +63883,8 @@ class DropdownBase extends external_React_.PureComponent {
|
|
|
63879
63883
|
: children;
|
|
63880
63884
|
return (external_React_default().createElement(WixDesignSystemContext.Consumer, null, ({ mobile }) => mobile ? (external_React_default().createElement("div", null,
|
|
63881
63885
|
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(
|
|
63886
|
+
external_React_default().createElement(Drawer, { dataHook: dataHook, open: Boolean(open), onClose: isOpen => this._setIsOpen(isOpen), zIndex: zIndex },
|
|
63887
|
+
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
63888
|
!!(external_React_default().isValidElement(renderedTrigger) &&
|
|
63885
63889
|
renderedTrigger.props.onMouseEnter)
|
|
63886
63890
|
? () => this._handlePopoverMouseEnter(renderedTrigger)
|
|
@@ -63891,9 +63895,9 @@ class DropdownBase extends external_React_.PureComponent {
|
|
|
63891
63895
|
: 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
63896
|
withWidth: Boolean(minWidth || maxWidth),
|
|
63893
63897
|
}, className), minWidth: minWidth, maxWidth: maxWidth, width: width },
|
|
63894
|
-
external_React_default().createElement(
|
|
63898
|
+
external_React_default().createElement(PopoverNext.Trigger, { className: DropdownBase_st_css_classes.trigger },
|
|
63895
63899
|
external_React_default().createElement("div", null, this._renderChildren(renderedTrigger))),
|
|
63896
|
-
external_React_default().createElement(
|
|
63900
|
+
external_React_default().createElement(PopoverNext.Content, { className: DropdownBase_st_css_st(DropdownBase_st_css_classes.content, popoverContentClassName, {
|
|
63897
63901
|
withWidth: Boolean(minWidth || maxWidth),
|
|
63898
63902
|
}) },
|
|
63899
63903
|
external_React_default().createElement("div", { style: {
|
|
@@ -63918,7 +63922,7 @@ DropdownBase.defaultProps = {
|
|
|
63918
63922
|
onMouseEnter: () => { },
|
|
63919
63923
|
onMouseLeave: () => { },
|
|
63920
63924
|
};
|
|
63921
|
-
|
|
63925
|
+
|
|
63922
63926
|
//# sourceMappingURL=DropdownBase.js.map
|
|
63923
63927
|
;// ../../../node_modules/react-error-boundary/dist/react-error-boundary.esm.js
|
|
63924
63928
|
/* unused harmony import specifier */ var useContext;
|
|
@@ -64313,7 +64317,7 @@ var ChevronDown_ChevronDown_default = icon({
|
|
|
64313
64317
|
|
|
64314
64318
|
;// ./components/PermissionsDropdown/PermissionsDropdown.tsx
|
|
64315
64319
|
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(
|
|
64320
|
+
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
64321
|
;// ./assets/icons/Error.svg
|
|
64318
64322
|
var Error_path;
|
|
64319
64323
|
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 +77204,7 @@ const IconButton_constants_testDataHooks = {
|
|
|
77200
77204
|
|
|
77201
77205
|
|
|
77202
77206
|
|
|
77203
|
-
var IconButton_st_css_namespace_ = "
|
|
77207
|
+
var IconButton_st_css_namespace_ = "wds_1_314_0_IconButton";
|
|
77204
77208
|
var IconButton_st_css_style_ = classesRuntime.bind(null, IconButton_st_css_namespace_);
|
|
77205
77209
|
|
|
77206
77210
|
var IconButton_st_css_cssStates = statesRuntime.bind(null, IconButton_st_css_namespace_);
|
|
@@ -77208,7 +77212,7 @@ var IconButton_st_css_style = (/* unused pure expression or super */ null && (Ic
|
|
|
77208
77212
|
var IconButton_st_css_st = IconButton_st_css_style_;
|
|
77209
77213
|
|
|
77210
77214
|
var IconButton_st_css_namespace = (/* unused pure expression or super */ null && (IconButton_st_css_namespace_));
|
|
77211
|
-
var IconButton_st_css_classes = {"root":"
|
|
77215
|
+
var IconButton_st_css_classes = {"root":"wds_1_314_0_IconButton__root"};
|
|
77212
77216
|
var IconButton_st_css_keyframes = {};
|
|
77213
77217
|
var IconButton_st_css_layers = {};
|
|
77214
77218
|
var IconButton_st_css_containers = {};
|
|
@@ -77230,7 +77234,7 @@ var IconButton_st_css_vars = {"wds-button-border-radius-tiny":"--wds-button-bord
|
|
|
77230
77234
|
|
|
77231
77235
|
const IconButton = (0,external_React_.forwardRef)((props, ref) => {
|
|
77232
77236
|
if (props.skin === 'inverted') {
|
|
77233
|
-
|
|
77237
|
+
deprecationLog_deprecationLog('<IconButton/> - skin="inverted" is deprecated and will be removed in next major version, please use skin="standard" and priority="secondary" instead');
|
|
77234
77238
|
}
|
|
77235
77239
|
const defaultOverrides = external_React_default().useContext(WixStyleReactDefaultsOverrideContext);
|
|
77236
77240
|
const buttonRef = external_React_default().useRef(null);
|
|
@@ -77244,7 +77248,7 @@ const IconButton = (0,external_React_.forwardRef)((props, ref) => {
|
|
|
77244
77248
|
const { button: buttonPropsDefaults } = defaultOverrides;
|
|
77245
77249
|
const { skin = 'standard', className, priority = 'primary', size = buttonPropsDefaults.size, children, disabled = false, dataHook, ariaLabel, ariaLabelledBy, ...rest } = useDefaultProps('IconButton', props);
|
|
77246
77250
|
const childSize = ICON_CHILD_SIZE[size];
|
|
77247
|
-
return (external_React_default().createElement(
|
|
77251
|
+
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
77252
|
...props,
|
|
77249
77253
|
size,
|
|
77250
77254
|
}, ['skin', 'size', 'priority']), "data-hook": dataHook, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }, children &&
|
|
@@ -77256,7 +77260,6 @@ const IconButton = (0,external_React_.forwardRef)((props, ref) => {
|
|
|
77256
77260
|
})));
|
|
77257
77261
|
});
|
|
77258
77262
|
IconButton.displayName = 'IconButton';
|
|
77259
|
-
/* harmony default export */ const IconButton_IconButton = (IconButton);
|
|
77260
77263
|
//# sourceMappingURL=IconButton.js.map
|
|
77261
77264
|
;// ../../../node_modules/@wix/design-system/dist/esm/Avatar/constants.js
|
|
77262
77265
|
const avatarColorList = ['A1', 'A2', 'A3', 'A4', 'A5', 'A6', 'A7'];
|
|
@@ -77280,7 +77283,7 @@ const Avatar_constants_dataHooks = {
|
|
|
77280
77283
|
|
|
77281
77284
|
|
|
77282
77285
|
|
|
77283
|
-
var AvatarCore_st_css_namespace_ = "
|
|
77286
|
+
var AvatarCore_st_css_namespace_ = "wds_1_314_0_AvatarCore";
|
|
77284
77287
|
var AvatarCore_st_css_style_ = classesRuntime.bind(null, AvatarCore_st_css_namespace_);
|
|
77285
77288
|
|
|
77286
77289
|
var AvatarCore_st_css_cssStates = statesRuntime.bind(null, AvatarCore_st_css_namespace_);
|
|
@@ -77288,7 +77291,7 @@ var AvatarCore_st_css_style = (/* unused pure expression or super */ null && (Av
|
|
|
77288
77291
|
var AvatarCore_st_css_st = AvatarCore_st_css_style_;
|
|
77289
77292
|
|
|
77290
77293
|
var AvatarCore_st_css_namespace = (/* unused pure expression or super */ null && (AvatarCore_st_css_namespace_));
|
|
77291
|
-
var AvatarCore_st_css_classes = {"root":"
|
|
77294
|
+
var AvatarCore_st_css_classes = {"root":"wds_1_314_0_AvatarCore__root","content":"wds_1_314_0_AvatarCore__content"};
|
|
77292
77295
|
var AvatarCore_st_css_keyframes = {};
|
|
77293
77296
|
var AvatarCore_st_css_layers = {};
|
|
77294
77297
|
var AvatarCore_st_css_containers = {};
|
|
@@ -77311,7 +77314,7 @@ var AvatarCore_st_css_vars = {};
|
|
|
77311
77314
|
|
|
77312
77315
|
|
|
77313
77316
|
|
|
77314
|
-
var Avatar_st_css_namespace_ = "
|
|
77317
|
+
var Avatar_st_css_namespace_ = "wds_1_314_0_Avatar";
|
|
77315
77318
|
var Avatar_st_css_style_ = classesRuntime.bind(null, Avatar_st_css_namespace_);
|
|
77316
77319
|
|
|
77317
77320
|
var Avatar_st_css_cssStates = statesRuntime.bind(null, Avatar_st_css_namespace_);
|
|
@@ -77319,7 +77322,7 @@ var Avatar_st_css_style = (/* unused pure expression or super */ null && (Avatar
|
|
|
77319
77322
|
var Avatar_st_css_st = Avatar_st_css_style_;
|
|
77320
77323
|
|
|
77321
77324
|
var Avatar_st_css_namespace = (/* unused pure expression or super */ null && (Avatar_st_css_namespace_));
|
|
77322
|
-
var Avatar_st_css_classes = {"root":"
|
|
77325
|
+
var Avatar_st_css_classes = {"root":"wds_1_314_0_Avatar__root","text-small-bold":"wds_1_314_0_StylableTypography__text-small-bold","text-medium-bold":"wds_1_314_0_StylableTypography__text-medium-bold","placeholder":"wds_1_314_0_Avatar__placeholder","avatarContainer":"wds_1_314_0_Avatar__avatarContainer","coreAvatar":"wds_1_314_0_Avatar__coreAvatar","avatar":"wds_1_314_0_Avatar__avatar","presence":"wds_1_314_0_Avatar__presence","indication":"wds_1_314_0_Avatar__indication","iconButtonShadow":"wds_1_314_0_Avatar__iconButtonShadow","colorA1":"wds_1_314_0_Avatar__colorA1","colorA2":"wds_1_314_0_Avatar__colorA2","colorA3":"wds_1_314_0_Avatar__colorA3","colorA4":"wds_1_314_0_Avatar__colorA4","colorA5":"wds_1_314_0_Avatar__colorA5","colorA6":"wds_1_314_0_Avatar__colorA6","colorA7":"wds_1_314_0_Avatar__colorA7","loaderContainer":"wds_1_314_0_Avatar__loaderContainer","overlay":"wds_1_314_0_Avatar__overlay","loader":"wds_1_314_0_Avatar__loader"};
|
|
77323
77326
|
var Avatar_st_css_keyframes = {};
|
|
77324
77327
|
var Avatar_st_css_layers = {};
|
|
77325
77328
|
var Avatar_st_css_containers = {};
|
|
@@ -77398,7 +77401,7 @@ const stringToColor = name => {
|
|
|
77398
77401
|
** This creates a unique number for each string
|
|
77399
77402
|
**/
|
|
77400
77403
|
const stringToNumber = str => str.split('').reduce((acc, char) => acc + char.charCodeAt(), 0);
|
|
77401
|
-
|
|
77404
|
+
|
|
77402
77405
|
//# sourceMappingURL=string-to-color.js.map
|
|
77403
77406
|
;// ../../../node_modules/@wix/design-system/dist/esm/utils/propsUtils.js
|
|
77404
77407
|
const propsUtils_acceptedPropsStart = 'data-';
|
|
@@ -77587,7 +77590,8 @@ AvatarCore.displayName = 'AvatarCore';
|
|
|
77587
77590
|
AvatarCore.defaultProps = {
|
|
77588
77591
|
placeholder: undefined,
|
|
77589
77592
|
};
|
|
77590
|
-
|
|
77593
|
+
const WrappedAvatarCore = Focusable_withFocusable(AvatarCore);
|
|
77594
|
+
|
|
77591
77595
|
//# sourceMappingURL=AvatarCore.js.map
|
|
77592
77596
|
;// ../../../node_modules/@wix/design-system/dist/esm/Avatar/Avatar.js
|
|
77593
77597
|
|
|
@@ -77628,7 +77632,7 @@ class Avatar_Avatar extends (external_React_default()).PureComponent {
|
|
|
77628
77632
|
render() {
|
|
77629
77633
|
const { size, presence, indication, color, customIndication, onIndicationClick, dataHook, className, shape, text, placeholder, name, onClick, showIndicationOnHover, loading, ...rest } = this.props;
|
|
77630
77634
|
const { fadeIndication, showIndication } = this.state;
|
|
77631
|
-
const calculatedColor = color ||
|
|
77635
|
+
const calculatedColor = color || stringToColor(text || name); // if color is provided as a prop use it, otherwise, generate a color based on the text
|
|
77632
77636
|
const sizeNumber = getSizeNumber(size);
|
|
77633
77637
|
const renderOnHover = !showIndicationOnHover || showIndication || this.context?.mobile;
|
|
77634
77638
|
const indicationConstraints = renderOnHover && sizeNumber >= defaultSize;
|
|
@@ -77647,15 +77651,15 @@ class Avatar_Avatar extends (external_React_default()).PureComponent {
|
|
|
77647
77651
|
hasText: !!text,
|
|
77648
77652
|
}) },
|
|
77649
77653
|
external_React_default().createElement("div", { className: Avatar_st_css_classes.coreAvatar },
|
|
77650
|
-
external_React_default().createElement(
|
|
77654
|
+
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
77655
|
renderLoader && [
|
|
77652
77656
|
external_React_default().createElement("div", { key: "overlay", className: Avatar_st_css_st(Avatar_st_css_classes.loaderContainer, Avatar_st_css_classes.overlay) }),
|
|
77653
77657
|
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(
|
|
77658
|
+
external_React_default().createElement(Loader, { dataHook: Avatar_constants_dataHooks.loader, size: "tiny" })),
|
|
77655
77659
|
],
|
|
77656
77660
|
presence && external_React_default().createElement("div", { className: Avatar_st_css_classes.presence }),
|
|
77657
77661
|
renderIndication && (external_React_default().createElement("div", { className: Avatar_st_css_classes.indication },
|
|
77658
|
-
external_React_default().createElement(
|
|
77662
|
+
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
77663
|
renderCustomIndication && (external_React_default().createElement("div", { className: Avatar_st_css_classes.indication, "data-hook": Avatar_constants_dataHooks.customIndication, onClick: onIndicationClick }, customIndication)))));
|
|
77660
77664
|
}
|
|
77661
77665
|
}
|
|
@@ -77669,12 +77673,12 @@ Avatar_Avatar.defaultProps = {
|
|
|
77669
77673
|
shape: 'circle',
|
|
77670
77674
|
showIndicationOnHover: false,
|
|
77671
77675
|
};
|
|
77672
|
-
|
|
77676
|
+
|
|
77673
77677
|
//# sourceMappingURL=Avatar.js.map
|
|
77674
77678
|
;// ./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?
|
|
77679
|
+
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
77680
|
;// ./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(
|
|
77681
|
+
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
77682
|
;// ./assets/icons/item_remove.svg
|
|
77679
77683
|
var item_remove_path;
|
|
77680
77684
|
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 +77780,7 @@ const customStyles=(props,rtl)=>{return{valueContainer:provided=>({...provided,p
|
|
|
77776
77780
|
|
|
77777
77781
|
|
|
77778
77782
|
|
|
77779
|
-
var Tag_st_css_namespace_ = "
|
|
77783
|
+
var Tag_st_css_namespace_ = "wds_1_314_0_Tag";
|
|
77780
77784
|
var Tag_st_css_style_ = classesRuntime.bind(null, Tag_st_css_namespace_);
|
|
77781
77785
|
|
|
77782
77786
|
var Tag_st_css_cssStates = statesRuntime.bind(null, Tag_st_css_namespace_);
|
|
@@ -77784,7 +77788,7 @@ var Tag_st_css_style = (/* unused pure expression or super */ null && (Tag_st_cs
|
|
|
77784
77788
|
var Tag_st_css_st = Tag_st_css_style_;
|
|
77785
77789
|
|
|
77786
77790
|
var Tag_st_css_namespace = (/* unused pure expression or super */ null && (Tag_st_css_namespace_));
|
|
77787
|
-
var Tag_st_css_classes = {"root":"
|
|
77791
|
+
var Tag_st_css_classes = {"root":"wds_1_314_0_Tag__root","thumb":"wds_1_314_0_Tag__thumb","removeButton":"wds_1_314_0_Tag__removeButton","text":"wds_1_314_0_Tag__text"};
|
|
77788
77792
|
var Tag_st_css_keyframes = {};
|
|
77789
77793
|
var Tag_st_css_layers = {};
|
|
77790
77794
|
var Tag_st_css_containers = {};
|
|
@@ -77859,7 +77863,7 @@ removable = true, disabled, thumb, ellipsisProps, className, children, closeButt
|
|
|
77859
77863
|
const skin = props.skin || theme;
|
|
77860
77864
|
(0,external_React_.useEffect)(() => {
|
|
77861
77865
|
if (theme) {
|
|
77862
|
-
|
|
77866
|
+
deprecationLog_deprecationLog('<Tag/> - theme prop is deprecated and will be removed in next major version, please use skin instead');
|
|
77863
77867
|
}
|
|
77864
77868
|
}, [theme]);
|
|
77865
77869
|
const handleRemove = (event) => {
|
|
@@ -77893,11 +77897,12 @@ removable = true, disabled, thumb, ellipsisProps, className, children, closeButt
|
|
|
77893
77897
|
'clickable',
|
|
77894
77898
|
]), "data-hook": dataHook, id: id, onClick: handleOnClick, style: { maxWidth: formatPx(maxWidth) } },
|
|
77895
77899
|
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(
|
|
77900
|
+
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),
|
|
77901
|
+
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
77902
|
};
|
|
77899
77903
|
Tag.displayName = 'Tag';
|
|
77900
|
-
|
|
77904
|
+
const WrappedTag = (0,external_React_.memo)(Tag);
|
|
77905
|
+
|
|
77901
77906
|
//# sourceMappingURL=Tag.js.map
|
|
77902
77907
|
;// ../../../node_modules/@wix/design-system/dist/esm/MultiSelect/InputWithTags.st.css.js
|
|
77903
77908
|
|
|
@@ -77910,7 +77915,8 @@ Tag.displayName = 'Tag';
|
|
|
77910
77915
|
|
|
77911
77916
|
|
|
77912
77917
|
|
|
77913
|
-
|
|
77918
|
+
|
|
77919
|
+
var InputWithTags_st_css_namespace_ = "wds_1_314_0_InputWithTags";
|
|
77914
77920
|
var InputWithTags_st_css_style_ = classesRuntime.bind(null, InputWithTags_st_css_namespace_);
|
|
77915
77921
|
|
|
77916
77922
|
var InputWithTags_st_css_cssStates = statesRuntime.bind(null, InputWithTags_st_css_namespace_);
|
|
@@ -77918,12 +77924,12 @@ var InputWithTags_st_css_style = (/* unused pure expression or super */ null &&
|
|
|
77918
77924
|
var InputWithTags_st_css_st = InputWithTags_st_css_style_;
|
|
77919
77925
|
|
|
77920
77926
|
var InputWithTags_st_css_namespace = (/* unused pure expression or super */ null && (InputWithTags_st_css_namespace_));
|
|
77921
|
-
var InputWithTags_st_css_classes = {"root":"
|
|
77927
|
+
var InputWithTags_st_css_classes = {"root":"wds_1_314_0_InputWithTags__root","text-medium-normal":"wds_1_314_0_StylableTypography__text-medium-normal","input-inner-shadow-mixin":"wds_1_314_0_Input__input-inner-shadow-mixin","inputWrapper":"wds_1_314_0_InputWithTags__inputWrapper","emptyInput":"wds_1_314_0_InputWithTags__emptyInput","selectMode":"wds_1_314_0_InputWithTags__selectMode","inputSuffix":"wds_1_314_0_InputWithTags__inputSuffix","menuArrow":"wds_1_314_0_InputWithTags__menuArrow","statusIndicator":"wds_1_314_0_InputWithTags__statusIndicator","suffixes":"wds_1_314_0_InputWithTags__suffixes","hiddenDiv":"wds_1_314_0_InputWithTags__hiddenDiv","scrollableContent":"wds_1_314_0_InputWithTags__scrollableContent","customSuffix":"wds_1_314_0_InputWithTags__customSuffix","customPrefix":"wds_1_314_0_InputWithTags__customPrefix","tagsContainer":"wds_1_314_0_InputWithTags__tagsContainer","draggedTag":"wds_1_314_0_InputWithTags__draggedTag","draggedTagPlaceholder":"wds_1_314_0_InputWithTags__draggedTagPlaceholder","input":"wds_1_314_0_InputWithTags__input"};
|
|
77922
77928
|
var InputWithTags_st_css_keyframes = {};
|
|
77923
77929
|
var InputWithTags_st_css_layers = {};
|
|
77924
77930
|
var InputWithTags_st_css_containers = {};
|
|
77925
77931
|
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-
|
|
77932
|
+
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_314_0_InputWithTags-input-background"};
|
|
77927
77933
|
|
|
77928
77934
|
|
|
77929
77935
|
|
|
@@ -77978,7 +77984,7 @@ class CustomDragLayer extends (external_React_default()).Component {
|
|
|
77978
77984
|
} }, this.props.renderPreview({})));
|
|
77979
77985
|
};
|
|
77980
77986
|
this.renderPreviewInPortal = () => {
|
|
77981
|
-
return external_React_default().createElement(
|
|
77987
|
+
return external_React_default().createElement(ReactPortal, null, this.renderPreview());
|
|
77982
77988
|
};
|
|
77983
77989
|
}
|
|
77984
77990
|
render() {
|
|
@@ -77990,7 +77996,7 @@ class CustomDragLayer extends (external_React_default()).Component {
|
|
|
77990
77996
|
: this.renderPreview();
|
|
77991
77997
|
}
|
|
77992
77998
|
}
|
|
77993
|
-
|
|
77999
|
+
const DragLayer = (0,dist_esm.DragLayer)((monitor, props) => {
|
|
77994
78000
|
onOffsetChange(monitor);
|
|
77995
78001
|
return {
|
|
77996
78002
|
offsetOfHandle: props.offsetOfHandle,
|
|
@@ -77998,7 +78004,7 @@ class CustomDragLayer extends (external_React_default()).Component {
|
|
|
77998
78004
|
itemType: monitor.getItemType(),
|
|
77999
78005
|
isDragging: monitor.isDragging(),
|
|
78000
78006
|
};
|
|
78001
|
-
})(CustomDragLayer)
|
|
78007
|
+
})(CustomDragLayer);
|
|
78002
78008
|
//# sourceMappingURL=DragLayer.js.map
|
|
78003
78009
|
;// ../../../node_modules/@wix/design-system/dist/esm/DragAndDrop/Draggable/types.js
|
|
78004
78010
|
const ItemTypes = {
|
|
@@ -78250,7 +78256,8 @@ class DraggableSource extends (external_React_default()).Component {
|
|
|
78250
78256
|
this._renderPreviewItem())) : null;
|
|
78251
78257
|
}
|
|
78252
78258
|
}
|
|
78253
|
-
|
|
78259
|
+
const WrappedDraggableSource = (0,dist_esm.DragSource)(ItemTypes.DRAGGABLE, source, collect)(DraggableSource);
|
|
78260
|
+
|
|
78254
78261
|
//# sourceMappingURL=DraggableSource.js.map
|
|
78255
78262
|
;// ../../../node_modules/@wix/design-system/dist/esm/DragAndDrop/Draggable/components/DraggableTarget.js
|
|
78256
78263
|
|
|
@@ -78344,7 +78351,8 @@ class DraggableTarget extends (external_React_default()).PureComponent {
|
|
|
78344
78351
|
DraggableTarget.defaultProps = {
|
|
78345
78352
|
droppable: true,
|
|
78346
78353
|
};
|
|
78347
|
-
|
|
78354
|
+
const WrappedDraggableTarget = (0,dist_esm.DropTarget)(ItemTypes.DRAGGABLE, target, DraggableTarget_collect)(DraggableTarget);
|
|
78355
|
+
|
|
78348
78356
|
//# sourceMappingURL=DraggableTarget.js.map
|
|
78349
78357
|
;// ../../../node_modules/react-dnd-test-backend/dist/esm/TestBackend.js
|
|
78350
78358
|
function TestBackend_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
@@ -79307,7 +79315,7 @@ DragDropContextProvider.contextTypes = {
|
|
|
79307
79315
|
DragDropContextProvider.childContextTypes = {
|
|
79308
79316
|
dragDropManager: () => null,
|
|
79309
79317
|
};
|
|
79310
|
-
|
|
79318
|
+
|
|
79311
79319
|
//# sourceMappingURL=DragDropContextProvider.js.map
|
|
79312
79320
|
;// ../../../node_modules/@wix/design-system/dist/esm/DragAndDrop/Draggable/components/DraggableManager.js
|
|
79313
79321
|
|
|
@@ -79319,10 +79327,10 @@ class DraggableManager extends (external_React_default()).Component {
|
|
|
79319
79327
|
render() {
|
|
79320
79328
|
const { dataHook, children, backendOptions } = this.props;
|
|
79321
79329
|
return (external_React_default().createElement("div", { "data-hook": dataHook },
|
|
79322
|
-
external_React_default().createElement(
|
|
79330
|
+
external_React_default().createElement(DragDropContextProvider, { backend: DraggableManager_isTestEnv ? TestBackend : undefined, backendOptions: backendOptions }, children)));
|
|
79323
79331
|
}
|
|
79324
79332
|
}
|
|
79325
|
-
|
|
79333
|
+
|
|
79326
79334
|
//# sourceMappingURL=DraggableManager.js.map
|
|
79327
79335
|
;// ../../../node_modules/@wix/design-system/dist/esm/DragAndDrop/Draggable/Draggable.js
|
|
79328
79336
|
|
|
@@ -79399,17 +79407,16 @@ class Draggable extends (external_React_default()).Component {
|
|
|
79399
79407
|
}
|
|
79400
79408
|
render() {
|
|
79401
79409
|
const { hasDragged, ...restProps } = this.props;
|
|
79402
|
-
return (external_React_default().createElement(
|
|
79410
|
+
return (external_React_default().createElement(WrappedDraggableTarget, { ...restProps },
|
|
79403
79411
|
external_React_default().createElement("div", { onMouseDown: this.countDelay, onMouseUp: this.resetDelayState, "data-hook": "delay-wrapper" },
|
|
79404
|
-
external_React_default().createElement(
|
|
79412
|
+
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
79413
|
}
|
|
79406
79414
|
}
|
|
79407
79415
|
Draggable.defaultProps = {
|
|
79408
79416
|
droppable: true,
|
|
79409
79417
|
};
|
|
79410
79418
|
Draggable.Item = Draggable;
|
|
79411
|
-
Draggable.Manager =
|
|
79412
|
-
/* harmony default export */ const Draggable_Draggable = (Draggable);
|
|
79419
|
+
Draggable.Manager = DraggableManager;
|
|
79413
79420
|
//# sourceMappingURL=Draggable.js.map
|
|
79414
79421
|
;// ../../../node_modules/@wix/design-system/dist/esm/DragAndDrop/Draggable/components/Container.js
|
|
79415
79422
|
|
|
@@ -79526,9 +79533,10 @@ class Container extends (external_React_default()).PureComponent {
|
|
|
79526
79533
|
Container.defaultProps = {
|
|
79527
79534
|
droppable: true,
|
|
79528
79535
|
};
|
|
79529
|
-
|
|
79536
|
+
const WrappedContainer = (0,dist_esm.DropTarget)(ItemTypes.DRAGGABLE, Container_target, connect => ({
|
|
79530
79537
|
connectDropTarget: connect.dropTarget(),
|
|
79531
|
-
}))(Container)
|
|
79538
|
+
}))(Container);
|
|
79539
|
+
|
|
79532
79540
|
//# sourceMappingURL=Container.js.map
|
|
79533
79541
|
// EXTERNAL MODULE: ../../../node_modules/lodash/times.js
|
|
79534
79542
|
var times = __webpack_require__(6228);
|
|
@@ -79542,14 +79550,13 @@ const SortableListBase_constants_dataHooks = {
|
|
|
79542
79550
|
|
|
79543
79551
|
|
|
79544
79552
|
|
|
79545
|
-
|
|
79546
|
-
const
|
|
79547
|
-
external_React_default().createElement(
|
|
79553
|
+
const withDNDContext = Component => {
|
|
79554
|
+
const WithDNDContext = props => (external_React_default().createElement("div", { "data-hook": props.dataHook },
|
|
79555
|
+
external_React_default().createElement(Draggable.Manager, { dataHook: SortableListBase_constants_dataHooks.provider },
|
|
79548
79556
|
external_React_default().createElement(Component, { ...props }))));
|
|
79549
|
-
|
|
79550
|
-
return
|
|
79551
|
-
}
|
|
79552
|
-
(Object.getOwnPropertyDescriptor(withDNDContext, "name") || {}).writable || Object.defineProperty(withDNDContext, "name", { value: "default", configurable: true });
|
|
79557
|
+
WithDNDContext.displayName = Component.displayName;
|
|
79558
|
+
return WithDNDContext;
|
|
79559
|
+
};
|
|
79553
79560
|
//# sourceMappingURL=withDNDContext.js.map
|
|
79554
79561
|
;// ../../../node_modules/@wix/design-system/dist/esm/SortableListBase/SortableListBase.js
|
|
79555
79562
|
|
|
@@ -79786,9 +79793,9 @@ class SortableListBase extends (external_React_default()).PureComponent {
|
|
|
79786
79793
|
if (dragPreview) {
|
|
79787
79794
|
return this.renderPreview();
|
|
79788
79795
|
}
|
|
79789
|
-
return (external_React_default().createElement(
|
|
79796
|
+
return (external_React_default().createElement(WrappedContainer, { className: className, onDrop: this.handleDrop, total: this.state.items.length, style: isTextSelectionEnabled ? this.noUserSelectionStyle : style, ...common },
|
|
79790
79797
|
external_React_default().createElement("div", { className: contentClassName }, items.map((item, index) => {
|
|
79791
|
-
return (external_React_default().createElement(
|
|
79798
|
+
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
79799
|
}))));
|
|
79793
79800
|
}
|
|
79794
79801
|
}
|
|
@@ -79802,7 +79809,8 @@ SortableListBase.displayName = 'SortableListBase';
|
|
|
79802
79809
|
SortableListBase.contextTypes = {
|
|
79803
79810
|
dragDropManager: () => null,
|
|
79804
79811
|
};
|
|
79805
|
-
|
|
79812
|
+
const WrappedSortableListBase = withDNDContext(SortableListBase);
|
|
79813
|
+
|
|
79806
79814
|
//# sourceMappingURL=SortableListBase.js.map
|
|
79807
79815
|
;// ../../../node_modules/@wix/design-system/dist/esm/dnd-styles/dnd-styles.st.css.js
|
|
79808
79816
|
|
|
@@ -79812,7 +79820,7 @@ SortableListBase.contextTypes = {
|
|
|
79812
79820
|
|
|
79813
79821
|
|
|
79814
79822
|
|
|
79815
|
-
var dnd_styles_st_css_namespace_ = "
|
|
79823
|
+
var dnd_styles_st_css_namespace_ = "wds_1_314_0_dndstyles";
|
|
79816
79824
|
var dnd_styles_st_css_style_ = classesRuntime.bind(null, dnd_styles_st_css_namespace_);
|
|
79817
79825
|
|
|
79818
79826
|
var dnd_styles_st_css_cssStates = statesRuntime.bind(null, dnd_styles_st_css_namespace_);
|
|
@@ -79820,7 +79828,7 @@ var dnd_styles_st_css_style = (/* unused pure expression or super */ null && (dn
|
|
|
79820
79828
|
var dnd_styles_st_css_st = (/* unused pure expression or super */ null && (dnd_styles_st_css_style_));
|
|
79821
79829
|
|
|
79822
79830
|
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":"
|
|
79831
|
+
var dnd_styles_st_css_classes = {"root":"wds_1_314_0_dndstyles__root","item":"wds_1_314_0_dndstyles__item","itemPlaceholder":"wds_1_314_0_dndstyles__itemPlaceholder","itemPreview":"wds_1_314_0_dndstyles__itemPreview","list":"wds_1_314_0_dndstyles__list","gridItemPlaceholder":"wds_1_314_0_dndstyles__gridItemPlaceholder","isInitialPositionToDrop":"wds_1_314_0_dndstyles__isInitialPositionToDrop","withGridItemStrip":"wds_1_314_0_dndstyles__withGridItemStrip","withGridItemStripRight":"wds_1_314_0_dndstyles__withGridItemStripRight","gridItemPreview":"wds_1_314_0_dndstyles__gridItemPreview"};
|
|
79824
79832
|
var dnd_styles_st_css_keyframes = {};
|
|
79825
79833
|
var dnd_styles_st_css_layers = {};
|
|
79826
79834
|
var dnd_styles_st_css_containers = {};
|
|
@@ -79833,7 +79841,7 @@ var dnd_styles_st_css_vars = {"wds-color-black-700":"--wds-color-black-700","wds
|
|
|
79833
79841
|
|
|
79834
79842
|
;// ../../../node_modules/@wix/design-system/dist/esm/dnd-styles/dnd-styles.js
|
|
79835
79843
|
|
|
79836
|
-
|
|
79844
|
+
const dndStyles = {
|
|
79837
79845
|
item: dnd_styles_st_css_classes.item,
|
|
79838
79846
|
itemPlaceholder: dnd_styles_st_css_classes.itemPlaceholder,
|
|
79839
79847
|
itemPreview: dnd_styles_st_css_classes.itemPreview,
|
|
@@ -79843,7 +79851,7 @@ var dnd_styles_st_css_vars = {"wds-color-black-700":"--wds-color-black-700","wds
|
|
|
79843
79851
|
gridItemPreview: dnd_styles_st_css_classes.gridItemPreview,
|
|
79844
79852
|
withGridItemStrip: dnd_styles_st_css_classes.withGridItemStrip,
|
|
79845
79853
|
withGridItemStripRight: dnd_styles_st_css_classes.withGridItemStripRight,
|
|
79846
|
-
}
|
|
79854
|
+
};
|
|
79847
79855
|
//# sourceMappingURL=dnd-styles.js.map
|
|
79848
79856
|
;// ../../../node_modules/@wix/design-system/dist/esm/MultiSelect/InputWithTags.js
|
|
79849
79857
|
|
|
@@ -79908,7 +79916,7 @@ class InputWithTags extends (external_React_default()).Component {
|
|
|
79908
79916
|
}, ...appliedClasses);
|
|
79909
79917
|
}
|
|
79910
79918
|
render() {
|
|
79911
|
-
const { tags, onRemoveTag, onReorder, placeholder, status, statusMessage, disabled, readOnly, delimiters, mode, size = 'medium', border, className, ...inputProps } = this.props;
|
|
79919
|
+
const { tags, onRemoveTag, onReorder, placeholder, status, statusMessage, disabled, readOnly, delimiters, mode, size = 'medium', border, className, backgroundColor, ...inputProps } = this.props;
|
|
79912
79920
|
const { onManuallyInput, inputElement, closeOnSelect, predicate, onClickOutside, fixedHeader, fixedFooter, dataHook, onFocus, withSelection, onBlur, menuArrow, onInputClicked, ...desiredProps } = inputProps;
|
|
79913
79921
|
let rowMultiplier;
|
|
79914
79922
|
if (tags.length && tags[0].size === 'large') {
|
|
@@ -79923,15 +79931,15 @@ class InputWithTags extends (external_React_default()).Component {
|
|
|
79923
79931
|
const finalStatus = getStatusFromContext(this.context, status);
|
|
79924
79932
|
return (external_React_default().createElement(IconThemeContext.Consumer, null, ({ icons = {} }) => {
|
|
79925
79933
|
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) },
|
|
79934
|
+
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
79935
|
external_React_default().createElement("div", { className: InputWithTags_st_css_classes.scrollableContent },
|
|
79928
79936
|
this.props.customPrefix &&
|
|
79929
79937
|
!this.props.hideCustomSuffix &&
|
|
79930
79938
|
!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(
|
|
79939
|
+
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
79940
|
external_React_default().createElement("span", { className: classnames_default()(InputWithTags_st_css_classes.inputWrapper, !tags.length), "data-hook": "inner-input-with-tags" },
|
|
79933
79941
|
external_React_default().createElement("div", { className: classnames_default()(InputWithTags_st_css_classes.hiddenDiv) }, this.state.inputValue),
|
|
79934
|
-
external_React_default().createElement(
|
|
79942
|
+
external_React_default().createElement(Input, { className: InputWithTags_st_css_classes.input, size: size, width: this.props.width, ref: input => {
|
|
79935
79943
|
this.input = input;
|
|
79936
79944
|
}, 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
79945
|
if (!delimiters.includes(e.target.value)) {
|
|
@@ -79945,7 +79953,7 @@ class InputWithTags extends (external_React_default()).Component {
|
|
|
79945
79953
|
!disabled &&
|
|
79946
79954
|
(['error', 'warning', 'loading'].includes(status) ||
|
|
79947
79955
|
finalStatus === 'loading') && (external_React_default().createElement("div", { className: InputWithTags_st_css_classes.statusIndicator },
|
|
79948
|
-
external_React_default().createElement(
|
|
79956
|
+
external_React_default().createElement(StatusIndicator, { status: finalStatus, message: statusMessage, dataHook: "input-status" }))),
|
|
79949
79957
|
this._isSelectMode() && (external_React_default().createElement("div", { className: InputWithTags_st_css_classes.menuArrow, "data-hook": "input-menu-arrow" },
|
|
79950
79958
|
external_React_default().createElement(DropDownArrowIcon, null))))));
|
|
79951
79959
|
}));
|
|
@@ -79953,13 +79961,13 @@ class InputWithTags extends (external_React_default()).Component {
|
|
|
79953
79961
|
renderReorderableTag({ item: { id, label, ...itemProps }, previewStyles, isPlaceholder, isPreview, ...rest }) {
|
|
79954
79962
|
const { onRemoveTag, disabled, readOnly } = this.props;
|
|
79955
79963
|
const _classes = classnames_default()({
|
|
79956
|
-
[
|
|
79964
|
+
[dndStyles.itemPlaceholder]: isPlaceholder,
|
|
79957
79965
|
[InputWithTags_st_css_classes.draggedTagPlaceholder]: isPlaceholder,
|
|
79958
|
-
[
|
|
79966
|
+
[dndStyles.itemPreview]: isPreview,
|
|
79959
79967
|
[InputWithTags_st_css_classes.draggedTag]: isPreview,
|
|
79960
79968
|
});
|
|
79961
79969
|
return (external_React_default().createElement("div", { style: previewStyles },
|
|
79962
|
-
external_React_default().createElement(
|
|
79970
|
+
external_React_default().createElement(WrappedTag, { id: id, dataHook: "tag", disabled: disabled, className: _classes, onRemove: onRemoveTag, removable: !readOnly, ...itemProps, ...rest }, label)));
|
|
79963
79971
|
}
|
|
79964
79972
|
focus() {
|
|
79965
79973
|
this.input.focus();
|
|
@@ -79981,7 +79989,7 @@ InputWithTags.defaultProps = {
|
|
|
79981
79989
|
placeholder: '',
|
|
79982
79990
|
delimiters: [],
|
|
79983
79991
|
};
|
|
79984
|
-
|
|
79992
|
+
|
|
79985
79993
|
//# sourceMappingURL=InputWithTags.js.map
|
|
79986
79994
|
// EXTERNAL MODULE: ../../../node_modules/lodash/last.js
|
|
79987
79995
|
var lodash_last = __webpack_require__(9804);
|
|
@@ -79996,9 +80004,7 @@ var difference_default = /*#__PURE__*/__webpack_require__.n(difference);
|
|
|
79996
80004
|
|
|
79997
80005
|
|
|
79998
80006
|
|
|
79999
|
-
|
|
80000
|
-
|
|
80001
|
-
var MultiSelect_st_css_namespace_ = "wds_1_308_1_MultiSelect";
|
|
80007
|
+
var MultiSelect_st_css_namespace_ = "wds_1_314_0_MultiSelect";
|
|
80002
80008
|
var MultiSelect_st_css_style_ = classesRuntime.bind(null, MultiSelect_st_css_namespace_);
|
|
80003
80009
|
|
|
80004
80010
|
var MultiSelect_st_css_cssStates = statesRuntime.bind(null, MultiSelect_st_css_namespace_);
|
|
@@ -80006,12 +80012,12 @@ var MultiSelect_st_css_style = (/* unused pure expression or super */ null && (M
|
|
|
80006
80012
|
var MultiSelect_st_css_st = MultiSelect_st_css_style_;
|
|
80007
80013
|
|
|
80008
80014
|
var MultiSelect_st_css_namespace = (/* unused pure expression or super */ null && (MultiSelect_st_css_namespace_));
|
|
80009
|
-
var MultiSelect_st_css_classes = {"root":"
|
|
80015
|
+
var MultiSelect_st_css_classes = {"root":"wds_1_314_0_MultiSelect__root","inputWithTags":"wds_1_314_0_MultiSelect__inputWithTags","autoSizeInput":"wds_1_314_0_MultiSelect__autoSizeInput"};
|
|
80010
80016
|
var MultiSelect_st_css_keyframes = {};
|
|
80011
80017
|
var MultiSelect_st_css_layers = {};
|
|
80012
80018
|
var MultiSelect_st_css_containers = {};
|
|
80013
80019
|
var MultiSelect_st_css_stVars = {};
|
|
80014
|
-
var MultiSelect_st_css_vars = {
|
|
80020
|
+
var MultiSelect_st_css_vars = {};
|
|
80015
80021
|
|
|
80016
80022
|
|
|
80017
80023
|
|
|
@@ -80026,7 +80032,7 @@ var MultiSelect_st_css_vars = {"wds-border-radius-300":"--wds-border-radius-300"
|
|
|
80026
80032
|
|
|
80027
80033
|
|
|
80028
80034
|
|
|
80029
|
-
class MultiSelect extends
|
|
80035
|
+
class MultiSelect extends InputWithOptions {
|
|
80030
80036
|
constructor(props) {
|
|
80031
80037
|
super(props);
|
|
80032
80038
|
this.onKeyDown = this.onKeyDown.bind(this);
|
|
@@ -80099,7 +80105,7 @@ class MultiSelect extends InputWithOptions_InputWithOptions {
|
|
|
80099
80105
|
return {
|
|
80100
80106
|
readOnly: this.props.readOnly,
|
|
80101
80107
|
disableEditing: true,
|
|
80102
|
-
inputElement: (external_React_default().createElement(
|
|
80108
|
+
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
80109
|
onKeyDown: this.onKeyDown,
|
|
80104
80110
|
delimiters: this.props.delimiters,
|
|
80105
80111
|
onPaste: this.onPaste,
|
|
@@ -80203,21 +80209,18 @@ MultiSelect.autoSizeInputWithRef = () => external_React_default().forwardRef((pr
|
|
|
80203
80209
|
})({ ...props, ref }));
|
|
80204
80210
|
MultiSelect.displayName = 'MultiSelect';
|
|
80205
80211
|
MultiSelect.defaultProps = {
|
|
80206
|
-
...
|
|
80212
|
+
...InputWithOptions.defaultProps,
|
|
80207
80213
|
predicate: () => true,
|
|
80208
80214
|
tags: [],
|
|
80209
80215
|
delimiters: [','],
|
|
80210
80216
|
clearOnBlur: true,
|
|
80211
80217
|
customInput: MultiSelect.autoSizeInputWithRef(),
|
|
80212
80218
|
};
|
|
80213
|
-
|
|
80214
|
-
//# sourceMappingURL=MultiSelect.js.map
|
|
80215
|
-
;// ../../../node_modules/@wix/design-system/dist/esm/MultiSelect/index.js
|
|
80219
|
+
const WrappedMultiSelect = withDefaultProps(MultiSelect, 'MultiSelect');
|
|
80216
80220
|
|
|
80217
|
-
|
|
80218
|
-
//# sourceMappingURL=index.js.map
|
|
80221
|
+
//# sourceMappingURL=MultiSelect.js.map
|
|
80219
80222
|
;// ./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(
|
|
80223
|
+
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
80224
|
;// ./components/SearchEntity/SearchEntity.tsx
|
|
80222
80225
|
// @ts-ignore
|
|
80223
80226
|
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 +80268,7 @@ if(false /* HMR */) // removed by dead control flow
|
|
|
80265
80268
|
|
|
80266
80269
|
|
|
80267
80270
|
|
|
80268
|
-
var EmptyState_st_css_namespace_ = "
|
|
80271
|
+
var EmptyState_st_css_namespace_ = "wds_1_314_0_EmptyState";
|
|
80269
80272
|
var EmptyState_st_css_style_ = classesRuntime.bind(null, EmptyState_st_css_namespace_);
|
|
80270
80273
|
|
|
80271
80274
|
var EmptyState_st_css_cssStates = statesRuntime.bind(null, EmptyState_st_css_namespace_);
|
|
@@ -80273,12 +80276,12 @@ var EmptyState_st_css_style = (/* unused pure expression or super */ null && (Em
|
|
|
80273
80276
|
var EmptyState_st_css_st = EmptyState_st_css_style_;
|
|
80274
80277
|
|
|
80275
80278
|
var EmptyState_st_css_namespace = (/* unused pure expression or super */ null && (EmptyState_st_css_namespace_));
|
|
80276
|
-
var EmptyState_st_css_classes = {"root":"
|
|
80279
|
+
var EmptyState_st_css_classes = {"root":"wds_1_314_0_EmptyState__root","childrenContainer":"wds_1_314_0_EmptyState__childrenContainer","imageContainer":"wds_1_314_0_EmptyState__imageContainer","container":"wds_1_314_0_EmptyState__container","imageElement":"wds_1_314_0_EmptyState__imageElement","titleContainer":"wds_1_314_0_EmptyState__titleContainer","title":"wds_1_314_0_EmptyState__title","subtitle":"wds_1_314_0_EmptyState__subtitle","subtitleContainer":"wds_1_314_0_EmptyState__subtitleContainer"};
|
|
80277
80280
|
var EmptyState_st_css_keyframes = {};
|
|
80278
80281
|
var EmptyState_st_css_layers = {};
|
|
80279
80282
|
var EmptyState_st_css_containers = {};
|
|
80280
80283
|
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":"--
|
|
80284
|
+
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_314_0_EmptyState-mobileImageMaxHeight"};
|
|
80282
80285
|
|
|
80283
80286
|
|
|
80284
80287
|
|
|
@@ -80305,7 +80308,7 @@ const EmptyState_EmptyState = ({ theme, skin, image = defaultEmptyStateProps.ima
|
|
|
80305
80308
|
const { mobile } = external_React_default().useContext(WixDesignSystemContext);
|
|
80306
80309
|
(0,external_React_.useEffect)(() => {
|
|
80307
80310
|
if (theme) {
|
|
80308
|
-
|
|
80311
|
+
deprecationLog_deprecationLog('<EmptyState/> - prop "theme" is deprecated and will be removed in next major release, please use "skin" property instead.');
|
|
80309
80312
|
}
|
|
80310
80313
|
}, [theme]);
|
|
80311
80314
|
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 +80317,18 @@ const EmptyState_EmptyState = ({ theme, skin, image = defaultEmptyStateProps.ima
|
|
|
80314
80317
|
'data-hook': 'image-node',
|
|
80315
80318
|
})))),
|
|
80316
80319
|
title && (external_React_default().createElement("div", { className: EmptyState_st_css_classes.titleContainer, "data-hook": "empty-state-title-container" },
|
|
80317
|
-
external_React_default().createElement(
|
|
80320
|
+
external_React_default().createElement(Heading, { className: EmptyState_st_css_classes.title, as: "h3", size: mergedSkin === 'section' ? 'medium' : 'large' }, title))),
|
|
80318
80321
|
subtitle && (external_React_default().createElement("div", { className: EmptyState_st_css_classes.subtitleContainer, "data-hook": "empty-state-subtitle-container" },
|
|
80319
|
-
external_React_default().createElement(
|
|
80322
|
+
external_React_default().createElement(TextWithEllipsis, { className: EmptyState_st_css_classes.subtitle, size: "small" }, subtitle))),
|
|
80320
80323
|
children && (external_React_default().createElement("div", { className: EmptyState_st_css_classes.childrenContainer, "data-hook": "empty-state-children-container" }, children)))));
|
|
80321
80324
|
};
|
|
80322
80325
|
EmptyState_EmptyState.displayName = 'EmptyState';
|
|
80323
|
-
|
|
80326
|
+
|
|
80324
80327
|
//# sourceMappingURL=EmptyState.js.map
|
|
80325
80328
|
;// ./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(
|
|
80329
|
+
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
80330
|
;// ./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(
|
|
80331
|
+
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
80332
|
// EXTERNAL MODULE: ../../../node_modules/@wix/wix-ui-tpa/dist/cssVars/esm/components/internal/WixUiCoreComponents/components/CoreCheckbox/CoreCheckbox.st.css
|
|
80330
80333
|
var CoreCheckbox_st = __webpack_require__(8785);
|
|
80331
80334
|
;// ../../../node_modules/@wix/wix-ui-tpa/dist/cssVars/esm/components/internal/WixUiCoreComponents/components/CoreCheckbox/CoreCheckbox.js
|
|
@@ -80699,11 +80702,11 @@ const customArrow = (placement, arrowProps) => {
|
|
|
80699
80702
|
return (external_React_.createElement("div", { className: Tooltip_st_classes.tpaArrow, ...arrowProps },
|
|
80700
80703
|
external_React_.createElement(ArrowSvg, null)));
|
|
80701
80704
|
};
|
|
80702
|
-
const
|
|
80705
|
+
const Tooltip_Tooltip = (props) => {
|
|
80703
80706
|
const { className, skin = TooltipSkin.Standard, maxWidth = 240, ...rest } = props;
|
|
80704
80707
|
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
80708
|
};
|
|
80706
|
-
|
|
80709
|
+
Tooltip_Tooltip.displayName = 'Tooltip';
|
|
80707
80710
|
|
|
80708
80711
|
//# sourceMappingURL=Tooltip.js.map
|
|
80709
80712
|
;// ../../../node_modules/@wix/wix-ui-tpa/dist/cssVars/esm/components/IconTooltip/IconTooltip.js
|
|
@@ -80721,7 +80724,7 @@ class IconTooltip extends external_React_.Component {
|
|
|
80721
80724
|
.substring(2)}`;
|
|
80722
80725
|
const { message, icon, tooltipId = generatedTooltipId, tooltipSkin, showTooltip, onClickOutside, onEscape, tooltipProps, 'data-hook': dataHook, className, ...rest } = this.props;
|
|
80723
80726
|
const content = external_React_.createElement("span", { id: tooltipId }, message);
|
|
80724
|
-
return (external_React_.createElement(
|
|
80727
|
+
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
80728
|
external_React_.createElement(external_React_.Fragment, null,
|
|
80726
80729
|
external_React_.createElement(CoreButtonNext_CoreButtonNext, { className: IconTooltip_st.classes.button, "aria-pressed": showTooltip, "aria-labelledby": tooltipId, ...rest },
|
|
80727
80730
|
external_React_.createElement("div", { className: IconTooltip_st.classes.icon }, icon)),
|
|
@@ -80820,7 +80823,7 @@ const Asterisk = ({ dataHook, ...props }) => (external_React_default().createEle
|
|
|
80820
80823
|
|
|
80821
80824
|
|
|
80822
80825
|
/** An implementation of Checkbox for TPAs */
|
|
80823
|
-
class
|
|
80826
|
+
class Checkbox_Checkbox extends external_React_.Component {
|
|
80824
80827
|
constructor(props) {
|
|
80825
80828
|
super(props);
|
|
80826
80829
|
this.inputRef = external_React_.createRef();
|
|
@@ -80972,8 +80975,8 @@ class Checkbox_Checkbox_Checkbox extends external_React_.Component {
|
|
|
80972
80975
|
shouldShowErrorIcon ? this._getErrorSuffix() : null))));
|
|
80973
80976
|
}
|
|
80974
80977
|
}
|
|
80975
|
-
|
|
80976
|
-
|
|
80978
|
+
Checkbox_Checkbox.displayName = 'Checkbox';
|
|
80979
|
+
Checkbox_Checkbox.defaultProps = {
|
|
80977
80980
|
checked: false,
|
|
80978
80981
|
disabled: false,
|
|
80979
80982
|
label: '',
|
|
@@ -80983,7 +80986,7 @@ Checkbox_Checkbox_Checkbox.defaultProps = {
|
|
|
80983
80986
|
theme: CheckboxTheme.Default,
|
|
80984
80987
|
'data-hook': CheckboxDataHooks.CheckboxWrapper,
|
|
80985
80988
|
};
|
|
80986
|
-
|
|
80989
|
+
Checkbox_Checkbox.contextType = TPAComponentsContext;
|
|
80987
80990
|
//# sourceMappingURL=Checkbox.js.map
|
|
80988
80991
|
;// ../../../node_modules/@wix/wix-ui-tpa/dist/cssVars/esm/components/TextArea/TextArea.st.css
|
|
80989
80992
|
|
|
@@ -81239,7 +81242,7 @@ const FOCUSABLE_SELECTOR = 'a[href], button, input, textarea, select, [tabindex]
|
|
|
81239
81242
|
|
|
81240
81243
|
|
|
81241
81244
|
|
|
81242
|
-
var InfoIcon_st_css_namespace_ = "
|
|
81245
|
+
var InfoIcon_st_css_namespace_ = "wds_1_314_0_InfoIcon";
|
|
81243
81246
|
var InfoIcon_st_css_style_ = classesRuntime.bind(null, InfoIcon_st_css_namespace_);
|
|
81244
81247
|
|
|
81245
81248
|
var InfoIcon_st_css_cssStates = statesRuntime.bind(null, InfoIcon_st_css_namespace_);
|
|
@@ -81247,7 +81250,7 @@ var InfoIcon_st_css_style = (/* unused pure expression or super */ null && (Info
|
|
|
81247
81250
|
var InfoIcon_st_css_st = InfoIcon_st_css_style_;
|
|
81248
81251
|
|
|
81249
81252
|
var InfoIcon_st_css_namespace = (/* unused pure expression or super */ null && (InfoIcon_st_css_namespace_));
|
|
81250
|
-
var InfoIcon_st_css_classes = {"root":"
|
|
81253
|
+
var InfoIcon_st_css_classes = {"root":"wds_1_314_0_InfoIcon__root","trigger":"wds_1_314_0_InfoIcon__trigger","icon":"wds_1_314_0_InfoIcon__icon"};
|
|
81251
81254
|
var InfoIcon_st_css_keyframes = {};
|
|
81252
81255
|
var InfoIcon_st_css_layers = {};
|
|
81253
81256
|
var InfoIcon_st_css_containers = {};
|
|
@@ -81280,12 +81283,25 @@ const InfoIcon = ({ dataHook, content, size = 'medium', tooltipProps, className,
|
|
|
81280
81283
|
const tooltipRef = (0,external_React_.useRef)(null);
|
|
81281
81284
|
const triggerRef = (0,external_React_.useRef)(null);
|
|
81282
81285
|
const [isOpenedViaKeyboard, setIsOpenedViaKeyboard] = (0,external_React_.useState)(false);
|
|
81286
|
+
const [isShown, setIsShown] = (0,external_React_.useState)(false);
|
|
81287
|
+
const wasShownOnPointerDown = (0,external_React_.useRef)(false);
|
|
81288
|
+
const pointerDownSeen = (0,external_React_.useRef)(false);
|
|
81283
81289
|
const autoId = useId();
|
|
81284
81290
|
const propAriaLabelledBy = tooltipProps?.['aria-labelledby'] ?? ariaLabelledBy;
|
|
81285
81291
|
const propAriaDescribedBy = tooltipProps?.['aria-describedby'] ?? ariaDescribedBy;
|
|
81286
81292
|
const tooltipId = propAriaLabelledBy || propAriaDescribedBy || `infoicon-tooltip-${autoId}`;
|
|
81293
|
+
const handleTooltipShow = (0,external_React_.useCallback)(() => {
|
|
81294
|
+
setIsShown(true);
|
|
81295
|
+
tooltipProps?.onShow?.();
|
|
81296
|
+
}, [tooltipProps]);
|
|
81297
|
+
const handleTooltipHide = (0,external_React_.useCallback)(() => {
|
|
81298
|
+
setIsShown(false);
|
|
81299
|
+
tooltipProps?.onHide?.();
|
|
81300
|
+
}, [tooltipProps]);
|
|
81287
81301
|
const mergedTooltipProps = {
|
|
81288
81302
|
...tooltipProps,
|
|
81303
|
+
onShow: handleTooltipShow,
|
|
81304
|
+
onHide: handleTooltipHide,
|
|
81289
81305
|
...(propAriaLabelledBy
|
|
81290
81306
|
? { 'aria-labelledby': propAriaLabelledBy }
|
|
81291
81307
|
: { 'aria-describedby': propAriaDescribedBy || tooltipId }),
|
|
@@ -81314,6 +81330,28 @@ const InfoIcon = ({ dataHook, content, size = 'medium', tooltipProps, className,
|
|
|
81314
81330
|
setIsOpenedViaKeyboard(false);
|
|
81315
81331
|
}
|
|
81316
81332
|
}, [isOpenedViaKeyboard]);
|
|
81333
|
+
const handlePointerDown = () => {
|
|
81334
|
+
wasShownOnPointerDown.current = isShown;
|
|
81335
|
+
pointerDownSeen.current = true;
|
|
81336
|
+
};
|
|
81337
|
+
const handleClick = () => {
|
|
81338
|
+
if (tooltipProps?.disabled) {
|
|
81339
|
+
return;
|
|
81340
|
+
}
|
|
81341
|
+
const wasShown = pointerDownSeen.current
|
|
81342
|
+
? wasShownOnPointerDown.current
|
|
81343
|
+
: isShown;
|
|
81344
|
+
pointerDownSeen.current = false;
|
|
81345
|
+
if (wasShown) {
|
|
81346
|
+
if (isShown) {
|
|
81347
|
+
tooltipRef.current?.close();
|
|
81348
|
+
setIsOpenedViaKeyboard(false);
|
|
81349
|
+
}
|
|
81350
|
+
}
|
|
81351
|
+
else if (!isShown) {
|
|
81352
|
+
tooltipRef.current?.open();
|
|
81353
|
+
}
|
|
81354
|
+
};
|
|
81317
81355
|
const handleKeyDown = (event) => {
|
|
81318
81356
|
if (event.key === 'Escape') {
|
|
81319
81357
|
closeAndRefocus();
|
|
@@ -81364,10 +81402,10 @@ const InfoIcon = ({ dataHook, content, size = 'medium', tooltipProps, className,
|
|
|
81364
81402
|
});
|
|
81365
81403
|
}, [isOpenedViaKeyboard, closeAndRefocus]);
|
|
81366
81404
|
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(
|
|
81405
|
+
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
81406
|
};
|
|
81369
81407
|
InfoIcon.displayName = 'InfoIcon';
|
|
81370
|
-
|
|
81408
|
+
|
|
81371
81409
|
//# sourceMappingURL=InfoIcon.js.map
|
|
81372
81410
|
;// ../../../node_modules/@wix/design-system/dist/esm/FormField/FormField.constants.js
|
|
81373
81411
|
const prefix = 'formfield';
|
|
@@ -81409,7 +81447,7 @@ const LABEL_SIZE = {
|
|
|
81409
81447
|
|
|
81410
81448
|
|
|
81411
81449
|
|
|
81412
|
-
var FormField_st_css_namespace_ = "
|
|
81450
|
+
var FormField_st_css_namespace_ = "wds_1_314_0_FormField";
|
|
81413
81451
|
var FormField_st_css_style_ = classesRuntime.bind(null, FormField_st_css_namespace_);
|
|
81414
81452
|
|
|
81415
81453
|
var FormField_st_css_cssStates = statesRuntime.bind(null, FormField_st_css_namespace_);
|
|
@@ -81417,7 +81455,7 @@ var FormField_st_css_style = (/* unused pure expression or super */ null && (For
|
|
|
81417
81455
|
var FormField_st_css_st = FormField_st_css_style_;
|
|
81418
81456
|
|
|
81419
81457
|
var FormField_st_css_namespace = (/* unused pure expression or super */ null && (FormField_st_css_namespace_));
|
|
81420
|
-
var FormField_st_css_classes = {"root":"
|
|
81458
|
+
var FormField_st_css_classes = {"root":"wds_1_314_0_FormField__root","label":"wds_1_314_0_FormField__label","suffix":"wds_1_314_0_FormField__suffix","children":"wds_1_314_0_FormField__children","statusMessage":"wds_1_314_0_FormField__statusMessage","labelRow":"wds_1_314_0_FormField__labelRow","labelRowMain":"wds_1_314_0_FormField__labelRowMain","asterisk":"wds_1_314_0_FormField__asterisk","charCount":"wds_1_314_0_FormField__charCount","infoIcon":"wds_1_314_0_FormField__infoIcon","statusIcon":"wds_1_314_0_FormField__statusIcon"};
|
|
81421
81459
|
var FormField_st_css_keyframes = {};
|
|
81422
81460
|
var FormField_st_css_layers = {};
|
|
81423
81461
|
var FormField_st_css_containers = {};
|
|
@@ -81489,7 +81527,7 @@ class FormField extends external_React_.Component {
|
|
|
81489
81527
|
const colorProps = lengthLeft && lengthLeft >= 0
|
|
81490
81528
|
? { light: true, secondary: true }
|
|
81491
81529
|
: { skin: constants_SKINS.error };
|
|
81492
|
-
return (external_React_default().createElement(
|
|
81530
|
+
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
81531
|
};
|
|
81494
81532
|
this._renderCharCounter = () => {
|
|
81495
81533
|
if (!this._hasCharCounter()) {
|
|
@@ -81500,7 +81538,7 @@ class FormField extends external_React_.Component {
|
|
|
81500
81538
|
};
|
|
81501
81539
|
this._renderInfoIcon = () => {
|
|
81502
81540
|
const { infoContent, infoTooltipProps, showInfoIconOnHover } = this.props;
|
|
81503
|
-
return (infoContent && (external_React_default().createElement(
|
|
81541
|
+
return (infoContent && (external_React_default().createElement(InfoIcon, { dataHook: FormField_constants_DATA_HOOKS.infoIcon, className: FormField_st_css_st(FormField_st_css_classes.infoIcon, {
|
|
81504
81542
|
showInfoIconOnHover: String(showInfoIconOnHover),
|
|
81505
81543
|
}), content: infoContent, tooltipProps: infoTooltipProps, size: "small" })));
|
|
81506
81544
|
};
|
|
@@ -81520,7 +81558,7 @@ class FormField extends external_React_.Component {
|
|
|
81520
81558
|
const { label, id, required, infoContent, ellipsis, maxLines } = this.props;
|
|
81521
81559
|
const weight = labelSize === 'tiny' ? 'normal' : undefined;
|
|
81522
81560
|
const hasSuffix = required || infoContent;
|
|
81523
|
-
return (external_React_default().createElement(
|
|
81561
|
+
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
81562
|
display: 'block', // allows the label to be centered vertically
|
|
81525
81563
|
}, secondary: true, className: FormField_st_css_st(FormField_st_css_classes.label, {
|
|
81526
81564
|
labelSize,
|
|
@@ -81549,7 +81587,7 @@ class FormField extends external_React_.Component {
|
|
|
81549
81587
|
}) },
|
|
81550
81588
|
(status === FormField_constants_STATUS.error || status === FormField_constants_STATUS.warning) &&
|
|
81551
81589
|
this._renderStatusIcon(icons),
|
|
81552
|
-
external_React_default().createElement(
|
|
81590
|
+
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
81591
|
};
|
|
81554
81592
|
this._getCustomColumns = () => {
|
|
81555
81593
|
const { labelWidth, inputWidth } = this.props;
|
|
@@ -81655,7 +81693,6 @@ FormField.defaultProps = {
|
|
|
81655
81693
|
labelPlacement: PLACEMENT.top,
|
|
81656
81694
|
labelAlignment: ALIGN.middle,
|
|
81657
81695
|
};
|
|
81658
|
-
/* harmony default export */ const FormField_FormField = (FormField);
|
|
81659
81696
|
//# sourceMappingURL=FormField.js.map
|
|
81660
81697
|
// EXTERNAL MODULE: ../../../node_modules/lodash/clamp.js
|
|
81661
81698
|
var lodash_clamp = __webpack_require__(5673);
|
|
@@ -81674,7 +81711,7 @@ var isNaN_default = /*#__PURE__*/__webpack_require__.n(lodash_isNaN);
|
|
|
81674
81711
|
|
|
81675
81712
|
|
|
81676
81713
|
|
|
81677
|
-
var InputArea_st_css_namespace_ = "
|
|
81714
|
+
var InputArea_st_css_namespace_ = "wds_1_314_0_InputArea";
|
|
81678
81715
|
var InputArea_st_css_style_ = classesRuntime.bind(null, InputArea_st_css_namespace_);
|
|
81679
81716
|
|
|
81680
81717
|
var InputArea_st_css_cssStates = statesRuntime.bind(null, InputArea_st_css_namespace_);
|
|
@@ -81682,12 +81719,12 @@ var InputArea_st_css_style = (/* unused pure expression or super */ null && (Inp
|
|
|
81682
81719
|
var InputArea_st_css_st = InputArea_st_css_style_;
|
|
81683
81720
|
|
|
81684
81721
|
var InputArea_st_css_namespace = (/* unused pure expression or super */ null && (InputArea_st_css_namespace_));
|
|
81685
|
-
var InputArea_st_css_classes = {"root":"
|
|
81722
|
+
var InputArea_st_css_classes = {"root":"wds_1_314_0_InputArea__root","text-small-thin":"wds_1_314_0_StylableTypography__text-small-thin","text-medium-thin":"wds_1_314_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_314_0_defaultscrollbar__defaultScrollBar","input-inner-shadow-mixin":"wds_1_314_0_Input__input-inner-shadow-mixin","inputArea":"wds_1_314_0_InputArea__inputArea","counter":"wds_1_314_0_InputArea__counter","status":"wds_1_314_0_InputArea__status","disabled":"wds_1_314_0_InputArea__disabled","readOnly":"wds_1_314_0_InputArea__readOnly"};
|
|
81686
81723
|
var InputArea_st_css_keyframes = {};
|
|
81687
81724
|
var InputArea_st_css_layers = {};
|
|
81688
81725
|
var InputArea_st_css_containers = {};
|
|
81689
81726
|
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":"--
|
|
81727
|
+
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_314_0_InputArea-border-color","border-color-destructive":"--wds_1_314_0_InputArea-border-color-destructive","border-color-warning":"--wds_1_314_0_InputArea-border-color-warning","border-color-disabled":"--wds_1_314_0_InputArea-border-color-disabled","wds-input-area-height-small-adjusted":"--wds_1_314_0_InputArea-wds-input-area-height-small-adjusted","wds-input-area-height-medium-adjusted":"--wds_1_314_0_InputArea-wds-input-area-height-medium-adjusted","input-background":"--wds_1_314_0_InputArea-input-background"};
|
|
81691
81728
|
|
|
81692
81729
|
|
|
81693
81730
|
|
|
@@ -81710,7 +81747,7 @@ const constants_dataAttr = {
|
|
|
81710
81747
|
const InputArea_semanticClassNames_semanticClassNames = {
|
|
81711
81748
|
inputContainer: 'input-area__input-container',
|
|
81712
81749
|
};
|
|
81713
|
-
|
|
81750
|
+
|
|
81714
81751
|
//# sourceMappingURL=InputArea.semanticClassNames.js.map
|
|
81715
81752
|
;// ../../../node_modules/@wix/design-system/dist/esm/InputArea/InputArea.js
|
|
81716
81753
|
|
|
@@ -81724,10 +81761,11 @@ const InputArea_semanticClassNames_semanticClassNames = {
|
|
|
81724
81761
|
|
|
81725
81762
|
|
|
81726
81763
|
|
|
81764
|
+
|
|
81727
81765
|
/**
|
|
81728
81766
|
* General inputArea container
|
|
81729
81767
|
*/
|
|
81730
|
-
class
|
|
81768
|
+
class InputAreaComponent extends (external_React_default()).PureComponent {
|
|
81731
81769
|
constructor() {
|
|
81732
81770
|
super(...arguments);
|
|
81733
81771
|
this.textArea = null;
|
|
@@ -81764,7 +81802,7 @@ class InputArea extends (external_React_default()).PureComponent {
|
|
|
81764
81802
|
const { minRowsAutoGrow, maxRowsAutoGrow } = this.props;
|
|
81765
81803
|
this.setState({ computedRows: 1 }, () => {
|
|
81766
81804
|
const rowsCount = this._getRowsCount();
|
|
81767
|
-
const computedRows = clamp_default()(rowsCount, minRowsAutoGrow ||
|
|
81805
|
+
const computedRows = clamp_default()(rowsCount, minRowsAutoGrow || InputAreaComponent.MIN_ROWS, maxRowsAutoGrow || InputAreaComponent.MAX_ROWS);
|
|
81768
81806
|
this.setState({
|
|
81769
81807
|
computedRows,
|
|
81770
81808
|
});
|
|
@@ -81815,7 +81853,7 @@ class InputArea extends (external_React_default()).PureComponent {
|
|
|
81815
81853
|
let lineHeightValue;
|
|
81816
81854
|
if (isNaN_default()(lineHeight)) {
|
|
81817
81855
|
if (isNaN_default()(fontSize)) {
|
|
81818
|
-
return
|
|
81856
|
+
return InputAreaComponent.MIN_ROWS;
|
|
81819
81857
|
}
|
|
81820
81858
|
lineHeightValue = this._getDefaultLineHeight() ?? 0 * fontSize;
|
|
81821
81859
|
}
|
|
@@ -81878,7 +81916,7 @@ class InputArea extends (external_React_default()).PureComponent {
|
|
|
81878
81916
|
this._updateComputedStyle.cancel();
|
|
81879
81917
|
}
|
|
81880
81918
|
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;
|
|
81919
|
+
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
81920
|
const inlineStyle = {};
|
|
81883
81921
|
const rowsAttr = rows
|
|
81884
81922
|
? rows
|
|
@@ -81906,8 +81944,8 @@ class InputArea extends (external_React_default()).PureComponent {
|
|
|
81906
81944
|
forceHover,
|
|
81907
81945
|
resizable,
|
|
81908
81946
|
readOnly,
|
|
81909
|
-
}, className), ...this._getDataAttr({ statusContext }) },
|
|
81910
|
-
external_React_default().createElement("div", { className: InputArea_st_css_st(InputArea_st_css_classes.inputArea,
|
|
81947
|
+
}, className), style: { [InputArea_st_css_vars['input-background']]: backgroundColor }, ...this._getDataAttr({ statusContext }) },
|
|
81948
|
+
external_React_default().createElement("div", { className: InputArea_st_css_st(InputArea_st_css_classes.inputArea, InputArea_semanticClassNames_semanticClassNames.inputContainer) },
|
|
81911
81949
|
typeof children === 'function' ? (children({
|
|
81912
81950
|
className: '',
|
|
81913
81951
|
rows: rowsAttr || 0,
|
|
@@ -81924,30 +81962,31 @@ class InputArea extends (external_React_default()).PureComponent {
|
|
|
81924
81962
|
this.state.counter,
|
|
81925
81963
|
"/",
|
|
81926
81964
|
maxLength))),
|
|
81927
|
-
external_React_default().createElement("div", { className: InputArea_st_css_classes.status }, (!!status || finalStatus === STATUS.LOADING) && !disabled && (external_React_default().createElement(
|
|
81965
|
+
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
81966
|
placement: tooltipPlacement,
|
|
81929
81967
|
} })))));
|
|
81930
81968
|
}));
|
|
81931
81969
|
}
|
|
81932
81970
|
}
|
|
81933
81971
|
// For autoGrow prop min rows is 2 so the textarea does not look like an input
|
|
81934
|
-
|
|
81972
|
+
InputAreaComponent.MIN_ROWS = 2;
|
|
81935
81973
|
// For autoGrow prop max rows is Infinity to keep backwards compatibility
|
|
81936
|
-
|
|
81937
|
-
|
|
81938
|
-
|
|
81939
|
-
minRowsAutoGrow:
|
|
81940
|
-
maxRowsAutoGrow:
|
|
81974
|
+
InputAreaComponent.MAX_ROWS = Number.POSITIVE_INFINITY;
|
|
81975
|
+
InputAreaComponent.displayName = 'InputArea';
|
|
81976
|
+
InputAreaComponent.defaultProps = {
|
|
81977
|
+
minRowsAutoGrow: InputAreaComponent.MIN_ROWS,
|
|
81978
|
+
maxRowsAutoGrow: InputAreaComponent.MAX_ROWS,
|
|
81941
81979
|
size: 'medium',
|
|
81942
81980
|
};
|
|
81943
|
-
|
|
81981
|
+
const InputArea = withDefaultProps(InputAreaComponent, 'InputArea');
|
|
81982
|
+
|
|
81944
81983
|
//# sourceMappingURL=InputArea.js.map
|
|
81945
81984
|
;// ./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(
|
|
81985
|
+
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(InputArea,{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
81986
|
;// ./components/Helper/helper.ts
|
|
81948
81987
|
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
81988
|
;// ./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(
|
|
81989
|
+
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
81990
|
;// ./assets/icons/Close.svg
|
|
81952
81991
|
var Close_path;
|
|
81953
81992
|
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 +82008,11 @@ var SvgClose = function SvgClose(props) {
|
|
|
81969
82008
|
const STEP_1=1;const STEP_2=2;
|
|
81970
82009
|
;// ./components/Header/Header.tsx
|
|
81971
82010
|
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(
|
|
82011
|
+
},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
82012
|
;// ./components/EntityAdvancedPermissions.tsx
|
|
81974
82013
|
//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(
|
|
82014
|
+
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
|
|
82015
|
+
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
82016
|
;// ./assets/icons/AdminsIcon.svg
|
|
81978
82017
|
var _g;
|
|
81979
82018
|
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 +82162,7 @@ if(false /* HMR */) // removed by dead control flow
|
|
|
82123
82162
|
{}
|
|
82124
82163
|
|
|
82125
82164
|
;// ./components/DashboardIcons/SiteVisitorsIcon.tsx
|
|
82126
|
-
const SiteVisitorsIcon_SiteVisitorsIcon=props=>{return/*#__PURE__*/external_React_default().createElement(
|
|
82165
|
+
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
82166
|
;// ../../../node_modules/@wix/wix-ui-icons-common/dist/esm/lazy/general/dist/components/Users.js
|
|
82128
82167
|
|
|
82129
82168
|
var Users_default = icon({
|
|
@@ -82136,9 +82175,9 @@ var Users_default = icon({
|
|
|
82136
82175
|
|
|
82137
82176
|
|
|
82138
82177
|
;// ./components/DashboardIcons/AdminsIcon.tsx
|
|
82139
|
-
const AdminsIcon_AdminsIcon=props=>{return/*#__PURE__*/external_React_default().createElement(
|
|
82178
|
+
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
82179
|
;// ./components/DashboardIcons/RoleIcon.tsx
|
|
82141
|
-
const RoleIcon_RoleIcon=props=>{return/*#__PURE__*/external_React_default().createElement(
|
|
82180
|
+
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
82181
|
;// ../../../node_modules/@wix/wix-ui-icons-common/dist/esm/lazy/general/dist/components/Badge.js
|
|
82143
82182
|
|
|
82144
82183
|
var Badge_default = icon({
|
|
@@ -82151,7 +82190,7 @@ var Badge_default = icon({
|
|
|
82151
82190
|
|
|
82152
82191
|
|
|
82153
82192
|
;// ./components/DashboardIcons/BadgeIcon.tsx
|
|
82154
|
-
const BadgeIcon_BadgeIcon=props=>{return/*#__PURE__*/external_React_default().createElement(
|
|
82193
|
+
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
82194
|
;// ../../../node_modules/@wix/wix-ui-icons-common/dist/esm/lazy/general/dist/components/Payment.js
|
|
82156
82195
|
|
|
82157
82196
|
var Payment_default = icon({
|
|
@@ -82164,7 +82203,7 @@ var Payment_default = icon({
|
|
|
82164
82203
|
|
|
82165
82204
|
|
|
82166
82205
|
;// ./components/DashboardIcons/PPIcon.tsx
|
|
82167
|
-
const PPIcon_PPIcon=props=>{return/*#__PURE__*/external_React_default().createElement(
|
|
82206
|
+
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
82207
|
;// ./index.ts
|
|
82169
82208
|
|
|
82170
82209
|
})();
|