@wix/entity-advanced-permissions 1.1122.0 → 1.1123.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 +215 -178
- package/dist/statics/entity-advanced-permissions.umd.js.map +1 -1
- package/dist/statics/entity-advanced-permissions.umd.min.js +1 -1
- 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 +3 -3
|
@@ -33493,7 +33493,7 @@ var __webpack_exports__ = {};
|
|
|
33493
33493
|
(() => {
|
|
33494
33494
|
"use strict";
|
|
33495
33495
|
/*!********************************!*\
|
|
33496
|
-
!*** ./index.ts +
|
|
33496
|
+
!*** ./index.ts + 453 modules ***!
|
|
33497
33497
|
\********************************/
|
|
33498
33498
|
// ESM COMPAT FLAG
|
|
33499
33499
|
__webpack_require__.r(__webpack_exports__);
|
|
@@ -34491,7 +34491,7 @@ function injectCSS(id, css, depth, runtimeId) {
|
|
|
34491
34491
|
|
|
34492
34492
|
|
|
34493
34493
|
|
|
34494
|
-
var _namespace_ = "
|
|
34494
|
+
var _namespace_ = "wds_1_100_1_newColorsBranding";
|
|
34495
34495
|
var _style_ = classesRuntime.bind(null, _namespace_);
|
|
34496
34496
|
|
|
34497
34497
|
var newColorsBranding_st_css_cssStates = statesRuntime.bind(null, _namespace_);
|
|
@@ -34499,7 +34499,7 @@ var newColorsBranding_st_css_style = (/* unused pure expression or super */ null
|
|
|
34499
34499
|
var newColorsBranding_st_css_st = _style_;
|
|
34500
34500
|
|
|
34501
34501
|
var newColorsBranding_st_css_namespace = (/* unused pure expression or super */ null && (_namespace_));
|
|
34502
|
-
var newColorsBranding_st_css_classes = {"root":"
|
|
34502
|
+
var newColorsBranding_st_css_classes = {"root":"wds_1_100_1_newColorsBranding__root"};
|
|
34503
34503
|
var newColorsBranding_st_css_keyframes = {};
|
|
34504
34504
|
var newColorsBranding_st_css_layers = {};
|
|
34505
34505
|
var containers = {};
|
|
@@ -34517,7 +34517,7 @@ var newColorsBranding_st_css_vars = {};
|
|
|
34517
34517
|
|
|
34518
34518
|
|
|
34519
34519
|
|
|
34520
|
-
var madefor_st_css_namespace_ = "
|
|
34520
|
+
var madefor_st_css_namespace_ = "wds_1_100_1_madefor";
|
|
34521
34521
|
var madefor_st_css_style_ = classesRuntime.bind(null, madefor_st_css_namespace_);
|
|
34522
34522
|
|
|
34523
34523
|
var madefor_st_css_cssStates = statesRuntime.bind(null, madefor_st_css_namespace_);
|
|
@@ -34525,7 +34525,7 @@ var madefor_st_css_style = (/* unused pure expression or super */ null && (madef
|
|
|
34525
34525
|
var madefor_st_css_st = (/* unused pure expression or super */ null && (madefor_st_css_style_));
|
|
34526
34526
|
|
|
34527
34527
|
var madefor_st_css_namespace = (/* unused pure expression or super */ null && (madefor_st_css_namespace_));
|
|
34528
|
-
var madefor_st_css_classes = {"root":"
|
|
34528
|
+
var madefor_st_css_classes = {"root":"wds_1_100_1_madefor__root","madefor":"wds_1_100_1_madefor__madefor"};
|
|
34529
34529
|
var madefor_st_css_keyframes = {};
|
|
34530
34530
|
var madefor_st_css_layers = {};
|
|
34531
34531
|
var madefor_st_css_containers = {};
|
|
@@ -34573,7 +34573,7 @@ var isEmpty_default = /*#__PURE__*/__webpack_require__.n(isEmpty);
|
|
|
34573
34573
|
|
|
34574
34574
|
|
|
34575
34575
|
|
|
34576
|
-
var typography_st_css_namespace_ = "
|
|
34576
|
+
var typography_st_css_namespace_ = "wds_1_100_1_StylableTypography";
|
|
34577
34577
|
var typography_st_css_style_ = classesRuntime.bind(null, typography_st_css_namespace_);
|
|
34578
34578
|
|
|
34579
34579
|
var typography_st_css_cssStates = statesRuntime.bind(null, typography_st_css_namespace_);
|
|
@@ -34581,7 +34581,7 @@ var typography_st_css_style = (/* unused pure expression or super */ null && (ty
|
|
|
34581
34581
|
var typography_st_css_st = (/* unused pure expression or super */ null && (typography_st_css_style_));
|
|
34582
34582
|
|
|
34583
34583
|
var typography_st_css_namespace = (/* unused pure expression or super */ null && (typography_st_css_namespace_));
|
|
34584
|
-
var typography_st_css_classes = {"root":"
|
|
34584
|
+
var typography_st_css_classes = {"root":"wds_1_100_1_StylableTypography__root","text-extra-tiny-thin":"wds_1_100_1_StylableTypography__text-extra-tiny-thin","text-extra-tiny-normal":"wds_1_100_1_StylableTypography__text-extra-tiny-normal","text-extra-tiny-bold":"wds_1_100_1_StylableTypography__text-extra-tiny-bold","text-tiny-thin":"wds_1_100_1_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_100_1_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_100_1_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_100_1_StylableTypography__text-small-thin","text-small-normal":"wds_1_100_1_StylableTypography__text-small-normal","text-small-bold":"wds_1_100_1_StylableTypography__text-small-bold","text-medium-thin":"wds_1_100_1_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_100_1_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_100_1_StylableTypography__text-medium-bold","heading-h1":"wds_1_100_1_StylableTypography__heading-h1","heading-h2":"wds_1_100_1_StylableTypography__heading-h2","heading-h3":"wds_1_100_1_StylableTypography__heading-h3","heading-h4":"wds_1_100_1_StylableTypography__heading-h4","heading-h5":"wds_1_100_1_StylableTypography__heading-h5","heading-h6":"wds_1_100_1_StylableTypography__heading-h6","heading-xl":"wds_1_100_1_StylableTypography__heading-xl","heading-l":"wds_1_100_1_StylableTypography__heading-l","heading-m":"wds_1_100_1_StylableTypography__heading-m","heading-s":"wds_1_100_1_StylableTypography__heading-s","heading-t":"wds_1_100_1_StylableTypography__heading-t","heading-xt":"wds_1_100_1_StylableTypography__heading-xt","caption-1":"wds_1_100_1_StylableTypography__caption-1"};
|
|
34585
34585
|
var typography_st_css_keyframes = {};
|
|
34586
34586
|
var typography_st_css_layers = {};
|
|
34587
34587
|
var typography_st_css_containers = {};
|
|
@@ -34599,7 +34599,7 @@ var typography_st_css_vars = {"wds-font-family-default":"--wds-font-family-defau
|
|
|
34599
34599
|
|
|
34600
34600
|
|
|
34601
34601
|
|
|
34602
|
-
var colors_st_css_namespace_ = "
|
|
34602
|
+
var colors_st_css_namespace_ = "wds_1_100_1_colors";
|
|
34603
34603
|
var colors_st_css_style_ = classesRuntime.bind(null, colors_st_css_namespace_);
|
|
34604
34604
|
|
|
34605
34605
|
var colors_st_css_cssStates = statesRuntime.bind(null, colors_st_css_namespace_);
|
|
@@ -34607,7 +34607,7 @@ var colors_st_css_style = (/* unused pure expression or super */ null && (colors
|
|
|
34607
34607
|
var colors_st_css_st = (/* unused pure expression or super */ null && (colors_st_css_style_));
|
|
34608
34608
|
|
|
34609
34609
|
var colors_st_css_namespace = (/* unused pure expression or super */ null && (colors_st_css_namespace_));
|
|
34610
|
-
var colors_st_css_classes = {"root":"
|
|
34610
|
+
var colors_st_css_classes = {"root":"wds_1_100_1_colors__root"};
|
|
34611
34611
|
var colors_st_css_keyframes = {};
|
|
34612
34612
|
var colors_st_css_layers = {};
|
|
34613
34613
|
var colors_st_css_containers = {};
|
|
@@ -34627,7 +34627,7 @@ var colors_st_css_vars = {"wsr-color-D10":"--wsr-color-D10","wsr-color-D20":"--w
|
|
|
34627
34627
|
|
|
34628
34628
|
|
|
34629
34629
|
|
|
34630
|
-
var Text_st_css_namespace_ = "
|
|
34630
|
+
var Text_st_css_namespace_ = "wds_1_100_1_Text";
|
|
34631
34631
|
var Text_st_css_style_ = classesRuntime.bind(null, Text_st_css_namespace_);
|
|
34632
34632
|
|
|
34633
34633
|
var Text_st_css_cssStates = statesRuntime.bind(null, Text_st_css_namespace_);
|
|
@@ -34635,7 +34635,7 @@ var Text_st_css_style = (/* unused pure expression or super */ null && (Text_st_
|
|
|
34635
34635
|
var Text_st_css_st = Text_st_css_style_;
|
|
34636
34636
|
|
|
34637
34637
|
var Text_st_css_namespace = (/* unused pure expression or super */ null && (Text_st_css_namespace_));
|
|
34638
|
-
var Text_st_css_classes = {"root":"
|
|
34638
|
+
var Text_st_css_classes = {"root":"wds_1_100_1_Text__root","text-tiny-thin":"wds_1_100_1_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_100_1_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_100_1_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_100_1_StylableTypography__text-small-thin","text-small-normal":"wds_1_100_1_StylableTypography__text-small-normal","text-small-bold":"wds_1_100_1_StylableTypography__text-small-bold","text-medium-thin":"wds_1_100_1_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_100_1_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_100_1_StylableTypography__text-medium-bold"};
|
|
34639
34639
|
var Text_st_css_keyframes = {};
|
|
34640
34640
|
var Text_st_css_layers = {};
|
|
34641
34641
|
var Text_st_css_containers = {};
|
|
@@ -34669,7 +34669,7 @@ const RawTextDefaultProps = {
|
|
|
34669
34669
|
listStyle: 'checkmark',
|
|
34670
34670
|
widows: false,
|
|
34671
34671
|
};
|
|
34672
|
-
const RawText = external_React_default().forwardRef(({ size = RawTextDefaultProps.size, secondary = RawTextDefaultProps.secondary, skin = RawTextDefaultProps.skin, light = RawTextDefaultProps.light, weight = RawTextDefaultProps.weight, tagName = RawTextDefaultProps.tagName, children, ellipsis, showDelay, hideDelay, appendTo, flip, fixed, placement, timeout, maxWidth, zIndex, showTooltip, listStyle = RawTextDefaultProps.listStyle, id, widows = RawTextDefaultProps.widows, ...rest }, ref) => {
|
|
34672
|
+
const RawText = external_React_default().forwardRef(({ size = RawTextDefaultProps.size, secondary = RawTextDefaultProps.secondary, skin = RawTextDefaultProps.skin, light = RawTextDefaultProps.light, weight = RawTextDefaultProps.weight, tagName = RawTextDefaultProps.tagName, children, ellipsis, showDelay, hideDelay, appendTo, flip, fixed, placement, timeout, maxWidth, zIndex, showTooltip, listStyle = RawTextDefaultProps.listStyle, id, widows = RawTextDefaultProps.widows, suffix, renderChildren, renderElement, ...rest }, ref) => {
|
|
34673
34673
|
/* eslint-disable no-unused-vars */
|
|
34674
34674
|
const { dataHook, className, ...textProps } = rest;
|
|
34675
34675
|
const styleAttributes = {
|
|
@@ -34694,15 +34694,21 @@ const RawText = external_React_default().forwardRef(({ size = RawTextDefaultProp
|
|
|
34694
34694
|
newChildrenArr.push(textArray[arrLength - 2] + '\u00A0' + textArray[arrLength - 1]);
|
|
34695
34695
|
return newChildrenArr.join(' ');
|
|
34696
34696
|
}, [children, widows]);
|
|
34697
|
-
return (external_React_default().createElement(WixStyleReactMaskingContext.Consumer, null, ({ maskingClassNames }) =>
|
|
34698
|
-
|
|
34699
|
-
|
|
34700
|
-
|
|
34701
|
-
|
|
34702
|
-
|
|
34703
|
-
|
|
34704
|
-
|
|
34705
|
-
|
|
34697
|
+
return (external_React_default().createElement(WixStyleReactMaskingContext.Consumer, null, ({ maskingClassNames }) => {
|
|
34698
|
+
const element = external_React_default().createElement(tagName, {
|
|
34699
|
+
ref,
|
|
34700
|
+
id,
|
|
34701
|
+
...textProps,
|
|
34702
|
+
'data-hook': dataHook,
|
|
34703
|
+
'data-mask': !!maskingClassNames,
|
|
34704
|
+
className: Text_st_css_st(Text_st_css_classes.root, styleAttributes, className, maskingClassNames),
|
|
34705
|
+
...styleDataAttributes,
|
|
34706
|
+
}, renderChildren({ text: childrenWidows, suffix }));
|
|
34707
|
+
return renderElement({
|
|
34708
|
+
element,
|
|
34709
|
+
suffix,
|
|
34710
|
+
});
|
|
34711
|
+
}));
|
|
34706
34712
|
});
|
|
34707
34713
|
RawText.displayName = 'Text';
|
|
34708
34714
|
RawText.propTypes = {
|
|
@@ -34753,7 +34759,7 @@ var shallowequal_default = /*#__PURE__*/__webpack_require__.n(shallowequal);
|
|
|
34753
34759
|
|
|
34754
34760
|
|
|
34755
34761
|
|
|
34756
|
-
var shadows_st_css_namespace_ = "
|
|
34762
|
+
var shadows_st_css_namespace_ = "wds_1_100_1_shadows";
|
|
34757
34763
|
var shadows_st_css_style_ = classesRuntime.bind(null, shadows_st_css_namespace_);
|
|
34758
34764
|
|
|
34759
34765
|
var shadows_st_css_cssStates = statesRuntime.bind(null, shadows_st_css_namespace_);
|
|
@@ -34761,7 +34767,7 @@ var shadows_st_css_style = (/* unused pure expression or super */ null && (shado
|
|
|
34761
34767
|
var shadows_st_css_st = (/* unused pure expression or super */ null && (shadows_st_css_style_));
|
|
34762
34768
|
|
|
34763
34769
|
var shadows_st_css_namespace = (/* unused pure expression or super */ null && (shadows_st_css_namespace_));
|
|
34764
|
-
var shadows_st_css_classes = {"root":"
|
|
34770
|
+
var shadows_st_css_classes = {"root":"wds_1_100_1_shadows__root"};
|
|
34765
34771
|
var shadows_st_css_keyframes = {};
|
|
34766
34772
|
var shadows_st_css_layers = {};
|
|
34767
34773
|
var shadows_st_css_containers = {};
|
|
@@ -34779,7 +34785,7 @@ var shadows_st_css_vars = {"wsr-shadow10":"--wsr-shadow10","wsr-shadow20":"--wsr
|
|
|
34779
34785
|
|
|
34780
34786
|
|
|
34781
34787
|
|
|
34782
|
-
var easing_st_css_namespace_ = "
|
|
34788
|
+
var easing_st_css_namespace_ = "wds_1_100_1_easing";
|
|
34783
34789
|
var easing_st_css_style_ = classesRuntime.bind(null, easing_st_css_namespace_);
|
|
34784
34790
|
|
|
34785
34791
|
var easing_st_css_cssStates = statesRuntime.bind(null, easing_st_css_namespace_);
|
|
@@ -34787,7 +34793,7 @@ var easing_st_css_style = (/* unused pure expression or super */ null && (easing
|
|
|
34787
34793
|
var easing_st_css_st = (/* unused pure expression or super */ null && (easing_st_css_style_));
|
|
34788
34794
|
|
|
34789
34795
|
var easing_st_css_namespace = (/* unused pure expression or super */ null && (easing_st_css_namespace_));
|
|
34790
|
-
var easing_st_css_classes = {"root":"
|
|
34796
|
+
var easing_st_css_classes = {"root":"wds_1_100_1_easing__root"};
|
|
34791
34797
|
var easing_st_css_keyframes = {};
|
|
34792
34798
|
var easing_st_css_layers = {};
|
|
34793
34799
|
var easing_st_css_containers = {};
|
|
@@ -34808,7 +34814,7 @@ var easing_st_css_vars = {};
|
|
|
34808
34814
|
|
|
34809
34815
|
|
|
34810
34816
|
|
|
34811
|
-
var Popover_st_css_namespace_ = "
|
|
34817
|
+
var Popover_st_css_namespace_ = "wds_1_100_1_Popover";
|
|
34812
34818
|
var Popover_st_css_style_ = classesRuntime.bind(null, Popover_st_css_namespace_);
|
|
34813
34819
|
|
|
34814
34820
|
var Popover_st_css_cssStates = statesRuntime.bind(null, Popover_st_css_namespace_);
|
|
@@ -34816,7 +34822,7 @@ var Popover_st_css_style = (/* unused pure expression or super */ null && (Popov
|
|
|
34816
34822
|
var Popover_st_css_st = Popover_st_css_style_;
|
|
34817
34823
|
|
|
34818
34824
|
var Popover_st_css_namespace = (/* unused pure expression or super */ null && (Popover_st_css_namespace_));
|
|
34819
|
-
var Popover_st_css_classes = {"root":"
|
|
34825
|
+
var Popover_st_css_classes = {"root":"wds_1_100_1_Popover__root","content":"wds_1_100_1_Popover__content","arrow":"wds_1_100_1_Popover__arrow","element":"wds_1_100_1_Popover__element","animationEnter":"wds_1_100_1_Popover__animationEnter","animationEnterActive":"wds_1_100_1_Popover__animationEnterActive","animationExit":"wds_1_100_1_Popover__animationExit","animationExitActive":"wds_1_100_1_Popover__animationExitActive"};
|
|
34820
34826
|
var Popover_st_css_keyframes = {};
|
|
34821
34827
|
var Popover_st_css_layers = {};
|
|
34822
34828
|
var Popover_st_css_containers = {};
|
|
@@ -34836,7 +34842,7 @@ var Popover_st_css_vars = {"wds-popover-border":"--wds-popover-border","wds-shad
|
|
|
34836
34842
|
|
|
34837
34843
|
|
|
34838
34844
|
|
|
34839
|
-
var Tooltip_st_css_namespace_ = "
|
|
34845
|
+
var Tooltip_st_css_namespace_ = "wds_1_100_1_Tooltip";
|
|
34840
34846
|
var Tooltip_st_css_style_ = classesRuntime.bind(null, Tooltip_st_css_namespace_);
|
|
34841
34847
|
|
|
34842
34848
|
var Tooltip_st_css_cssStates = statesRuntime.bind(null, Tooltip_st_css_namespace_);
|
|
@@ -34844,7 +34850,7 @@ var Tooltip_st_css_style = (/* unused pure expression or super */ null && (Toolt
|
|
|
34844
34850
|
var Tooltip_st_css_st = Tooltip_st_css_style_;
|
|
34845
34851
|
|
|
34846
34852
|
var Tooltip_st_css_namespace = (/* unused pure expression or super */ null && (Tooltip_st_css_namespace_));
|
|
34847
|
-
var Tooltip_st_css_classes = {"root":"
|
|
34853
|
+
var Tooltip_st_css_classes = {"root":"wds_1_100_1_Tooltip__root","text-small-normal":"wds_1_100_1_StylableTypography__text-small-normal","text-tiny-thin":"wds_1_100_1_StylableTypography__text-tiny-thin","text":"wds_1_100_1_Tooltip__text"};
|
|
34848
34854
|
var Tooltip_st_css_keyframes = {};
|
|
34849
34855
|
var Tooltip_st_css_layers = {};
|
|
34850
34856
|
var Tooltip_st_css_containers = {};
|
|
@@ -34862,7 +34868,7 @@ var Tooltip_st_css_vars = {};
|
|
|
34862
34868
|
|
|
34863
34869
|
|
|
34864
34870
|
|
|
34865
|
-
var Ellipsis_st_css_namespace_ = "
|
|
34871
|
+
var Ellipsis_st_css_namespace_ = "wds_1_100_1_Ellipsis";
|
|
34866
34872
|
var Ellipsis_st_css_style_ = classesRuntime.bind(null, Ellipsis_st_css_namespace_);
|
|
34867
34873
|
|
|
34868
34874
|
var Ellipsis_st_css_cssStates = statesRuntime.bind(null, Ellipsis_st_css_namespace_);
|
|
@@ -34870,12 +34876,12 @@ var Ellipsis_st_css_style = (/* unused pure expression or super */ null && (Elli
|
|
|
34870
34876
|
var Ellipsis_st_css_st = Ellipsis_st_css_style_;
|
|
34871
34877
|
|
|
34872
34878
|
var Ellipsis_st_css_namespace = (/* unused pure expression or super */ null && (Ellipsis_st_css_namespace_));
|
|
34873
|
-
var Ellipsis_st_css_classes = {"root":"
|
|
34879
|
+
var Ellipsis_st_css_classes = {"root":"wds_1_100_1_Ellipsis__root","tooltip":"wds_1_100_1_Ellipsis__tooltip"};
|
|
34874
34880
|
var Ellipsis_st_css_keyframes = {};
|
|
34875
34881
|
var Ellipsis_st_css_layers = {};
|
|
34876
34882
|
var Ellipsis_st_css_containers = {};
|
|
34877
34883
|
var Ellipsis_st_css_stVars = {};
|
|
34878
|
-
var Ellipsis_st_css_vars = {"maxLines":"--
|
|
34884
|
+
var Ellipsis_st_css_vars = {"maxLines":"--wds_1_100_1_Ellipsis-maxLines"};
|
|
34879
34885
|
|
|
34880
34886
|
|
|
34881
34887
|
|
|
@@ -39712,7 +39718,7 @@ const Tooltip = (0,external_React_.forwardRef)(({ onShow = () => ({}), onHide =
|
|
|
39712
39718
|
const textWeight = size === 'small' ? 'normal' : 'thin';
|
|
39713
39719
|
return (external_React_default().createElement("div", { style: { textAlign } }, typeof content === 'string' ? (
|
|
39714
39720
|
// @ts-ignore
|
|
39715
|
-
external_React_default().createElement(Text_RawText, { dataHook: constants_dataHooks.tooltipText, size: textSize, weight: textWeight, light: true, className: Tooltip_st_css_classes.text }, content)) : (content)));
|
|
39721
|
+
external_React_default().createElement(Text_RawText, { dataHook: constants_dataHooks.tooltipText, size: textSize, weight: textWeight, light: true, className: Tooltip_st_css_classes.text, renderChildren: ({ text }) => text, renderElement: ({ element }) => element }, content)) : (content)));
|
|
39716
39722
|
}, [content, textAlign, size]);
|
|
39717
39723
|
return (external_React_default().createElement(Popover_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, "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, ...rest, theme: "dark", timeout: TIMEOUT },
|
|
39718
39724
|
external_React_default().createElement(Popover_Popover.Element, null, triggerElement),
|
|
@@ -39865,7 +39871,7 @@ const TooltipCommonProps = {
|
|
|
39865
39871
|
|
|
39866
39872
|
|
|
39867
39873
|
|
|
39868
|
-
var TextComponent_st_css_namespace_ = "
|
|
39874
|
+
var TextComponent_st_css_namespace_ = "wds_1_100_1_TextComponent";
|
|
39869
39875
|
var TextComponent_st_css_style_ = classesRuntime.bind(null, TextComponent_st_css_namespace_);
|
|
39870
39876
|
|
|
39871
39877
|
var TextComponent_st_css_cssStates = statesRuntime.bind(null, TextComponent_st_css_namespace_);
|
|
@@ -39873,12 +39879,12 @@ var TextComponent_st_css_style = (/* unused pure expression or super */ null &&
|
|
|
39873
39879
|
var TextComponent_st_css_st = TextComponent_st_css_style_;
|
|
39874
39880
|
|
|
39875
39881
|
var TextComponent_st_css_namespace = (/* unused pure expression or super */ null && (TextComponent_st_css_namespace_));
|
|
39876
|
-
var TextComponent_st_css_classes = {"root":"
|
|
39882
|
+
var TextComponent_st_css_classes = {"root":"wds_1_100_1_TextComponent__root","text":"wds_1_100_1_TextComponent__text","multilineSuffixWrapper":"wds_1_100_1_TextComponent__multilineSuffixWrapper","multilineSuffix":"wds_1_100_1_TextComponent__multilineSuffix"};
|
|
39877
39883
|
var TextComponent_st_css_keyframes = {};
|
|
39878
39884
|
var TextComponent_st_css_layers = {};
|
|
39879
39885
|
var TextComponent_st_css_containers = {};
|
|
39880
39886
|
var TextComponent_st_css_stVars = {};
|
|
39881
|
-
var TextComponent_st_css_vars = {"maxLines":"--
|
|
39887
|
+
var TextComponent_st_css_vars = {"maxLines":"--wds_1_100_1_TextComponent-maxLines"};
|
|
39882
39888
|
|
|
39883
39889
|
|
|
39884
39890
|
|
|
@@ -39889,8 +39895,8 @@ var TextComponent_st_css_vars = {"maxLines":"--wds_1_99_1_TextComponent-maxLines
|
|
|
39889
39895
|
|
|
39890
39896
|
const TextComponent_isTestEnv = "production" === 'test';
|
|
39891
39897
|
class TextComponent extends (external_React_default()).PureComponent {
|
|
39892
|
-
constructor() {
|
|
39893
|
-
super(
|
|
39898
|
+
constructor(props) {
|
|
39899
|
+
super(props);
|
|
39894
39900
|
this.requestedRecalculationMount = null;
|
|
39895
39901
|
this.requestedRecalculationUpdate = [];
|
|
39896
39902
|
this._getEllipsisClasses = () => {
|
|
@@ -39898,6 +39904,8 @@ class TextComponent extends (external_React_default()).PureComponent {
|
|
|
39898
39904
|
const ellipsisLines = maxLines && maxLines > 1 ? 'multiline' : 'singleLine';
|
|
39899
39905
|
return (className) => ellipsis ? TextComponent_st_css_st(TextComponent_st_css_classes.text, { ellipsisLines }, className) : className;
|
|
39900
39906
|
};
|
|
39907
|
+
this.renderChildren = this.renderChildren.bind(this);
|
|
39908
|
+
this.renderElement = this.renderElement.bind(this);
|
|
39901
39909
|
}
|
|
39902
39910
|
componentDidMount() {
|
|
39903
39911
|
if (!this.props.textRendered) {
|
|
@@ -39937,12 +39945,37 @@ class TextComponent extends (external_React_default()).PureComponent {
|
|
|
39937
39945
|
this.requestedRecalculationUpdate.forEach(id => cancelAnimationFrame(id));
|
|
39938
39946
|
}
|
|
39939
39947
|
}
|
|
39948
|
+
renderChildren({ text, suffix, }) {
|
|
39949
|
+
const { textElementRef, isEllipsisActive, tooltipRef } = this.props;
|
|
39950
|
+
if (suffix && isEllipsisActive) {
|
|
39951
|
+
const lineHeight = textElementRef?.current &&
|
|
39952
|
+
window.getComputedStyle(textElementRef.current).lineHeight;
|
|
39953
|
+
return (external_React_default().createElement((external_React_default()).Fragment, null,
|
|
39954
|
+
external_React_default().createElement("span", { style: { shapeOutside: `inset(calc(100% - ${lineHeight}) 0 0)` }, className: TextComponent_st_css_st(TextComponent_st_css_classes.multilineSuffix), onMouseEnter: () => tooltipRef?.current?.close() }, suffix),
|
|
39955
|
+
external_React_default().createElement("span", { onMouseEnter: () => tooltipRef?.current?.open() }, text)));
|
|
39956
|
+
}
|
|
39957
|
+
else if (suffix) {
|
|
39958
|
+
return (external_React_default().createElement((external_React_default()).Fragment, null,
|
|
39959
|
+
external_React_default().createElement("span", null, text),
|
|
39960
|
+
external_React_default().createElement("span", null, suffix)));
|
|
39961
|
+
}
|
|
39962
|
+
else {
|
|
39963
|
+
return text;
|
|
39964
|
+
}
|
|
39965
|
+
}
|
|
39966
|
+
renderElement({ element, suffix, }) {
|
|
39967
|
+
const { maxLines = 1 } = this.props;
|
|
39968
|
+
const hasMultilineSuffix = maxLines > 1 && !!suffix;
|
|
39969
|
+
return hasMultilineSuffix ? (external_React_default().createElement("div", { className: TextComponent_st_css_classes.multilineSuffixWrapper }, element)) : (element);
|
|
39970
|
+
}
|
|
39940
39971
|
render() {
|
|
39941
39972
|
const { render, maxLines, textElementRef } = this.props;
|
|
39942
39973
|
return render({
|
|
39943
39974
|
ref: textElementRef,
|
|
39944
39975
|
ellipsisClasses: this._getEllipsisClasses(),
|
|
39945
39976
|
ellipsisInlineStyle: { [TextComponent_st_css_vars.maxLines]: maxLines },
|
|
39977
|
+
renderChildren: this.renderChildren,
|
|
39978
|
+
renderElement: this.renderElement,
|
|
39946
39979
|
});
|
|
39947
39980
|
}
|
|
39948
39981
|
}
|
|
@@ -40026,19 +40059,20 @@ class Ellipsis extends (external_React_default()).PureComponent {
|
|
|
40026
40059
|
textRendered: false,
|
|
40027
40060
|
};
|
|
40028
40061
|
this.ref = external_React_default().createRef();
|
|
40062
|
+
this.tooltipRef = external_React_default().createRef();
|
|
40029
40063
|
}
|
|
40030
40064
|
componentDidMount() {
|
|
40031
40065
|
window.addEventListener('resize', this._debouncedUpdate);
|
|
40032
40066
|
}
|
|
40033
40067
|
_renderText() {
|
|
40034
40068
|
const { render, ellipsis, maxLines } = this.props;
|
|
40035
|
-
const { textRendered } = this.state;
|
|
40036
|
-
return (external_React_default().createElement(TextComponent_TextComponent, { render, ellipsis, maxLines, textRendered, onTextRendered: this._onTextRendered, textElementRef: this.ref }));
|
|
40069
|
+
const { textRendered, isActive } = this.state;
|
|
40070
|
+
return (external_React_default().createElement(TextComponent_TextComponent, { render, ellipsis, maxLines, textRendered, onTextRendered: this._onTextRendered, textElementRef: this.ref, isEllipsisActive: isActive, tooltipRef: this.tooltipRef }));
|
|
40037
40071
|
}
|
|
40038
40072
|
render() {
|
|
40039
40073
|
const { appendTo, wrapperClassName, disabled, enterDelay, exitDelay, fixed, flip, maxWidth, moveArrowTo, onHide, onShow, placement, showTooltip, textAlign, zIndex, size, } = this.props;
|
|
40040
40074
|
const { isActive, textContent } = this.state;
|
|
40041
|
-
return showTooltip && isActive ? (external_React_default().createElement(Tooltip_Tooltip, { className: Ellipsis_st_css_st(Ellipsis_st_css_classes.tooltip, wrapperClassName), content: textContent, appendTo,
|
|
40075
|
+
return showTooltip && isActive ? (external_React_default().createElement(Tooltip_Tooltip, { ref: this.tooltipRef, className: Ellipsis_st_css_st(Ellipsis_st_css_classes.tooltip, wrapperClassName), content: textContent, appendTo,
|
|
40042
40076
|
disabled,
|
|
40043
40077
|
enterDelay,
|
|
40044
40078
|
exitDelay,
|
|
@@ -40172,7 +40206,7 @@ const TextWithEllipsis = ({ ellipsis = false, appendTo = Ellipsis_Ellipsis.defau
|
|
|
40172
40206
|
size: props.size,
|
|
40173
40207
|
weight: props.weight,
|
|
40174
40208
|
listStyle: props.listStyle,
|
|
40175
|
-
}), render: ({ ref, ellipsisClasses, ellipsisInlineStyle }) => (external_React_default().createElement(Text_RawText, { ...componentProps, ref: ref, className: ellipsisClasses(className), style: ellipsisInlineStyle })) }));
|
|
40209
|
+
}), render: ({ ref, ellipsisClasses, ellipsisInlineStyle, renderChildren, renderElement, }) => (external_React_default().createElement(Text_RawText, { ...componentProps, ref: ref, className: ellipsisClasses(className), style: ellipsisInlineStyle, renderChildren: renderChildren, renderElement: renderElement })) }));
|
|
40176
40210
|
};
|
|
40177
40211
|
TextWithEllipsis.displayName = 'Text';
|
|
40178
40212
|
TextWithEllipsis.propTypes = {
|
|
@@ -40254,6 +40288,10 @@ TextWithEllipsis.propTypes = {
|
|
|
40254
40288
|
tooltipProps: prop_types_default().shape(TooltipCommonProps),
|
|
40255
40289
|
/** if true it will support widows in the text */
|
|
40256
40290
|
widows: (prop_types_default()).bool,
|
|
40291
|
+
/** Component displayed at the end of text, after ellipsis if truncated.
|
|
40292
|
+
* @internal
|
|
40293
|
+
*/
|
|
40294
|
+
suffix: (prop_types_default()).node,
|
|
40257
40295
|
};
|
|
40258
40296
|
/* harmony default export */ const Text = (TextWithEllipsis);
|
|
40259
40297
|
//# sourceMappingURL=Text.js.map
|
|
@@ -40272,7 +40310,7 @@ const generateDataAttr = (props, filter) => Object.entries(props)
|
|
|
40272
40310
|
|
|
40273
40311
|
|
|
40274
40312
|
|
|
40275
|
-
var breakpoints_st_css_namespace_ = "
|
|
40313
|
+
var breakpoints_st_css_namespace_ = "wds_1_100_1_breakpoints";
|
|
40276
40314
|
var breakpoints_st_css_style_ = classesRuntime.bind(null, breakpoints_st_css_namespace_);
|
|
40277
40315
|
|
|
40278
40316
|
var breakpoints_st_css_cssStates = statesRuntime.bind(null, breakpoints_st_css_namespace_);
|
|
@@ -40280,7 +40318,7 @@ var breakpoints_st_css_style = (/* unused pure expression or super */ null && (b
|
|
|
40280
40318
|
var breakpoints_st_css_st = (/* unused pure expression or super */ null && (breakpoints_st_css_style_));
|
|
40281
40319
|
|
|
40282
40320
|
var breakpoints_st_css_namespace = (/* unused pure expression or super */ null && (breakpoints_st_css_namespace_));
|
|
40283
|
-
var breakpoints_st_css_classes = {"root":"
|
|
40321
|
+
var breakpoints_st_css_classes = {"root":"wds_1_100_1_breakpoints__root"};
|
|
40284
40322
|
var breakpoints_st_css_keyframes = {};
|
|
40285
40323
|
var breakpoints_st_css_layers = {};
|
|
40286
40324
|
var breakpoints_st_css_containers = {};
|
|
@@ -40298,7 +40336,7 @@ var breakpoints_st_css_vars = {};
|
|
|
40298
40336
|
|
|
40299
40337
|
|
|
40300
40338
|
|
|
40301
|
-
var Focusable_st_css_namespace_ = "
|
|
40339
|
+
var Focusable_st_css_namespace_ = "wds_1_100_1_Focusable";
|
|
40302
40340
|
var Focusable_st_css_style_ = classesRuntime.bind(null, Focusable_st_css_namespace_);
|
|
40303
40341
|
|
|
40304
40342
|
var Focusable_st_css_cssStates = statesRuntime.bind(null, Focusable_st_css_namespace_);
|
|
@@ -40306,7 +40344,7 @@ var Focusable_st_css_style = (/* unused pure expression or super */ null && (Foc
|
|
|
40306
40344
|
var Focusable_st_css_st = Focusable_st_css_style_;
|
|
40307
40345
|
|
|
40308
40346
|
var Focusable_st_css_namespace = (/* unused pure expression or super */ null && (Focusable_st_css_namespace_));
|
|
40309
|
-
var Focusable_st_css_classes = {"root":"
|
|
40347
|
+
var Focusable_st_css_classes = {"root":"wds_1_100_1_Focusable__root","focus-box":"wds_1_100_1_Focusable__focus-box","focus-box-error":"wds_1_100_1_Focusable__focus-box-error"};
|
|
40310
40348
|
var Focusable_st_css_keyframes = {};
|
|
40311
40349
|
var Focusable_st_css_layers = {};
|
|
40312
40350
|
var Focusable_st_css_containers = {};
|
|
@@ -40324,7 +40362,7 @@ var Focusable_st_css_vars = {};
|
|
|
40324
40362
|
|
|
40325
40363
|
|
|
40326
40364
|
|
|
40327
|
-
var ButtonCore_st_css_namespace_ = "
|
|
40365
|
+
var ButtonCore_st_css_namespace_ = "wds_1_100_1_ButtonCore";
|
|
40328
40366
|
var ButtonCore_st_css_style_ = classesRuntime.bind(null, ButtonCore_st_css_namespace_);
|
|
40329
40367
|
|
|
40330
40368
|
var ButtonCore_st_css_cssStates = statesRuntime.bind(null, ButtonCore_st_css_namespace_);
|
|
@@ -40332,7 +40370,7 @@ var ButtonCore_st_css_style = (/* unused pure expression or super */ null && (Bu
|
|
|
40332
40370
|
var ButtonCore_st_css_st = ButtonCore_st_css_style_;
|
|
40333
40371
|
|
|
40334
40372
|
var ButtonCore_st_css_namespace = (/* unused pure expression or super */ null && (ButtonCore_st_css_namespace_));
|
|
40335
|
-
var ButtonCore_st_css_classes = {"root":"
|
|
40373
|
+
var ButtonCore_st_css_classes = {"root":"wds_1_100_1_ButtonCore__root","content":"wds_1_100_1_ButtonCore__content","prefix":"wds_1_100_1_ButtonCore__prefix","suffix":"wds_1_100_1_ButtonCore__suffix"};
|
|
40336
40374
|
var ButtonCore_st_css_keyframes = {};
|
|
40337
40375
|
var ButtonCore_st_css_layers = {};
|
|
40338
40376
|
var ButtonCore_st_css_containers = {};
|
|
@@ -40355,7 +40393,7 @@ var ButtonCore_st_css_vars = {};
|
|
|
40355
40393
|
|
|
40356
40394
|
|
|
40357
40395
|
|
|
40358
|
-
var TextButton_st_css_namespace_ = "
|
|
40396
|
+
var TextButton_st_css_namespace_ = "wds_1_100_1_TextButton";
|
|
40359
40397
|
var TextButton_st_css_style_ = classesRuntime.bind(null, TextButton_st_css_namespace_);
|
|
40360
40398
|
|
|
40361
40399
|
var TextButton_st_css_cssStates = statesRuntime.bind(null, TextButton_st_css_namespace_);
|
|
@@ -40363,7 +40401,7 @@ var TextButton_st_css_style = (/* unused pure expression or super */ null && (Te
|
|
|
40363
40401
|
var TextButton_st_css_st = TextButton_st_css_style_;
|
|
40364
40402
|
|
|
40365
40403
|
var TextButton_st_css_namespace = (/* unused pure expression or super */ null && (TextButton_st_css_namespace_));
|
|
40366
|
-
var TextButton_st_css_classes = {"root":"
|
|
40404
|
+
var TextButton_st_css_classes = {"root":"wds_1_100_1_TextButton__root","text-tiny-thin":"wds_1_100_1_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_100_1_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_100_1_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_100_1_StylableTypography__text-small-thin","text-small-normal":"wds_1_100_1_StylableTypography__text-small-normal","text-small-bold":"wds_1_100_1_StylableTypography__text-small-bold","text-medium-thin":"wds_1_100_1_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_100_1_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_100_1_StylableTypography__text-medium-bold"};
|
|
40367
40405
|
var TextButton_st_css_keyframes = {};
|
|
40368
40406
|
var TextButton_st_css_layers = {};
|
|
40369
40407
|
var TextButton_st_css_containers = {};
|
|
@@ -40707,7 +40745,7 @@ TextButton_TextButton.defaultProps = {
|
|
|
40707
40745
|
|
|
40708
40746
|
|
|
40709
40747
|
|
|
40710
|
-
var Button_st_css_namespace_ = "
|
|
40748
|
+
var Button_st_css_namespace_ = "wds_1_100_1_Button";
|
|
40711
40749
|
var Button_st_css_style_ = classesRuntime.bind(null, Button_st_css_namespace_);
|
|
40712
40750
|
|
|
40713
40751
|
var Button_st_css_cssStates = statesRuntime.bind(null, Button_st_css_namespace_);
|
|
@@ -40715,7 +40753,7 @@ var Button_st_css_style = (/* unused pure expression or super */ null && (Button
|
|
|
40715
40753
|
var Button_st_css_st = Button_st_css_style_;
|
|
40716
40754
|
|
|
40717
40755
|
var Button_st_css_namespace = (/* unused pure expression or super */ null && (Button_st_css_namespace_));
|
|
40718
|
-
var Button_st_css_classes = {"root":"
|
|
40756
|
+
var Button_st_css_classes = {"root":"wds_1_100_1_Button__root","text-tiny-normal":"wds_1_100_1_StylableTypography__text-tiny-normal","text-small-normal":"wds_1_100_1_StylableTypography__text-small-normal","text-medium-normal":"wds_1_100_1_StylableTypography__text-medium-normal","text-tiny-bold":"wds_1_100_1_StylableTypography__text-tiny-bold"};
|
|
40719
40757
|
var Button_st_css_keyframes = {};
|
|
40720
40758
|
var Button_st_css_layers = {};
|
|
40721
40759
|
var Button_st_css_containers = {};
|
|
@@ -40891,7 +40929,7 @@ const constants_SIZES = {
|
|
|
40891
40929
|
|
|
40892
40930
|
|
|
40893
40931
|
|
|
40894
|
-
var CloseButton_st_css_namespace_ = "
|
|
40932
|
+
var CloseButton_st_css_namespace_ = "wds_1_100_1_CloseButton";
|
|
40895
40933
|
var CloseButton_st_css_style_ = classesRuntime.bind(null, CloseButton_st_css_namespace_);
|
|
40896
40934
|
|
|
40897
40935
|
var CloseButton_st_css_cssStates = statesRuntime.bind(null, CloseButton_st_css_namespace_);
|
|
@@ -40899,7 +40937,7 @@ var CloseButton_st_css_style = (/* unused pure expression or super */ null && (C
|
|
|
40899
40937
|
var CloseButton_st_css_st = CloseButton_st_css_style_;
|
|
40900
40938
|
|
|
40901
40939
|
var CloseButton_st_css_namespace = (/* unused pure expression or super */ null && (CloseButton_st_css_namespace_));
|
|
40902
|
-
var CloseButton_st_css_classes = {"root":"
|
|
40940
|
+
var CloseButton_st_css_classes = {"root":"wds_1_100_1_CloseButton__root"};
|
|
40903
40941
|
var CloseButton_st_css_keyframes = {};
|
|
40904
40942
|
var CloseButton_st_css_layers = {};
|
|
40905
40943
|
var CloseButton_st_css_containers = {};
|
|
@@ -41012,7 +41050,7 @@ const FloatingNotification_constants_dataHooks = {
|
|
|
41012
41050
|
|
|
41013
41051
|
|
|
41014
41052
|
|
|
41015
|
-
var FloatingNotification_st_css_namespace_ = "
|
|
41053
|
+
var FloatingNotification_st_css_namespace_ = "wds_1_100_1_FloatingNotification";
|
|
41016
41054
|
var FloatingNotification_st_css_style_ = classesRuntime.bind(null, FloatingNotification_st_css_namespace_);
|
|
41017
41055
|
|
|
41018
41056
|
var FloatingNotification_st_css_cssStates = statesRuntime.bind(null, FloatingNotification_st_css_namespace_);
|
|
@@ -41020,7 +41058,7 @@ var FloatingNotification_st_css_style = (/* unused pure expression or super */ n
|
|
|
41020
41058
|
var FloatingNotification_st_css_st = FloatingNotification_st_css_style_;
|
|
41021
41059
|
|
|
41022
41060
|
var FloatingNotification_st_css_namespace = (/* unused pure expression or super */ null && (FloatingNotification_st_css_namespace_));
|
|
41023
|
-
var FloatingNotification_st_css_classes = {"root":"
|
|
41061
|
+
var FloatingNotification_st_css_classes = {"root":"wds_1_100_1_FloatingNotification__root","icon":"wds_1_100_1_FloatingNotification__icon","text":"wds_1_100_1_FloatingNotification__text","textButton":"wds_1_100_1_FloatingNotification__textButton","button":"wds_1_100_1_FloatingNotification__button","gap":"wds_1_100_1_FloatingNotification__gap","close":"wds_1_100_1_FloatingNotification__close"};
|
|
41024
41062
|
var FloatingNotification_st_css_keyframes = {};
|
|
41025
41063
|
var FloatingNotification_st_css_layers = {};
|
|
41026
41064
|
var FloatingNotification_st_css_containers = {};
|
|
@@ -41140,7 +41178,7 @@ FloatingNotification.defaultProps = {
|
|
|
41140
41178
|
|
|
41141
41179
|
|
|
41142
41180
|
|
|
41143
|
-
var Divider_st_css_namespace_ = "
|
|
41181
|
+
var Divider_st_css_namespace_ = "wds_1_100_1_Divider";
|
|
41144
41182
|
var Divider_st_css_style_ = classesRuntime.bind(null, Divider_st_css_namespace_);
|
|
41145
41183
|
|
|
41146
41184
|
var Divider_st_css_cssStates = statesRuntime.bind(null, Divider_st_css_namespace_);
|
|
@@ -41148,7 +41186,7 @@ var Divider_st_css_style = (/* unused pure expression or super */ null && (Divid
|
|
|
41148
41186
|
var Divider_st_css_st = Divider_st_css_style_;
|
|
41149
41187
|
|
|
41150
41188
|
var Divider_st_css_namespace = (/* unused pure expression or super */ null && (Divider_st_css_namespace_));
|
|
41151
|
-
var Divider_st_css_classes = {"root":"
|
|
41189
|
+
var Divider_st_css_classes = {"root":"wds_1_100_1_Divider__root"};
|
|
41152
41190
|
var Divider_st_css_keyframes = {};
|
|
41153
41191
|
var Divider_st_css_layers = {};
|
|
41154
41192
|
var Divider_st_css_containers = {};
|
|
@@ -41159,12 +41197,12 @@ var Divider_st_css_vars = {};
|
|
|
41159
41197
|
|
|
41160
41198
|
|
|
41161
41199
|
|
|
41162
|
-
;// CONCATENATED MODULE: ../../../node_modules/@wix/design-system/dist/esm/Divider/constants.js
|
|
41163
|
-
const
|
|
41200
|
+
;// CONCATENATED MODULE: ../../../node_modules/@wix/design-system/dist/esm/Divider/Divider.constants.js
|
|
41201
|
+
const DIRECTIONS = {
|
|
41164
41202
|
horizontal: 'horizontal',
|
|
41165
41203
|
vertical: 'vertical',
|
|
41166
41204
|
};
|
|
41167
|
-
const
|
|
41205
|
+
const Divider_constants_SKINS = {
|
|
41168
41206
|
light: 'light',
|
|
41169
41207
|
dark: 'dark',
|
|
41170
41208
|
standard: 'standard',
|
|
@@ -41173,39 +41211,18 @@ const skins = {
|
|
|
41173
41211
|
success: 'success',
|
|
41174
41212
|
premium: 'premium',
|
|
41175
41213
|
};
|
|
41176
|
-
//# sourceMappingURL=constants.js.map
|
|
41214
|
+
//# sourceMappingURL=Divider.constants.js.map
|
|
41177
41215
|
;// CONCATENATED MODULE: ../../../node_modules/@wix/design-system/dist/esm/Divider/Divider.js
|
|
41178
41216
|
|
|
41179
41217
|
|
|
41180
41218
|
|
|
41181
41219
|
|
|
41182
|
-
|
|
41183
|
-
class Divider_Divider extends (external_React_default()).PureComponent {
|
|
41184
|
-
render() {
|
|
41185
|
-
const { dataHook, className, direction, skin } = this.props;
|
|
41186
|
-
return (external_React_default().createElement("hr", { "data-hook": dataHook, className: Divider_st_css_st(Divider_st_css_classes.root, { direction, skin }, className) }));
|
|
41187
|
-
}
|
|
41188
|
-
}
|
|
41189
|
-
Divider_Divider.displayName = 'Divider';
|
|
41220
|
+
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) }));
|
|
41190
41221
|
Divider_Divider.propTypes = {
|
|
41191
|
-
/** Applies a data-hook HTML attribute that can be used in the tests. */
|
|
41192
41222
|
dataHook: (prop_types_default()).string,
|
|
41193
|
-
|
|
41194
|
-
direction: prop_types_default().oneOf(
|
|
41195
|
-
|
|
41196
|
-
skin: prop_types_default().oneOf([
|
|
41197
|
-
'light',
|
|
41198
|
-
'dark',
|
|
41199
|
-
'standard',
|
|
41200
|
-
'warning',
|
|
41201
|
-
'destructive',
|
|
41202
|
-
'success',
|
|
41203
|
-
'premium',
|
|
41204
|
-
]),
|
|
41205
|
-
};
|
|
41206
|
-
Divider_Divider.defaultProps = {
|
|
41207
|
-
direction: directions.horizontal,
|
|
41208
|
-
skin: skins.light,
|
|
41223
|
+
className: (prop_types_default()).string,
|
|
41224
|
+
direction: prop_types_default().oneOf(Object.values(DIRECTIONS)),
|
|
41225
|
+
skin: prop_types_default().oneOf(Object.values(Divider_constants_SKINS)),
|
|
41209
41226
|
};
|
|
41210
41227
|
/* harmony default export */ const esm_Divider_Divider = (Divider_Divider);
|
|
41211
41228
|
//# sourceMappingURL=Divider.js.map
|
|
@@ -41277,7 +41294,7 @@ Arc.displayName = 'Arc';
|
|
|
41277
41294
|
|
|
41278
41295
|
|
|
41279
41296
|
|
|
41280
|
-
var Heading_st_css_namespace_ = "
|
|
41297
|
+
var Heading_st_css_namespace_ = "wds_1_100_1_Heading";
|
|
41281
41298
|
var Heading_st_css_style_ = classesRuntime.bind(null, Heading_st_css_namespace_);
|
|
41282
41299
|
|
|
41283
41300
|
var Heading_st_css_cssStates = statesRuntime.bind(null, Heading_st_css_namespace_);
|
|
@@ -41285,7 +41302,7 @@ var Heading_st_css_style = (/* unused pure expression or super */ null && (Headi
|
|
|
41285
41302
|
var Heading_st_css_st = Heading_st_css_style_;
|
|
41286
41303
|
|
|
41287
41304
|
var Heading_st_css_namespace = (/* unused pure expression or super */ null && (Heading_st_css_namespace_));
|
|
41288
|
-
var Heading_st_css_classes = {"root":"
|
|
41305
|
+
var Heading_st_css_classes = {"root":"wds_1_100_1_Heading__root","heading-h1":"wds_1_100_1_StylableTypography__heading-h1","heading-h2":"wds_1_100_1_StylableTypography__heading-h2","heading-h3":"wds_1_100_1_StylableTypography__heading-h3","heading-h4":"wds_1_100_1_StylableTypography__heading-h4","heading-h5":"wds_1_100_1_StylableTypography__heading-h5","heading-h6":"wds_1_100_1_StylableTypography__heading-h6","heading-xl":"wds_1_100_1_StylableTypography__heading-xl","heading-l":"wds_1_100_1_StylableTypography__heading-l","heading-m":"wds_1_100_1_StylableTypography__heading-m","heading-s":"wds_1_100_1_StylableTypography__heading-s","heading-t":"wds_1_100_1_StylableTypography__heading-t","heading-xt":"wds_1_100_1_StylableTypography__heading-xt"};
|
|
41289
41306
|
var Heading_st_css_keyframes = {};
|
|
41290
41307
|
var Heading_st_css_layers = {};
|
|
41291
41308
|
var Heading_st_css_containers = {};
|
|
@@ -41438,7 +41455,7 @@ const SIZE_TO_ARC_ANGLE_MAP = {
|
|
|
41438
41455
|
|
|
41439
41456
|
|
|
41440
41457
|
|
|
41441
|
-
var Loader_st_css_namespace_ = "
|
|
41458
|
+
var Loader_st_css_namespace_ = "wds_1_100_1_Loader";
|
|
41442
41459
|
var Loader_st_css_style_ = classesRuntime.bind(null, Loader_st_css_namespace_);
|
|
41443
41460
|
|
|
41444
41461
|
var Loader_st_css_cssStates = statesRuntime.bind(null, Loader_st_css_namespace_);
|
|
@@ -41446,8 +41463,8 @@ var Loader_st_css_style = (/* unused pure expression or super */ null && (Loader
|
|
|
41446
41463
|
var Loader_st_css_st = Loader_st_css_style_;
|
|
41447
41464
|
|
|
41448
41465
|
var Loader_st_css_namespace = (/* unused pure expression or super */ null && (Loader_st_css_namespace_));
|
|
41449
|
-
var Loader_st_css_classes = {"root":"
|
|
41450
|
-
var Loader_st_css_keyframes = {"rotation":"
|
|
41466
|
+
var Loader_st_css_classes = {"root":"wds_1_100_1_Loader__root","statusIndicator":"wds_1_100_1_Loader__statusIndicator","arcsContainer":"wds_1_100_1_Loader__arcsContainer","darkArc":"wds_1_100_1_Loader__darkArc","lightArc":"wds_1_100_1_Loader__lightArc","text":"wds_1_100_1_Loader__text"};
|
|
41467
|
+
var Loader_st_css_keyframes = {"rotation":"wds_1_100_1_Loader__rotation","staggered-rotation":"wds_1_100_1_Loader__staggered-rotation"};
|
|
41451
41468
|
var Loader_st_css_layers = {};
|
|
41452
41469
|
var Loader_st_css_containers = {};
|
|
41453
41470
|
var Loader_st_css_stVars = {};
|
|
@@ -43241,7 +43258,7 @@ var he_default = /*#__PURE__*/__webpack_require__.n(he);
|
|
|
43241
43258
|
|
|
43242
43259
|
|
|
43243
43260
|
|
|
43244
|
-
var ListItemSelect_st_css_namespace_ = "
|
|
43261
|
+
var ListItemSelect_st_css_namespace_ = "wds_1_100_1_ListItemSelect";
|
|
43245
43262
|
var ListItemSelect_st_css_style_ = classesRuntime.bind(null, ListItemSelect_st_css_namespace_);
|
|
43246
43263
|
|
|
43247
43264
|
var ListItemSelect_st_css_cssStates = statesRuntime.bind(null, ListItemSelect_st_css_namespace_);
|
|
@@ -43249,7 +43266,7 @@ var ListItemSelect_st_css_style = (/* unused pure expression or super */ null &&
|
|
|
43249
43266
|
var ListItemSelect_st_css_st = ListItemSelect_st_css_style_;
|
|
43250
43267
|
|
|
43251
43268
|
var ListItemSelect_st_css_namespace = (/* unused pure expression or super */ null && (ListItemSelect_st_css_namespace_));
|
|
43252
|
-
var ListItemSelect_st_css_classes = {"root":"
|
|
43269
|
+
var ListItemSelect_st_css_classes = {"root":"wds_1_100_1_ListItemSelect__root","fullWidthContent":"wds_1_100_1_ListItemSelect__fullWidthContent","textsWrapper":"wds_1_100_1_ListItemSelect__textsWrapper","titleWrapper":"wds_1_100_1_ListItemSelect__titleWrapper","title":"wds_1_100_1_ListItemSelect__title","prefix":"wds_1_100_1_ListItemSelect__prefix","suffix":"wds_1_100_1_ListItemSelect__suffix","subtitle":"wds_1_100_1_ListItemSelect__subtitle"};
|
|
43253
43270
|
var ListItemSelect_st_css_keyframes = {};
|
|
43254
43271
|
var ListItemSelect_st_css_layers = {};
|
|
43255
43272
|
var ListItemSelect_st_css_containers = {};
|
|
@@ -43275,7 +43292,7 @@ const CheckboxChecked_o=({size:e,...h})=>external_React_.createElement("svg",{vi
|
|
|
43275
43292
|
|
|
43276
43293
|
|
|
43277
43294
|
|
|
43278
|
-
var Checkbox_st_css_namespace_ = "
|
|
43295
|
+
var Checkbox_st_css_namespace_ = "wds_1_100_1_Checkbox";
|
|
43279
43296
|
var Checkbox_st_css_style_ = classesRuntime.bind(null, Checkbox_st_css_namespace_);
|
|
43280
43297
|
|
|
43281
43298
|
var Checkbox_st_css_cssStates = statesRuntime.bind(null, Checkbox_st_css_namespace_);
|
|
@@ -43283,7 +43300,7 @@ var Checkbox_st_css_style = (/* unused pure expression or super */ null && (Chec
|
|
|
43283
43300
|
var Checkbox_st_css_st = Checkbox_st_css_style_;
|
|
43284
43301
|
|
|
43285
43302
|
var Checkbox_st_css_namespace = (/* unused pure expression or super */ null && (Checkbox_st_css_namespace_));
|
|
43286
|
-
var Checkbox_st_css_classes = {"root":"
|
|
43303
|
+
var Checkbox_st_css_classes = {"root":"wds_1_100_1_Checkbox__root","label":"wds_1_100_1_Checkbox__label","labelInner":"wds_1_100_1_Checkbox__labelInner","children":"wds_1_100_1_Checkbox__children","checkbox":"wds_1_100_1_Checkbox__checkbox","inner":"wds_1_100_1_Checkbox__inner","outer":"wds_1_100_1_Checkbox__outer"};
|
|
43287
43304
|
var Checkbox_st_css_keyframes = {};
|
|
43288
43305
|
var Checkbox_st_css_layers = {};
|
|
43289
43306
|
var Checkbox_st_css_containers = {};
|
|
@@ -43454,7 +43471,7 @@ Checkbox.defaultProps = {
|
|
|
43454
43471
|
|
|
43455
43472
|
|
|
43456
43473
|
|
|
43457
|
-
var default_scroll_bar_st_css_namespace_ = "
|
|
43474
|
+
var default_scroll_bar_st_css_namespace_ = "wds_1_100_1_defaultscrollbar";
|
|
43458
43475
|
var default_scroll_bar_st_css_style_ = classesRuntime.bind(null, default_scroll_bar_st_css_namespace_);
|
|
43459
43476
|
|
|
43460
43477
|
var default_scroll_bar_st_css_cssStates = statesRuntime.bind(null, default_scroll_bar_st_css_namespace_);
|
|
@@ -43462,7 +43479,7 @@ var default_scroll_bar_st_css_style = (/* unused pure expression or super */ nul
|
|
|
43462
43479
|
var default_scroll_bar_st_css_st = (/* unused pure expression or super */ null && (default_scroll_bar_st_css_style_));
|
|
43463
43480
|
|
|
43464
43481
|
var default_scroll_bar_st_css_namespace = (/* unused pure expression or super */ null && (default_scroll_bar_st_css_namespace_));
|
|
43465
|
-
var default_scroll_bar_st_css_classes = {"root":"
|
|
43482
|
+
var default_scroll_bar_st_css_classes = {"root":"wds_1_100_1_defaultscrollbar__root","defaultScrollBar":"wds_1_100_1_defaultscrollbar__defaultScrollBar"};
|
|
43466
43483
|
var default_scroll_bar_st_css_keyframes = {};
|
|
43467
43484
|
var default_scroll_bar_st_css_layers = {};
|
|
43468
43485
|
var default_scroll_bar_st_css_containers = {};
|
|
@@ -43480,7 +43497,7 @@ var default_scroll_bar_st_css_vars = {"wds-color-blue-100":"--wds-color-blue-100
|
|
|
43480
43497
|
|
|
43481
43498
|
|
|
43482
43499
|
|
|
43483
|
-
var Box_st_css_namespace_ = "
|
|
43500
|
+
var Box_st_css_namespace_ = "wds_1_100_1_Box";
|
|
43484
43501
|
var Box_st_css_style_ = classesRuntime.bind(null, Box_st_css_namespace_);
|
|
43485
43502
|
|
|
43486
43503
|
var Box_st_css_cssStates = statesRuntime.bind(null, Box_st_css_namespace_);
|
|
@@ -43488,12 +43505,12 @@ var Box_st_css_style = (/* unused pure expression or super */ null && (Box_st_cs
|
|
|
43488
43505
|
var Box_st_css_st = Box_st_css_style_;
|
|
43489
43506
|
|
|
43490
43507
|
var Box_st_css_namespace = (/* unused pure expression or super */ null && (Box_st_css_namespace_));
|
|
43491
|
-
var Box_st_css_classes = {"root":"
|
|
43508
|
+
var Box_st_css_classes = {"root":"wds_1_100_1_Box__root","defaultScrollBar":"wds_1_100_1_defaultscrollbar__defaultScrollBar"};
|
|
43492
43509
|
var Box_st_css_keyframes = {};
|
|
43493
43510
|
var Box_st_css_layers = {};
|
|
43494
43511
|
var Box_st_css_containers = {};
|
|
43495
43512
|
var Box_st_css_stVars = {};
|
|
43496
|
-
var Box_st_css_vars = {"gap":"--
|
|
43513
|
+
var Box_st_css_vars = {"gap":"--wds_1_100_1_Box-gap"};
|
|
43497
43514
|
|
|
43498
43515
|
|
|
43499
43516
|
|
|
@@ -43506,7 +43523,7 @@ var Box_st_css_vars = {"gap":"--wds_1_99_1_Box-gap"};
|
|
|
43506
43523
|
|
|
43507
43524
|
|
|
43508
43525
|
|
|
43509
|
-
var spacing_st_css_namespace_ = "
|
|
43526
|
+
var spacing_st_css_namespace_ = "wds_1_100_1_spacing";
|
|
43510
43527
|
var spacing_st_css_style_ = classesRuntime.bind(null, spacing_st_css_namespace_);
|
|
43511
43528
|
|
|
43512
43529
|
var spacing_st_css_cssStates = statesRuntime.bind(null, spacing_st_css_namespace_);
|
|
@@ -43514,7 +43531,7 @@ var spacing_st_css_style = (/* unused pure expression or super */ null && (spaci
|
|
|
43514
43531
|
var spacing_st_css_st = (/* unused pure expression or super */ null && (spacing_st_css_style_));
|
|
43515
43532
|
|
|
43516
43533
|
var spacing_st_css_namespace = (/* unused pure expression or super */ null && (spacing_st_css_namespace_));
|
|
43517
|
-
var spacing_st_css_classes = {"root":"
|
|
43534
|
+
var spacing_st_css_classes = {"root":"wds_1_100_1_spacing__root"};
|
|
43518
43535
|
var spacing_st_css_keyframes = {};
|
|
43519
43536
|
var spacing_st_css_layers = {};
|
|
43520
43537
|
var spacing_st_css_containers = {};
|
|
@@ -43546,7 +43563,7 @@ const filterObject = (object, filter = () => true) => {
|
|
|
43546
43563
|
//# sourceMappingURL=filterObject.js.map
|
|
43547
43564
|
;// CONCATENATED MODULE: ../../../node_modules/@wix/design-system/dist/esm/Box/constants.js
|
|
43548
43565
|
|
|
43549
|
-
const
|
|
43566
|
+
const directions = {
|
|
43550
43567
|
horizontal: 'horizontal',
|
|
43551
43568
|
vertical: 'vertical',
|
|
43552
43569
|
};
|
|
@@ -43697,7 +43714,7 @@ Box.propTypes = {
|
|
|
43697
43714
|
/** Defines if the box behaves as an inline element */
|
|
43698
43715
|
inline: (prop_types_default()).bool,
|
|
43699
43716
|
/** Defines how the children are ordered (horizontally or vertically) */
|
|
43700
|
-
direction: prop_types_default().oneOf(Object.keys(
|
|
43717
|
+
direction: prop_types_default().oneOf(Object.keys(directions)),
|
|
43701
43718
|
/** Defines how the children are aligned according to the X axis */
|
|
43702
43719
|
align: prop_types_default().oneOf(Object.keys(horizontalAlignmentValues)),
|
|
43703
43720
|
/** Defines how the children are aligned according to the Y axis */
|
|
@@ -43801,7 +43818,7 @@ var escapeRegExp_default = /*#__PURE__*/__webpack_require__.n(lodash_escapeRegEx
|
|
|
43801
43818
|
|
|
43802
43819
|
|
|
43803
43820
|
|
|
43804
|
-
var Highlighter_st_css_namespace_ = "
|
|
43821
|
+
var Highlighter_st_css_namespace_ = "wds_1_100_1_Highlighter";
|
|
43805
43822
|
var Highlighter_st_css_style_ = classesRuntime.bind(null, Highlighter_st_css_namespace_);
|
|
43806
43823
|
|
|
43807
43824
|
var Highlighter_st_css_cssStates = statesRuntime.bind(null, Highlighter_st_css_namespace_);
|
|
@@ -43809,7 +43826,7 @@ var Highlighter_st_css_style = (/* unused pure expression or super */ null && (H
|
|
|
43809
43826
|
var Highlighter_st_css_st = Highlighter_st_css_style_;
|
|
43810
43827
|
|
|
43811
43828
|
var Highlighter_st_css_namespace = (/* unused pure expression or super */ null && (Highlighter_st_css_namespace_));
|
|
43812
|
-
var Highlighter_st_css_classes = {"root":"
|
|
43829
|
+
var Highlighter_st_css_classes = {"root":"wds_1_100_1_Highlighter__root"};
|
|
43813
43830
|
var Highlighter_st_css_keyframes = {};
|
|
43814
43831
|
var Highlighter_st_css_layers = {};
|
|
43815
43832
|
var Highlighter_st_css_containers = {};
|
|
@@ -44090,7 +44107,7 @@ var sortBy_default = /*#__PURE__*/__webpack_require__.n(sortBy);
|
|
|
44090
44107
|
|
|
44091
44108
|
|
|
44092
44109
|
|
|
44093
|
-
var border_st_css_namespace_ = "
|
|
44110
|
+
var border_st_css_namespace_ = "wds_1_100_1_border";
|
|
44094
44111
|
var border_st_css_style_ = classesRuntime.bind(null, border_st_css_namespace_);
|
|
44095
44112
|
|
|
44096
44113
|
var border_st_css_cssStates = statesRuntime.bind(null, border_st_css_namespace_);
|
|
@@ -44098,7 +44115,7 @@ var border_st_css_style = (/* unused pure expression or super */ null && (border
|
|
|
44098
44115
|
var border_st_css_st = (/* unused pure expression or super */ null && (border_st_css_style_));
|
|
44099
44116
|
|
|
44100
44117
|
var border_st_css_namespace = (/* unused pure expression or super */ null && (border_st_css_namespace_));
|
|
44101
|
-
var border_st_css_classes = {"root":"
|
|
44118
|
+
var border_st_css_classes = {"root":"wds_1_100_1_border__root"};
|
|
44102
44119
|
var border_st_css_keyframes = {};
|
|
44103
44120
|
var border_st_css_layers = {};
|
|
44104
44121
|
var border_st_css_containers = {};
|
|
@@ -44121,7 +44138,7 @@ var border_st_css_vars = {"wsr-border-radius-02":"--wsr-border-radius-02","wsr-b
|
|
|
44121
44138
|
|
|
44122
44139
|
|
|
44123
44140
|
|
|
44124
|
-
var Input_st_css_namespace_ = "
|
|
44141
|
+
var Input_st_css_namespace_ = "wds_1_100_1_Input";
|
|
44125
44142
|
var Input_st_css_style_ = classesRuntime.bind(null, Input_st_css_namespace_);
|
|
44126
44143
|
|
|
44127
44144
|
var Input_st_css_cssStates = statesRuntime.bind(null, Input_st_css_namespace_);
|
|
@@ -44129,12 +44146,12 @@ var Input_st_css_style = (/* unused pure expression or super */ null && (Input_s
|
|
|
44129
44146
|
var Input_st_css_st = Input_st_css_style_;
|
|
44130
44147
|
|
|
44131
44148
|
var Input_st_css_namespace = (/* unused pure expression or super */ null && (Input_st_css_namespace_));
|
|
44132
|
-
var Input_st_css_classes = {"root":"
|
|
44149
|
+
var Input_st_css_classes = {"root":"wds_1_100_1_Input__root","text-tiny-thin":"wds_1_100_1_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_100_1_StylableTypography__text-small-thin","text-medium-thin":"wds_1_100_1_StylableTypography__text-medium-thin","wrapper":"wds_1_100_1_Input__wrapper","input":"wds_1_100_1_Input__input","disabled":"wds_1_100_1_Input__disabled","readOnly":"wds_1_100_1_Input__readOnly","suffixes":"wds_1_100_1_Input__suffixes","suffix":"wds_1_100_1_Input__suffix","statusWrapper":"wds_1_100_1_Input__statusWrapper","clearButtonWrapper":"wds_1_100_1_Input__clearButtonWrapper","menuArrow":"wds_1_100_1_Input__menuArrow","clearButton":"wds_1_100_1_Input__clearButton"};
|
|
44133
44150
|
var Input_st_css_keyframes = {};
|
|
44134
44151
|
var Input_st_css_layers = {};
|
|
44135
44152
|
var Input_st_css_containers = {};
|
|
44136
44153
|
var Input_st_css_stVars = {};
|
|
44137
|
-
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-destructive-tertiary-hover":"--wds-color-border-destructive-tertiary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","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-border-warning-secondary-hover":"--wds-color-border-warning-secondary-hover","wds-color-border-warning-tertiary-hover":"--wds-color-border-warning-tertiary-hover","wds-color-fill-standard-secondary":"--wds-color-fill-standard-secondary","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-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","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-primary":"--wds-color-text-primary","wds-color-text-standard-primary":"--wds-color-text-standard-primary","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-shadow-focus-destructive":"--wds-shadow-focus-destructive","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-shadow-focus-warning":"--wds-shadow-focus-warning","wds-space-0":"--wds-space-0","wds-space-50":"--wds-space-50","wds-space-100":"--wds-space-100","border-color-hover":"--
|
|
44154
|
+
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-destructive-tertiary-hover":"--wds-color-border-destructive-tertiary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","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-border-warning-secondary-hover":"--wds-color-border-warning-secondary-hover","wds-color-border-warning-tertiary-hover":"--wds-color-border-warning-tertiary-hover","wds-color-fill-standard-secondary":"--wds-color-fill-standard-secondary","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-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","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-primary":"--wds-color-text-primary","wds-color-text-standard-primary":"--wds-color-text-standard-primary","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-shadow-focus-destructive":"--wds-shadow-focus-destructive","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-shadow-focus-warning":"--wds-shadow-focus-warning","wds-space-0":"--wds-space-0","wds-space-50":"--wds-space-50","wds-space-100":"--wds-space-100","border-color-hover":"--wds_1_100_1_Input-border-color-hover","border-color-hover-destructive":"--wds_1_100_1_Input-border-color-hover-destructive","border-color-hover-warning":"--wds_1_100_1_Input-border-color-hover-warning"};
|
|
44138
44155
|
|
|
44139
44156
|
|
|
44140
44157
|
|
|
@@ -44188,7 +44205,7 @@ const FormFieldSpinnerDown_n=({size:e,...o})=>external_React_.createElement("svg
|
|
|
44188
44205
|
|
|
44189
44206
|
|
|
44190
44207
|
|
|
44191
|
-
var Ticker_st_css_namespace_ = "
|
|
44208
|
+
var Ticker_st_css_namespace_ = "wds_1_100_1_Ticker";
|
|
44192
44209
|
var Ticker_st_css_style_ = classesRuntime.bind(null, Ticker_st_css_namespace_);
|
|
44193
44210
|
|
|
44194
44211
|
var Ticker_st_css_cssStates = statesRuntime.bind(null, Ticker_st_css_namespace_);
|
|
@@ -44196,7 +44213,7 @@ var Ticker_st_css_style = (/* unused pure expression or super */ null && (Ticker
|
|
|
44196
44213
|
var Ticker_st_css_st = Ticker_st_css_style_;
|
|
44197
44214
|
|
|
44198
44215
|
var Ticker_st_css_namespace = (/* unused pure expression or super */ null && (Ticker_st_css_namespace_));
|
|
44199
|
-
var Ticker_st_css_classes = {"root":"
|
|
44216
|
+
var Ticker_st_css_classes = {"root":"wds_1_100_1_Ticker__root","up":"wds_1_100_1_Ticker__up","down":"wds_1_100_1_Ticker__down"};
|
|
44200
44217
|
var Ticker_st_css_keyframes = {};
|
|
44201
44218
|
var Ticker_st_css_layers = {};
|
|
44202
44219
|
var Ticker_st_css_containers = {};
|
|
@@ -44270,7 +44287,7 @@ Ticker.propTypes = {
|
|
|
44270
44287
|
|
|
44271
44288
|
|
|
44272
44289
|
|
|
44273
|
-
var IconAffix_st_css_namespace_ = "
|
|
44290
|
+
var IconAffix_st_css_namespace_ = "wds_1_100_1_IconAffix";
|
|
44274
44291
|
var IconAffix_st_css_style_ = classesRuntime.bind(null, IconAffix_st_css_namespace_);
|
|
44275
44292
|
|
|
44276
44293
|
var IconAffix_st_css_cssStates = statesRuntime.bind(null, IconAffix_st_css_namespace_);
|
|
@@ -44278,7 +44295,7 @@ var IconAffix_st_css_style = (/* unused pure expression or super */ null && (Ico
|
|
|
44278
44295
|
var IconAffix_st_css_st = IconAffix_st_css_style_;
|
|
44279
44296
|
|
|
44280
44297
|
var IconAffix_st_css_namespace = (/* unused pure expression or super */ null && (IconAffix_st_css_namespace_));
|
|
44281
|
-
var IconAffix_st_css_classes = {"root":"
|
|
44298
|
+
var IconAffix_st_css_classes = {"root":"wds_1_100_1_IconAffix__root"};
|
|
44282
44299
|
var IconAffix_st_css_keyframes = {};
|
|
44283
44300
|
var IconAffix_st_css_layers = {};
|
|
44284
44301
|
var IconAffix_st_css_containers = {};
|
|
@@ -44319,7 +44336,7 @@ IconAffix.propTypes = {
|
|
|
44319
44336
|
|
|
44320
44337
|
|
|
44321
44338
|
|
|
44322
|
-
var Affix_st_css_namespace_ = "
|
|
44339
|
+
var Affix_st_css_namespace_ = "wds_1_100_1_Affix";
|
|
44323
44340
|
var Affix_st_css_style_ = classesRuntime.bind(null, Affix_st_css_namespace_);
|
|
44324
44341
|
|
|
44325
44342
|
var Affix_st_css_cssStates = statesRuntime.bind(null, Affix_st_css_namespace_);
|
|
@@ -44327,7 +44344,7 @@ var Affix_st_css_style = (/* unused pure expression or super */ null && (Affix_s
|
|
|
44327
44344
|
var Affix_st_css_st = Affix_st_css_style_;
|
|
44328
44345
|
|
|
44329
44346
|
var Affix_st_css_namespace = (/* unused pure expression or super */ null && (Affix_st_css_namespace_));
|
|
44330
|
-
var Affix_st_css_classes = {"root":"
|
|
44347
|
+
var Affix_st_css_classes = {"root":"wds_1_100_1_Affix__root","text-tiny-thin":"wds_1_100_1_StylableTypography__text-tiny-thin","text-small-normal":"wds_1_100_1_StylableTypography__text-small-normal","text-small-thin":"wds_1_100_1_StylableTypography__text-small-thin","text-medium-normal":"wds_1_100_1_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_100_1_StylableTypography__text-medium-thin"};
|
|
44331
44348
|
var Affix_st_css_keyframes = {};
|
|
44332
44349
|
var Affix_st_css_layers = {};
|
|
44333
44350
|
var Affix_st_css_containers = {};
|
|
@@ -44364,7 +44381,7 @@ Affix.propTypes = {
|
|
|
44364
44381
|
|
|
44365
44382
|
|
|
44366
44383
|
|
|
44367
|
-
var Group_st_css_namespace_ = "
|
|
44384
|
+
var Group_st_css_namespace_ = "wds_1_100_1_Group";
|
|
44368
44385
|
var Group_st_css_style_ = classesRuntime.bind(null, Group_st_css_namespace_);
|
|
44369
44386
|
|
|
44370
44387
|
var Group_st_css_cssStates = statesRuntime.bind(null, Group_st_css_namespace_);
|
|
@@ -44372,7 +44389,7 @@ var Group_st_css_style = (/* unused pure expression or super */ null && (Group_s
|
|
|
44372
44389
|
var Group_st_css_st = (/* unused pure expression or super */ null && (Group_st_css_style_));
|
|
44373
44390
|
|
|
44374
44391
|
var Group_st_css_namespace = (/* unused pure expression or super */ null && (Group_st_css_namespace_));
|
|
44375
|
-
var Group_st_css_classes = {"root":"
|
|
44392
|
+
var Group_st_css_classes = {"root":"wds_1_100_1_Group__root"};
|
|
44376
44393
|
var Group_st_css_keyframes = {};
|
|
44377
44394
|
var Group_st_css_layers = {};
|
|
44378
44395
|
var Group_st_css_containers = {};
|
|
@@ -44405,7 +44422,7 @@ const DropDownArrow_t=({size:r,...e})=>external_React_.createElement("svg",{view
|
|
|
44405
44422
|
|
|
44406
44423
|
|
|
44407
44424
|
|
|
44408
|
-
var StatusIndicator_st_css_namespace_ = "
|
|
44425
|
+
var StatusIndicator_st_css_namespace_ = "wds_1_100_1_StatusIndicator";
|
|
44409
44426
|
var StatusIndicator_st_css_style_ = classesRuntime.bind(null, StatusIndicator_st_css_namespace_);
|
|
44410
44427
|
|
|
44411
44428
|
var StatusIndicator_st_css_cssStates = statesRuntime.bind(null, StatusIndicator_st_css_namespace_);
|
|
@@ -44413,7 +44430,7 @@ var StatusIndicator_st_css_style = (/* unused pure expression or super */ null &
|
|
|
44413
44430
|
var StatusIndicator_st_css_st = StatusIndicator_st_css_style_;
|
|
44414
44431
|
|
|
44415
44432
|
var StatusIndicator_st_css_namespace = (/* unused pure expression or super */ null && (StatusIndicator_st_css_namespace_));
|
|
44416
|
-
var StatusIndicator_st_css_classes = {"root":"
|
|
44433
|
+
var StatusIndicator_st_css_classes = {"root":"wds_1_100_1_StatusIndicator__root"};
|
|
44417
44434
|
var StatusIndicator_st_css_keyframes = {};
|
|
44418
44435
|
var StatusIndicator_st_css_layers = {};
|
|
44419
44436
|
var StatusIndicator_st_css_containers = {};
|
|
@@ -45252,7 +45269,7 @@ const DROPDOWN_LAYOUT_DIRECTIONS = {
|
|
|
45252
45269
|
|
|
45253
45270
|
|
|
45254
45271
|
|
|
45255
|
-
var DropdownLayout_st_css_namespace_ = "
|
|
45272
|
+
var DropdownLayout_st_css_namespace_ = "wds_1_100_1_DropdownLayout";
|
|
45256
45273
|
var DropdownLayout_st_css_style_ = classesRuntime.bind(null, DropdownLayout_st_css_namespace_);
|
|
45257
45274
|
|
|
45258
45275
|
var DropdownLayout_st_css_cssStates = statesRuntime.bind(null, DropdownLayout_st_css_namespace_);
|
|
@@ -45260,7 +45277,7 @@ var DropdownLayout_st_css_style = (/* unused pure expression or super */ null &&
|
|
|
45260
45277
|
var DropdownLayout_st_css_st = DropdownLayout_st_css_style_;
|
|
45261
45278
|
|
|
45262
45279
|
var DropdownLayout_st_css_namespace = (/* unused pure expression or super */ null && (DropdownLayout_st_css_namespace_));
|
|
45263
|
-
var DropdownLayout_st_css_classes = {"root":"
|
|
45280
|
+
var DropdownLayout_st_css_classes = {"root":"wds_1_100_1_DropdownLayout__root","heading-h6":"wds_1_100_1_StylableTypography__heading-h6","text-medium-normal":"wds_1_100_1_StylableTypography__text-medium-normal","defaultScrollBar":"wds_1_100_1_defaultscrollbar__defaultScrollBar","contentContainer":"wds_1_100_1_DropdownLayout__contentContainer","options":"wds_1_100_1_DropdownLayout__options","option":"wds_1_100_1_DropdownLayout__option","selectableOption":"wds_1_100_1_DropdownLayout__selectableOption","arrow":"wds_1_100_1_DropdownLayout__arrow","loader":"wds_1_100_1_DropdownLayout__loader","linkItem":"wds_1_100_1_DropdownLayout__linkItem"};
|
|
45264
45281
|
var DropdownLayout_st_css_keyframes = {};
|
|
45265
45282
|
var DropdownLayout_st_css_layers = {};
|
|
45266
45283
|
var DropdownLayout_st_css_containers = {};
|
|
@@ -45279,7 +45296,7 @@ var DropdownLayout_st_css_vars = {"wds-input-value-font-size-medium":"--wds-inpu
|
|
|
45279
45296
|
|
|
45280
45297
|
|
|
45281
45298
|
|
|
45282
|
-
var ListItemSection_st_css_namespace_ = "
|
|
45299
|
+
var ListItemSection_st_css_namespace_ = "wds_1_100_1_ListItemSection";
|
|
45283
45300
|
var ListItemSection_st_css_style_ = classesRuntime.bind(null, ListItemSection_st_css_namespace_);
|
|
45284
45301
|
|
|
45285
45302
|
var ListItemSection_st_css_cssStates = statesRuntime.bind(null, ListItemSection_st_css_namespace_);
|
|
@@ -45287,7 +45304,7 @@ var ListItemSection_st_css_style = (/* unused pure expression or super */ null &
|
|
|
45287
45304
|
var ListItemSection_st_css_st = ListItemSection_st_css_style_;
|
|
45288
45305
|
|
|
45289
45306
|
var ListItemSection_st_css_namespace = (/* unused pure expression or super */ null && (ListItemSection_st_css_namespace_));
|
|
45290
|
-
var ListItemSection_st_css_classes = {"root":"
|
|
45307
|
+
var ListItemSection_st_css_classes = {"root":"wds_1_100_1_ListItemSection__root","title":"wds_1_100_1_ListItemSection__title","titleWrapper":"wds_1_100_1_ListItemSection__titleWrapper","suffixWrapper":"wds_1_100_1_ListItemSection__suffixWrapper","suffix":"wds_1_100_1_ListItemSection__suffix"};
|
|
45291
45308
|
var ListItemSection_st_css_keyframes = {};
|
|
45292
45309
|
var ListItemSection_st_css_layers = {};
|
|
45293
45310
|
var ListItemSection_st_css_containers = {};
|
|
@@ -45439,7 +45456,9 @@ const listItemSectionBuilder = ({ id, className, dataHook, type, title, suffix,
|
|
|
45439
45456
|
|
|
45440
45457
|
|
|
45441
45458
|
|
|
45442
|
-
|
|
45459
|
+
|
|
45460
|
+
|
|
45461
|
+
var ListItemAction_st_css_namespace_ = "wds_1_100_1_ListItemAction";
|
|
45443
45462
|
var ListItemAction_st_css_style_ = classesRuntime.bind(null, ListItemAction_st_css_namespace_);
|
|
45444
45463
|
|
|
45445
45464
|
var ListItemAction_st_css_cssStates = statesRuntime.bind(null, ListItemAction_st_css_namespace_);
|
|
@@ -45447,12 +45466,12 @@ var ListItemAction_st_css_style = (/* unused pure expression or super */ null &&
|
|
|
45447
45466
|
var ListItemAction_st_css_st = ListItemAction_st_css_style_;
|
|
45448
45467
|
|
|
45449
45468
|
var ListItemAction_st_css_namespace = (/* unused pure expression or super */ null && (ListItemAction_st_css_namespace_));
|
|
45450
|
-
var ListItemAction_st_css_classes = {"root":"
|
|
45469
|
+
var ListItemAction_st_css_classes = {"root":"wds_1_100_1_ListItemAction__root","text":"wds_1_100_1_ListItemAction__text","prefixIcon":"wds_1_100_1_ListItemAction__prefixIcon","suffixIcon":"wds_1_100_1_ListItemAction__suffixIcon","textBox":"wds_1_100_1_ListItemAction__textBox","suffix":"wds_1_100_1_ListItemAction__suffix"};
|
|
45451
45470
|
var ListItemAction_st_css_keyframes = {};
|
|
45452
45471
|
var ListItemAction_st_css_layers = {};
|
|
45453
45472
|
var ListItemAction_st_css_containers = {};
|
|
45454
45473
|
var ListItemAction_st_css_stVars = {};
|
|
45455
|
-
var ListItemAction_st_css_vars = {};
|
|
45474
|
+
var ListItemAction_st_css_vars = {"wds-list-item-action-padding-horizontal-medium":"--wds-list-item-action-padding-horizontal-medium","wds-list-item-action-padding-horizontal-small":"--wds-list-item-action-padding-horizontal-small","wds-list-item-action-padding-vertical-medium":"--wds-list-item-action-padding-vertical-medium","wds-list-item-action-padding-vertical-medium-screen-small":"--wds-list-item-action-padding-vertical-medium-screen-small","wds-list-item-action-padding-vertical-small":"--wds-list-item-action-padding-vertical-small","wds-list-item-action-padding-vertical-small-screen-small":"--wds-list-item-action-padding-vertical-small-screen-small","wds-space-200":"--wds-space-200","wds-color-fill-dark-tertiary":"--wds-color-fill-dark-tertiary","wds-color-fill-destructive-tertiary":"--wds-color-fill-destructive-tertiary","wds-color-fill-destructive-tertiary-active":"--wds-color-fill-destructive-tertiary-active","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-standard-tertiary-active":"--wds-color-fill-standard-tertiary-active","wds-color-text-primary":"--wds-color-text-primary"};
|
|
45456
45475
|
|
|
45457
45476
|
|
|
45458
45477
|
|
|
@@ -45526,8 +45545,15 @@ class ListItemActionComponent extends (external_React_default()).PureComponent {
|
|
|
45526
45545
|
render() {
|
|
45527
45546
|
const { dataHook, disabled, skin, prefixIcon, onClick, focusableOnFocus, focusableOnBlur, as: Component, tabIndex, onKeyDown, autoFocus, highlighted, className, subtitle, suffix, suffixIcon, ...others } = this.props;
|
|
45528
45547
|
// since we're spreading the "rest" props, we don't want to pass
|
|
45529
|
-
const { selected, hovered, ellipsis, title, shouldFocusWithoutScroll, ...rest } = others;
|
|
45530
|
-
return (external_React_default().createElement(WixDesignSystemContext.Consumer, null, ({ newColorsBranding }) => (external_React_default().createElement(Component, { ...rest, className: ListItemAction_st_css_st(ListItemAction_st_css_classes.root, {
|
|
45548
|
+
const { selected, hovered, ellipsis, title, shouldFocusWithoutScroll, size, ...rest } = others;
|
|
45549
|
+
return (external_React_default().createElement(WixDesignSystemContext.Consumer, null, ({ newColorsBranding }) => (external_React_default().createElement(Component, { ...rest, className: ListItemAction_st_css_st(ListItemAction_st_css_classes.root, {
|
|
45550
|
+
skin,
|
|
45551
|
+
disabled,
|
|
45552
|
+
highlighted,
|
|
45553
|
+
ellipsis,
|
|
45554
|
+
newColorsBranding,
|
|
45555
|
+
size,
|
|
45556
|
+
}, className), "data-skin": skin, "data-disabled": disabled, tabIndex: tabIndex, ref: ref => (this.innerComponentRef = ref), autoFocus: autoFocus, onFocus: focusableOnFocus, onBlur: focusableOnBlur, type: Component === 'button' ? 'button' : undefined, "data-hook": dataHook, onKeyDown: !disabled ? onKeyDown : undefined, onClick: !disabled ? onClick : undefined },
|
|
45531
45557
|
prefixIcon && this._renderPrefix(),
|
|
45532
45558
|
this._renderText(),
|
|
45533
45559
|
suffix && this._renderSuffix(),
|
|
@@ -46304,7 +46330,7 @@ DropdownLayout.NONE_SELECTED_ID = DropdownLayout_NOT_HOVERED_INDEX;
|
|
|
46304
46330
|
|
|
46305
46331
|
|
|
46306
46332
|
|
|
46307
|
-
var DropdownBase_st_css_namespace_ = "
|
|
46333
|
+
var DropdownBase_st_css_namespace_ = "wds_1_100_1_DropdownBase";
|
|
46308
46334
|
var DropdownBase_st_css_style_ = classesRuntime.bind(null, DropdownBase_st_css_namespace_);
|
|
46309
46335
|
|
|
46310
46336
|
var DropdownBase_st_css_cssStates = statesRuntime.bind(null, DropdownBase_st_css_namespace_);
|
|
@@ -46312,7 +46338,7 @@ var DropdownBase_st_css_style = (/* unused pure expression or super */ null && (
|
|
|
46312
46338
|
var DropdownBase_st_css_st = DropdownBase_st_css_style_;
|
|
46313
46339
|
|
|
46314
46340
|
var DropdownBase_st_css_namespace = (/* unused pure expression or super */ null && (DropdownBase_st_css_namespace_));
|
|
46315
|
-
var DropdownBase_st_css_classes = {"root":"
|
|
46341
|
+
var DropdownBase_st_css_classes = {"root":"wds_1_100_1_DropdownBase__root","list":"wds_1_100_1_DropdownBase__list"};
|
|
46316
46342
|
var DropdownBase_st_css_keyframes = {};
|
|
46317
46343
|
var DropdownBase_st_css_layers = {};
|
|
46318
46344
|
var DropdownBase_st_css_containers = {};
|
|
@@ -46332,7 +46358,7 @@ var DropdownBase_st_css_vars = {};
|
|
|
46332
46358
|
|
|
46333
46359
|
|
|
46334
46360
|
|
|
46335
|
-
var InputWithOptions_st_css_namespace_ = "
|
|
46361
|
+
var InputWithOptions_st_css_namespace_ = "wds_1_100_1_InputWithOptions";
|
|
46336
46362
|
var InputWithOptions_st_css_style_ = classesRuntime.bind(null, InputWithOptions_st_css_namespace_);
|
|
46337
46363
|
|
|
46338
46364
|
var InputWithOptions_st_css_cssStates = statesRuntime.bind(null, InputWithOptions_st_css_namespace_);
|
|
@@ -46340,7 +46366,7 @@ var InputWithOptions_st_css_style = (/* unused pure expression or super */ null
|
|
|
46340
46366
|
var InputWithOptions_st_css_st = InputWithOptions_st_css_style_;
|
|
46341
46367
|
|
|
46342
46368
|
var InputWithOptions_st_css_namespace = (/* unused pure expression or super */ null && (InputWithOptions_st_css_namespace_));
|
|
46343
|
-
var InputWithOptions_st_css_classes = {"root":"
|
|
46369
|
+
var InputWithOptions_st_css_classes = {"root":"wds_1_100_1_InputWithOptions__root","nativeSelectWrapper":"wds_1_100_1_InputWithOptions__nativeSelectWrapper","nativeSelect":"wds_1_100_1_InputWithOptions__nativeSelect","nativeOption":"wds_1_100_1_InputWithOptions__nativeOption"};
|
|
46344
46370
|
var InputWithOptions_st_css_keyframes = {};
|
|
46345
46371
|
var InputWithOptions_st_css_layers = {};
|
|
46346
46372
|
var InputWithOptions_st_css_containers = {};
|
|
@@ -46797,7 +46823,7 @@ InputWithOptions.displayName = 'InputWithOptions';
|
|
|
46797
46823
|
|
|
46798
46824
|
|
|
46799
46825
|
|
|
46800
|
-
var Dropdown_st_css_namespace_ = "
|
|
46826
|
+
var Dropdown_st_css_namespace_ = "wds_1_100_1_Dropdown";
|
|
46801
46827
|
var Dropdown_st_css_style_ = classesRuntime.bind(null, Dropdown_st_css_namespace_);
|
|
46802
46828
|
|
|
46803
46829
|
var Dropdown_st_css_cssStates = statesRuntime.bind(null, Dropdown_st_css_namespace_);
|
|
@@ -46805,7 +46831,7 @@ var Dropdown_st_css_style = (/* unused pure expression or super */ null && (Drop
|
|
|
46805
46831
|
var Dropdown_st_css_st = Dropdown_st_css_style_;
|
|
46806
46832
|
|
|
46807
46833
|
var Dropdown_st_css_namespace = (/* unused pure expression or super */ null && (Dropdown_st_css_namespace_));
|
|
46808
|
-
var Dropdown_st_css_classes = {"root":"
|
|
46834
|
+
var Dropdown_st_css_classes = {"root":"wds_1_100_1_Dropdown__root","input":"wds_1_100_1_Input__input","showPointer":"wds_1_100_1_Dropdown__showPointer"};
|
|
46809
46835
|
var Dropdown_st_css_keyframes = {};
|
|
46810
46836
|
var Dropdown_st_css_layers = {};
|
|
46811
46837
|
var Dropdown_st_css_containers = {};
|
|
@@ -59811,7 +59837,7 @@ const testDataHooks = {
|
|
|
59811
59837
|
|
|
59812
59838
|
|
|
59813
59839
|
|
|
59814
|
-
var IconButton_st_css_namespace_ = "
|
|
59840
|
+
var IconButton_st_css_namespace_ = "wds_1_100_1_IconButton";
|
|
59815
59841
|
var IconButton_st_css_style_ = classesRuntime.bind(null, IconButton_st_css_namespace_);
|
|
59816
59842
|
|
|
59817
59843
|
var IconButton_st_css_cssStates = statesRuntime.bind(null, IconButton_st_css_namespace_);
|
|
@@ -59819,7 +59845,7 @@ var IconButton_st_css_style = (/* unused pure expression or super */ null && (Ic
|
|
|
59819
59845
|
var IconButton_st_css_st = IconButton_st_css_style_;
|
|
59820
59846
|
|
|
59821
59847
|
var IconButton_st_css_namespace = (/* unused pure expression or super */ null && (IconButton_st_css_namespace_));
|
|
59822
|
-
var IconButton_st_css_classes = {"root":"
|
|
59848
|
+
var IconButton_st_css_classes = {"root":"wds_1_100_1_IconButton__root"};
|
|
59823
59849
|
var IconButton_st_css_keyframes = {};
|
|
59824
59850
|
var IconButton_st_css_layers = {};
|
|
59825
59851
|
var IconButton_st_css_containers = {};
|
|
@@ -59936,7 +59962,7 @@ const Avatar_constants_dataHooks = {
|
|
|
59936
59962
|
|
|
59937
59963
|
|
|
59938
59964
|
|
|
59939
|
-
var AvatarCore_st_css_namespace_ = "
|
|
59965
|
+
var AvatarCore_st_css_namespace_ = "wds_1_100_1_AvatarCore";
|
|
59940
59966
|
var AvatarCore_st_css_style_ = classesRuntime.bind(null, AvatarCore_st_css_namespace_);
|
|
59941
59967
|
|
|
59942
59968
|
var AvatarCore_st_css_cssStates = statesRuntime.bind(null, AvatarCore_st_css_namespace_);
|
|
@@ -59944,7 +59970,7 @@ var AvatarCore_st_css_style = (/* unused pure expression or super */ null && (Av
|
|
|
59944
59970
|
var AvatarCore_st_css_st = AvatarCore_st_css_style_;
|
|
59945
59971
|
|
|
59946
59972
|
var AvatarCore_st_css_namespace = (/* unused pure expression or super */ null && (AvatarCore_st_css_namespace_));
|
|
59947
|
-
var AvatarCore_st_css_classes = {"root":"
|
|
59973
|
+
var AvatarCore_st_css_classes = {"root":"wds_1_100_1_AvatarCore__root","content":"wds_1_100_1_AvatarCore__content"};
|
|
59948
59974
|
var AvatarCore_st_css_keyframes = {};
|
|
59949
59975
|
var AvatarCore_st_css_layers = {};
|
|
59950
59976
|
var AvatarCore_st_css_containers = {};
|
|
@@ -59962,7 +59988,7 @@ var AvatarCore_st_css_vars = {};
|
|
|
59962
59988
|
|
|
59963
59989
|
|
|
59964
59990
|
|
|
59965
|
-
var gradients_st_css_namespace_ = "
|
|
59991
|
+
var gradients_st_css_namespace_ = "wds_1_100_1_gradients";
|
|
59966
59992
|
var gradients_st_css_style_ = classesRuntime.bind(null, gradients_st_css_namespace_);
|
|
59967
59993
|
|
|
59968
59994
|
var gradients_st_css_cssStates = statesRuntime.bind(null, gradients_st_css_namespace_);
|
|
@@ -59970,7 +59996,7 @@ var gradients_st_css_style = (/* unused pure expression or super */ null && (gra
|
|
|
59970
59996
|
var gradients_st_css_st = (/* unused pure expression or super */ null && (gradients_st_css_style_));
|
|
59971
59997
|
|
|
59972
59998
|
var gradients_st_css_namespace = (/* unused pure expression or super */ null && (gradients_st_css_namespace_));
|
|
59973
|
-
var gradients_st_css_classes = {"root":"
|
|
59999
|
+
var gradients_st_css_classes = {"root":"wds_1_100_1_gradients__root"};
|
|
59974
60000
|
var gradients_st_css_keyframes = {};
|
|
59975
60001
|
var gradients_st_css_layers = {};
|
|
59976
60002
|
var gradients_st_css_containers = {};
|
|
@@ -59994,7 +60020,7 @@ var gradients_st_css_vars = {};
|
|
|
59994
60020
|
|
|
59995
60021
|
|
|
59996
60022
|
|
|
59997
|
-
var Avatar_st_css_namespace_ = "
|
|
60023
|
+
var Avatar_st_css_namespace_ = "wds_1_100_1_Avatar";
|
|
59998
60024
|
var Avatar_st_css_style_ = classesRuntime.bind(null, Avatar_st_css_namespace_);
|
|
59999
60025
|
|
|
60000
60026
|
var Avatar_st_css_cssStates = statesRuntime.bind(null, Avatar_st_css_namespace_);
|
|
@@ -60002,7 +60028,7 @@ var Avatar_st_css_style = (/* unused pure expression or super */ null && (Avatar
|
|
|
60002
60028
|
var Avatar_st_css_st = Avatar_st_css_style_;
|
|
60003
60029
|
|
|
60004
60030
|
var Avatar_st_css_namespace = (/* unused pure expression or super */ null && (Avatar_st_css_namespace_));
|
|
60005
|
-
var Avatar_st_css_classes = {"root":"
|
|
60031
|
+
var Avatar_st_css_classes = {"root":"wds_1_100_1_Avatar__root","text-small-bold":"wds_1_100_1_StylableTypography__text-small-bold","text-tiny-normal":"wds_1_100_1_StylableTypography__text-tiny-normal","text-medium-normal":"wds_1_100_1_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_100_1_StylableTypography__text-medium-bold","text-tiny-bold":"wds_1_100_1_StylableTypography__text-tiny-bold","placeholder":"wds_1_100_1_Avatar__placeholder","avatarContainer":"wds_1_100_1_Avatar__avatarContainer","coreAvatar":"wds_1_100_1_Avatar__coreAvatar","avatar":"wds_1_100_1_Avatar__avatar","presence":"wds_1_100_1_Avatar__presence","indication":"wds_1_100_1_Avatar__indication","iconButtonShadow":"wds_1_100_1_Avatar__iconButtonShadow","colorA1":"wds_1_100_1_Avatar__colorA1","colorA2":"wds_1_100_1_Avatar__colorA2","colorA3":"wds_1_100_1_Avatar__colorA3","colorA4":"wds_1_100_1_Avatar__colorA4","colorA5":"wds_1_100_1_Avatar__colorA5","colorA6":"wds_1_100_1_Avatar__colorA6","loaderContainer":"wds_1_100_1_Avatar__loaderContainer","overlay":"wds_1_100_1_Avatar__overlay","loader":"wds_1_100_1_Avatar__loader"};
|
|
60006
60032
|
var Avatar_st_css_keyframes = {};
|
|
60007
60033
|
var Avatar_st_css_layers = {};
|
|
60008
60034
|
var Avatar_st_css_containers = {};
|
|
@@ -60497,7 +60523,7 @@ const customStyles=(props,rtl)=>{return{valueContainer:provided=>({...provided,p
|
|
|
60497
60523
|
|
|
60498
60524
|
|
|
60499
60525
|
|
|
60500
|
-
var Tag_st_css_namespace_ = "
|
|
60526
|
+
var Tag_st_css_namespace_ = "wds_1_100_1_Tag";
|
|
60501
60527
|
var Tag_st_css_style_ = classesRuntime.bind(null, Tag_st_css_namespace_);
|
|
60502
60528
|
|
|
60503
60529
|
var Tag_st_css_cssStates = statesRuntime.bind(null, Tag_st_css_namespace_);
|
|
@@ -60505,7 +60531,7 @@ var Tag_st_css_style = (/* unused pure expression or super */ null && (Tag_st_cs
|
|
|
60505
60531
|
var Tag_st_css_st = Tag_st_css_style_;
|
|
60506
60532
|
|
|
60507
60533
|
var Tag_st_css_namespace = (/* unused pure expression or super */ null && (Tag_st_css_namespace_));
|
|
60508
|
-
var Tag_st_css_classes = {"root":"
|
|
60534
|
+
var Tag_st_css_classes = {"root":"wds_1_100_1_Tag__root","thumb":"wds_1_100_1_Tag__thumb","removeButton":"wds_1_100_1_Tag__removeButton","text":"wds_1_100_1_Tag__text"};
|
|
60509
60535
|
var Tag_st_css_keyframes = {};
|
|
60510
60536
|
var Tag_st_css_layers = {};
|
|
60511
60537
|
var Tag_st_css_containers = {};
|
|
@@ -60667,7 +60693,7 @@ Tag.defaultProps = {
|
|
|
60667
60693
|
|
|
60668
60694
|
|
|
60669
60695
|
|
|
60670
|
-
var InputWithTags_st_css_namespace_ = "
|
|
60696
|
+
var InputWithTags_st_css_namespace_ = "wds_1_100_1_InputWithTags";
|
|
60671
60697
|
var InputWithTags_st_css_style_ = classesRuntime.bind(null, InputWithTags_st_css_namespace_);
|
|
60672
60698
|
|
|
60673
60699
|
var InputWithTags_st_css_cssStates = statesRuntime.bind(null, InputWithTags_st_css_namespace_);
|
|
@@ -60675,7 +60701,7 @@ var InputWithTags_st_css_style = (/* unused pure expression or super */ null &&
|
|
|
60675
60701
|
var InputWithTags_st_css_st = InputWithTags_st_css_style_;
|
|
60676
60702
|
|
|
60677
60703
|
var InputWithTags_st_css_namespace = (/* unused pure expression or super */ null && (InputWithTags_st_css_namespace_));
|
|
60678
|
-
var InputWithTags_st_css_classes = {"root":"
|
|
60704
|
+
var InputWithTags_st_css_classes = {"root":"wds_1_100_1_InputWithTags__root","text-medium-normal":"wds_1_100_1_StylableTypography__text-medium-normal","inputWrapper":"wds_1_100_1_InputWithTags__inputWrapper","emptyInput":"wds_1_100_1_InputWithTags__emptyInput","selectMode":"wds_1_100_1_InputWithTags__selectMode","inputSuffix":"wds_1_100_1_InputWithTags__inputSuffix","menuArrow":"wds_1_100_1_InputWithTags__menuArrow","statusIndicator":"wds_1_100_1_InputWithTags__statusIndicator","suffixes":"wds_1_100_1_InputWithTags__suffixes","hiddenDiv":"wds_1_100_1_InputWithTags__hiddenDiv","hasMaxHeight":"wds_1_100_1_InputWithTags__hasMaxHeight","customSuffix":"wds_1_100_1_InputWithTags__customSuffix","tagsContainer":"wds_1_100_1_InputWithTags__tagsContainer","draggedTag":"wds_1_100_1_InputWithTags__draggedTag","draggedTagPlaceholder":"wds_1_100_1_InputWithTags__draggedTagPlaceholder","input":"wds_1_100_1_InputWithTags__input"};
|
|
60679
60705
|
var InputWithTags_st_css_keyframes = {};
|
|
60680
60706
|
var InputWithTags_st_css_layers = {};
|
|
60681
60707
|
var InputWithTags_st_css_containers = {};
|
|
@@ -62775,7 +62801,7 @@ SortableListBase.propTypes = {
|
|
|
62775
62801
|
|
|
62776
62802
|
|
|
62777
62803
|
|
|
62778
|
-
var dnd_styles_st_css_namespace_ = "
|
|
62804
|
+
var dnd_styles_st_css_namespace_ = "wds_1_100_1_dndstyles";
|
|
62779
62805
|
var dnd_styles_st_css_style_ = classesRuntime.bind(null, dnd_styles_st_css_namespace_);
|
|
62780
62806
|
|
|
62781
62807
|
var dnd_styles_st_css_cssStates = statesRuntime.bind(null, dnd_styles_st_css_namespace_);
|
|
@@ -62783,7 +62809,7 @@ var dnd_styles_st_css_style = (/* unused pure expression or super */ null && (dn
|
|
|
62783
62809
|
var dnd_styles_st_css_st = (/* unused pure expression or super */ null && (dnd_styles_st_css_style_));
|
|
62784
62810
|
|
|
62785
62811
|
var dnd_styles_st_css_namespace = (/* unused pure expression or super */ null && (dnd_styles_st_css_namespace_));
|
|
62786
|
-
var dnd_styles_st_css_classes = {"root":"
|
|
62812
|
+
var dnd_styles_st_css_classes = {"root":"wds_1_100_1_dndstyles__root","item":"wds_1_100_1_dndstyles__item","itemPlaceholder":"wds_1_100_1_dndstyles__itemPlaceholder","itemPreview":"wds_1_100_1_dndstyles__itemPreview","list":"wds_1_100_1_dndstyles__list","gridItemPlaceholder":"wds_1_100_1_dndstyles__gridItemPlaceholder","isInitialPositionToDrop":"wds_1_100_1_dndstyles__isInitialPositionToDrop","withGridItemStrip":"wds_1_100_1_dndstyles__withGridItemStrip","withGridItemStripRight":"wds_1_100_1_dndstyles__withGridItemStripRight","gridItemPreview":"wds_1_100_1_dndstyles__gridItemPreview"};
|
|
62787
62813
|
var dnd_styles_st_css_keyframes = {};
|
|
62788
62814
|
var dnd_styles_st_css_layers = {};
|
|
62789
62815
|
var dnd_styles_st_css_containers = {};
|
|
@@ -62981,7 +63007,7 @@ var difference_default = /*#__PURE__*/__webpack_require__.n(difference);
|
|
|
62981
63007
|
|
|
62982
63008
|
|
|
62983
63009
|
|
|
62984
|
-
var MultiSelect_st_css_namespace_ = "
|
|
63010
|
+
var MultiSelect_st_css_namespace_ = "wds_1_100_1_MultiSelect";
|
|
62985
63011
|
var MultiSelect_st_css_style_ = classesRuntime.bind(null, MultiSelect_st_css_namespace_);
|
|
62986
63012
|
|
|
62987
63013
|
var MultiSelect_st_css_cssStates = statesRuntime.bind(null, MultiSelect_st_css_namespace_);
|
|
@@ -62989,7 +63015,7 @@ var MultiSelect_st_css_style = (/* unused pure expression or super */ null && (M
|
|
|
62989
63015
|
var MultiSelect_st_css_st = MultiSelect_st_css_style_;
|
|
62990
63016
|
|
|
62991
63017
|
var MultiSelect_st_css_namespace = (/* unused pure expression or super */ null && (MultiSelect_st_css_namespace_));
|
|
62992
|
-
var MultiSelect_st_css_classes = {"root":"
|
|
63018
|
+
var MultiSelect_st_css_classes = {"root":"wds_1_100_1_MultiSelect__root","inputWithTags":"wds_1_100_1_MultiSelect__inputWithTags","autoSizeInput":"wds_1_100_1_MultiSelect__autoSizeInput"};
|
|
62993
63019
|
var MultiSelect_st_css_keyframes = {};
|
|
62994
63020
|
var MultiSelect_st_css_layers = {};
|
|
62995
63021
|
var MultiSelect_st_css_containers = {};
|
|
@@ -63329,7 +63355,7 @@ if(false /* HMR */) {}
|
|
|
63329
63355
|
|
|
63330
63356
|
|
|
63331
63357
|
|
|
63332
|
-
var EmptyState_st_css_namespace_ = "
|
|
63358
|
+
var EmptyState_st_css_namespace_ = "wds_1_100_1_EmptyState";
|
|
63333
63359
|
var EmptyState_st_css_style_ = classesRuntime.bind(null, EmptyState_st_css_namespace_);
|
|
63334
63360
|
|
|
63335
63361
|
var EmptyState_st_css_cssStates = statesRuntime.bind(null, EmptyState_st_css_namespace_);
|
|
@@ -63337,7 +63363,7 @@ var EmptyState_st_css_style = (/* unused pure expression or super */ null && (Em
|
|
|
63337
63363
|
var EmptyState_st_css_st = EmptyState_st_css_style_;
|
|
63338
63364
|
|
|
63339
63365
|
var EmptyState_st_css_namespace = (/* unused pure expression or super */ null && (EmptyState_st_css_namespace_));
|
|
63340
|
-
var EmptyState_st_css_classes = {"root":"
|
|
63366
|
+
var EmptyState_st_css_classes = {"root":"wds_1_100_1_EmptyState__root","imageContainer":"wds_1_100_1_EmptyState__imageContainer","childrenContainer":"wds_1_100_1_EmptyState__childrenContainer","container":"wds_1_100_1_EmptyState__container","imageElement":"wds_1_100_1_EmptyState__imageElement","titleContainer":"wds_1_100_1_EmptyState__titleContainer","title":"wds_1_100_1_EmptyState__title","sectionTitle":"wds_1_100_1_EmptyState__sectionTitle","subtitle":"wds_1_100_1_EmptyState__subtitle","subtitleContainer":"wds_1_100_1_EmptyState__subtitleContainer"};
|
|
63341
63367
|
var EmptyState_st_css_keyframes = {};
|
|
63342
63368
|
var EmptyState_st_css_layers = {};
|
|
63343
63369
|
var EmptyState_st_css_containers = {};
|
|
@@ -64135,7 +64161,7 @@ const InfoIcon_constants_dataHooks = {
|
|
|
64135
64161
|
|
|
64136
64162
|
|
|
64137
64163
|
|
|
64138
|
-
var InfoIcon_st_css_namespace_ = "
|
|
64164
|
+
var InfoIcon_st_css_namespace_ = "wds_1_100_1_InfoIcon";
|
|
64139
64165
|
var InfoIcon_st_css_style_ = classesRuntime.bind(null, InfoIcon_st_css_namespace_);
|
|
64140
64166
|
|
|
64141
64167
|
var InfoIcon_st_css_cssStates = statesRuntime.bind(null, InfoIcon_st_css_namespace_);
|
|
@@ -64143,7 +64169,7 @@ var InfoIcon_st_css_style = (/* unused pure expression or super */ null && (Info
|
|
|
64143
64169
|
var InfoIcon_st_css_st = InfoIcon_st_css_style_;
|
|
64144
64170
|
|
|
64145
64171
|
var InfoIcon_st_css_namespace = (/* unused pure expression or super */ null && (InfoIcon_st_css_namespace_));
|
|
64146
|
-
var InfoIcon_st_css_classes = {"root":"
|
|
64172
|
+
var InfoIcon_st_css_classes = {"root":"wds_1_100_1_InfoIcon__root","icon":"wds_1_100_1_InfoIcon__icon"};
|
|
64147
64173
|
var InfoIcon_st_css_keyframes = {};
|
|
64148
64174
|
var InfoIcon_st_css_layers = {};
|
|
64149
64175
|
var InfoIcon_st_css_containers = {};
|
|
@@ -64166,11 +64192,10 @@ const iconComponentBySizeMap = {
|
|
|
64166
64192
|
small: InfoCircleSmall_r,
|
|
64167
64193
|
medium: InfoCircle_o,
|
|
64168
64194
|
};
|
|
64169
|
-
const InfoIcon = ({ dataHook, content, size = 'medium', tooltipProps, className, }) => {
|
|
64195
|
+
const InfoIcon = ({ dataHook, content, size = 'medium', tooltipProps, className, children, }) => {
|
|
64170
64196
|
const Icon = iconComponentBySizeMap[size];
|
|
64171
64197
|
return (external_React_default().createElement("div", { className: InfoIcon_st_css_st(InfoIcon_st_css_classes.root, className), "data-size": size, "data-hook": dataHook },
|
|
64172
|
-
external_React_default().createElement(Tooltip_Tooltip, { ...tooltipProps, content: content, dataHook: InfoIcon_constants_dataHooks.tooltip },
|
|
64173
|
-
external_React_default().createElement(Icon, { className: InfoIcon_st_css_classes.icon }))));
|
|
64198
|
+
external_React_default().createElement(Tooltip_Tooltip, { ...tooltipProps, content: content, dataHook: InfoIcon_constants_dataHooks.tooltip }, children ?? external_React_default().createElement(Icon, { className: InfoIcon_st_css_classes.icon }))));
|
|
64174
64199
|
};
|
|
64175
64200
|
InfoIcon.displayName = 'InfoIcon';
|
|
64176
64201
|
InfoIcon.propTypes = {
|
|
@@ -64187,6 +64212,8 @@ InfoIcon.propTypes = {
|
|
|
64187
64212
|
* @setTypeName TooltipCommonProps
|
|
64188
64213
|
*/
|
|
64189
64214
|
tooltipProps: prop_types_default().shape(TooltipCommonProps),
|
|
64215
|
+
/** A component to replace default the icon (internal use only). */
|
|
64216
|
+
children: (prop_types_default()).node,
|
|
64190
64217
|
};
|
|
64191
64218
|
/* harmony default export */ const InfoIcon_InfoIcon = (InfoIcon);
|
|
64192
64219
|
//# sourceMappingURL=InfoIcon.js.map
|
|
@@ -64213,7 +64240,7 @@ const FormField_constants_dataHooks = {
|
|
|
64213
64240
|
|
|
64214
64241
|
|
|
64215
64242
|
|
|
64216
|
-
var FormField_st_css_namespace_ = "
|
|
64243
|
+
var FormField_st_css_namespace_ = "wds_1_100_1_FormField";
|
|
64217
64244
|
var FormField_st_css_style_ = classesRuntime.bind(null, FormField_st_css_namespace_);
|
|
64218
64245
|
|
|
64219
64246
|
var FormField_st_css_cssStates = statesRuntime.bind(null, FormField_st_css_namespace_);
|
|
@@ -64221,7 +64248,7 @@ var FormField_st_css_style = (/* unused pure expression or super */ null && (For
|
|
|
64221
64248
|
var FormField_st_css_st = FormField_st_css_style_;
|
|
64222
64249
|
|
|
64223
64250
|
var FormField_st_css_namespace = (/* unused pure expression or super */ null && (FormField_st_css_namespace_));
|
|
64224
|
-
var FormField_st_css_classes = {"root":"
|
|
64251
|
+
var FormField_st_css_classes = {"root":"wds_1_100_1_FormField__root","text-small-thin":"wds_1_100_1_StylableTypography__text-small-thin","text-tiny-thin":"wds_1_100_1_StylableTypography__text-tiny-thin","label":"wds_1_100_1_FormField__label","labelIndicators":"wds_1_100_1_FormField__labelIndicators","children":"wds_1_100_1_FormField__children","statusMessage":"wds_1_100_1_FormField__statusMessage","suffix":"wds_1_100_1_FormField__suffix","labelRow":"wds_1_100_1_FormField__labelRow","labelRowMain":"wds_1_100_1_FormField__labelRowMain","asterisk":"wds_1_100_1_FormField__asterisk","charCount":"wds_1_100_1_FormField__charCount","infoIcon":"wds_1_100_1_FormField__infoIcon","statusIcon":"wds_1_100_1_FormField__statusIcon"};
|
|
64225
64252
|
var FormField_st_css_keyframes = {};
|
|
64226
64253
|
var FormField_st_css_layers = {};
|
|
64227
64254
|
var FormField_st_css_containers = {};
|
|
@@ -64238,6 +64265,12 @@ const StatusAlertFilledSmall_e=({size:t,...r})=>external_React_.createElement("s
|
|
|
64238
64265
|
;// CONCATENATED MODULE: ../../../node_modules/@wix/wix-ui-icons-common/dist/esm/general/dist/components/StatusWarningFilledSmall.js
|
|
64239
64266
|
const StatusWarningFilledSmall_a=({size:t,...e})=>external_React_.createElement("svg",{viewBox:"0 0 18 18",fill:"currentColor",width:t||"18",height:t||"18",...e},external_React_.createElement("path",{d:"M10.7037499,3.9623322 L15.7092882,11.9592754 C15.9070807,12.2850514 16.000829,12.6448689 16.000061,13 C15.9984263,13.6741191 15.6560657,14.3313518 15.0376694,14.7068067 C14.7247801,14.8967752 14.3657565,14.9972317 13.9997131,14.9972317 L4,14.9999236 C2.8954305,14.9999236 2,14.1045695 2,13 C2,12.6339566 2.10045645,12.2749331 2.29042497,11.9620437 L7.28459986,3.9623322 C7.66164996,3.34130849 8.32287747,2.99867105 9,2.99992355 C9.35233944,3.00069152 9.70898264,3.09451612 10.0321312,3.29071343 C10.3066867,3.45740786 10.5370555,3.68777667 10.7037499,3.9623322 Z M9,6 C8.44771525,6 8,6.44771525 8,7 L8,9 C8,9.55228475 8.44771525,10 9,10 C9.55228475,10 10,9.55228475 10,9 L10,7 C10,6.44771525 9.55228475,6 9,6 Z M9,11 C8.44771525,11 8,11.4477153 8,12 C8,12.5522847 8.44771525,13 9,13 C9.55228475,13 10,12.5522847 10,12 C10,11.4477153 9.55228475,11 9,11 Z"}));StatusWarningFilledSmall_a.displayName="StatusWarningFilledSmall";var StatusWarningFilledSmall_C=StatusWarningFilledSmall_a;
|
|
64240
64267
|
|
|
64268
|
+
;// CONCATENATED MODULE: ../../../node_modules/@wix/wix-ui-icons-common/dist/esm/system/dist/components/Asterisk.js
|
|
64269
|
+
const Asterisk_s=({size:t,...r})=>external_React_.createElement("svg",{viewBox:"0 0 7 7",fill:"currentColor",width:t||"7",height:t||"7",...r},external_React_.createElement("path",{d:"M1.809 7 1 6.397 2.74 3.94 0 3.026l.31-.974L3 2.948V0h1v2.976l2.69-.924.31.975-2.719.934L6 6.397 5.19 7 3.503 4.609 1.809 7Z"}));Asterisk_s.displayName="Asterisk";var Asterisk_i=Asterisk_s;
|
|
64270
|
+
|
|
64271
|
+
;// CONCATENATED MODULE: ../../../node_modules/@wix/wix-ui-icons-common/dist/esm/system/dist/components/InfoCircle.js
|
|
64272
|
+
const components_InfoCircle_r=({size:e,...o})=>external_React_.createElement("svg",{viewBox:"0 0 16 16",fill:"currentColor",width:e||"16",height:e||"16",...o},external_React_.createElement("path",{d:"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14Zm0-1A6 6 0 1 0 8 2a6 6 0 0 0 0 12ZM7 7h2v4l1 1H6l1-1V7.857H6L7 7Zm1-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z"}));components_InfoCircle_r.displayName="InfoCircle";var InfoCircle_i=components_InfoCircle_r;
|
|
64273
|
+
|
|
64241
64274
|
;// CONCATENATED MODULE: ../../../node_modules/@wix/design-system/dist/esm/FieldSet/FieldSet.context.js
|
|
64242
64275
|
|
|
64243
64276
|
const FieldSetContext = external_React_default().createContext({
|
|
@@ -64257,6 +64290,7 @@ const FieldSetContext = external_React_default().createContext({
|
|
|
64257
64290
|
|
|
64258
64291
|
|
|
64259
64292
|
|
|
64293
|
+
|
|
64260
64294
|
const PLACEMENT = {
|
|
64261
64295
|
top: 'top',
|
|
64262
64296
|
right: 'right',
|
|
@@ -64274,7 +64308,8 @@ const FormField_STATUS = {
|
|
|
64274
64308
|
warning: 'warning',
|
|
64275
64309
|
loading: 'loading',
|
|
64276
64310
|
};
|
|
64277
|
-
const asterisk = (external_React_default().createElement("div", { "data-hook": FormField_constants_dataHooks.asterisk, className: FormField_st_css_classes.asterisk
|
|
64311
|
+
const asterisk = (external_React_default().createElement("div", { "data-hook": FormField_constants_dataHooks.asterisk, className: FormField_st_css_classes.asterisk },
|
|
64312
|
+
external_React_default().createElement(Asterisk_i, null)));
|
|
64278
64313
|
class FormField extends (external_React_default()).Component {
|
|
64279
64314
|
constructor(props) {
|
|
64280
64315
|
super(props);
|
|
@@ -64302,16 +64337,14 @@ class FormField extends (external_React_default()).Component {
|
|
|
64302
64337
|
};
|
|
64303
64338
|
this._renderInfoIcon = () => {
|
|
64304
64339
|
const { infoContent, infoTooltipProps } = this.props;
|
|
64305
|
-
return (infoContent && (external_React_default().createElement(InfoIcon_InfoIcon, { dataHook: FormField_constants_dataHooks.infoIcon, className: FormField_st_css_classes.infoIcon, content: infoContent, tooltipProps: infoTooltipProps, size: "small" }
|
|
64340
|
+
return (infoContent && (external_React_default().createElement(InfoIcon_InfoIcon, { dataHook: FormField_constants_dataHooks.infoIcon, className: FormField_st_css_classes.infoIcon, content: infoContent, tooltipProps: infoTooltipProps, size: "small" },
|
|
64341
|
+
external_React_default().createElement(InfoCircle_i, null))));
|
|
64306
64342
|
};
|
|
64307
64343
|
this._renderLabelWithIndicators = ({ labelSize }) => {
|
|
64308
64344
|
const { required, suffix } = this.props;
|
|
64309
64345
|
return (external_React_default().createElement("div", { "data-hook": FormField_constants_dataHooks.labelIndicators, className: FormField_st_css_st(FormField_st_css_classes.labelIndicators, {
|
|
64310
64346
|
inlineWithSuffix: Boolean(suffix || this._hasCharCounter()),
|
|
64311
|
-
}) },
|
|
64312
|
-
this._renderLabel({ trimLongText: false, labelSize }),
|
|
64313
|
-
required && asterisk,
|
|
64314
|
-
this._renderInfoIcon()));
|
|
64347
|
+
}) }, this._renderLabel({ trimLongText: false, labelSize })));
|
|
64315
64348
|
};
|
|
64316
64349
|
this._renderSuffix = () => {
|
|
64317
64350
|
const { suffix } = this.props;
|
|
@@ -64326,11 +64359,14 @@ class FormField extends (external_React_default()).Component {
|
|
|
64326
64359
|
return hasInlineLabel || hasInlineIndicator;
|
|
64327
64360
|
};
|
|
64328
64361
|
this._renderLabel = ({ trimLongText, labelSize }) => {
|
|
64329
|
-
const { label, id } = this.props;
|
|
64362
|
+
const { label, id, required, infoContent, ellipsis, maxLines } = this.props;
|
|
64330
64363
|
const weight = labelSize === 'tiny' ? 'normal' : undefined;
|
|
64331
|
-
|
|
64364
|
+
const hasSuffix = required || infoContent;
|
|
64365
|
+
return (external_React_default().createElement(Text, { size: labelSize, weight: weight, htmlFor: id, id: this.labelId, tagName: "label", dataHook: FormField_constants_dataHooks.label, ellipsis: ellipsis ?? trimLongText, maxLines: maxLines, style: LABEL_STYLE, secondary: true, className: FormField_st_css_st(FormField_st_css_classes.label, {
|
|
64332
64366
|
labelSize,
|
|
64333
|
-
})
|
|
64367
|
+
}), suffix: hasSuffix ? (external_React_default().createElement((external_React_default()).Fragment, null,
|
|
64368
|
+
required && asterisk,
|
|
64369
|
+
this._renderInfoIcon())) : undefined }, label));
|
|
64334
64370
|
};
|
|
64335
64371
|
this._renderStatusIcon = () => {
|
|
64336
64372
|
const iconByStatus = {
|
|
@@ -64381,10 +64417,7 @@ class FormField extends (external_React_default()).Component {
|
|
|
64381
64417
|
const hasInlineElements = this._hasInlineElements(label, labelPlacement);
|
|
64382
64418
|
return (external_React_default().createElement("div", { "data-hook": dataHook, "data-status": status, className: FormField_st_css_st(FormField_st_css_classes.root, { ...rootStyles, ...(label ? { labelSize } : {}), hasInlineElements }, classNames) },
|
|
64383
64419
|
label && labelPlacement === PLACEMENT.top && (external_React_default().createElement("div", { className: FormField_st_css_classes.labelRow },
|
|
64384
|
-
external_React_default().createElement("div", { className: FormField_st_css_classes.labelRowMain },
|
|
64385
|
-
this._renderLabel({ trimLongText: true, labelSize }),
|
|
64386
|
-
required && asterisk,
|
|
64387
|
-
this._renderInfoIcon()),
|
|
64420
|
+
external_React_default().createElement("div", { className: FormField_st_css_classes.labelRowMain }, this._renderLabel({ trimLongText: true, labelSize })),
|
|
64388
64421
|
this._renderSuffix())),
|
|
64389
64422
|
children && (external_React_default().createElement("div", { "data-hook": FormField_constants_dataHooks.children, className: FormField_st_css_st(FormField_st_css_classes.children, {
|
|
64390
64423
|
childrenWithInlineLabel: hasInlineElements,
|
|
@@ -64459,6 +64492,10 @@ FormField.propTypes = {
|
|
|
64459
64492
|
statusMessage: (prop_types_default()).node,
|
|
64460
64493
|
/** Sets the type of status message, to give it appropriate colors and icons */
|
|
64461
64494
|
status: prop_types_default().oneOf([FormField_STATUS.error, FormField_STATUS.warning, FormField_STATUS.loading]),
|
|
64495
|
+
/** Truncates text that is longer than its parent container and displays ellipsis at the end of the last line. */
|
|
64496
|
+
ellipsis: (prop_types_default()).bool,
|
|
64497
|
+
/** Truncates label text at a specific number of lines when using ellipsis */
|
|
64498
|
+
maxLines: (prop_types_default()).number,
|
|
64462
64499
|
};
|
|
64463
64500
|
FormField.defaultProps = {
|
|
64464
64501
|
required: false,
|
|
@@ -64482,7 +64519,7 @@ var isNaN_default = /*#__PURE__*/__webpack_require__.n(lodash_isNaN);
|
|
|
64482
64519
|
|
|
64483
64520
|
|
|
64484
64521
|
|
|
64485
|
-
var InputArea_st_css_namespace_ = "
|
|
64522
|
+
var InputArea_st_css_namespace_ = "wds_1_100_1_InputArea";
|
|
64486
64523
|
var InputArea_st_css_style_ = classesRuntime.bind(null, InputArea_st_css_namespace_);
|
|
64487
64524
|
|
|
64488
64525
|
var InputArea_st_css_cssStates = statesRuntime.bind(null, InputArea_st_css_namespace_);
|
|
@@ -64490,12 +64527,12 @@ var InputArea_st_css_style = (/* unused pure expression or super */ null && (Inp
|
|
|
64490
64527
|
var InputArea_st_css_st = InputArea_st_css_style_;
|
|
64491
64528
|
|
|
64492
64529
|
var InputArea_st_css_namespace = (/* unused pure expression or super */ null && (InputArea_st_css_namespace_));
|
|
64493
|
-
var InputArea_st_css_classes = {"root":"
|
|
64530
|
+
var InputArea_st_css_classes = {"root":"wds_1_100_1_InputArea__root","text-small-thin":"wds_1_100_1_StylableTypography__text-small-thin","text-medium-thin":"wds_1_100_1_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_100_1_defaultscrollbar__defaultScrollBar","inputArea":"wds_1_100_1_InputArea__inputArea","counter":"wds_1_100_1_InputArea__counter","status":"wds_1_100_1_InputArea__status","disabled":"wds_1_100_1_InputArea__disabled","readOnly":"wds_1_100_1_InputArea__readOnly"};
|
|
64494
64531
|
var InputArea_st_css_keyframes = {};
|
|
64495
64532
|
var InputArea_st_css_layers = {};
|
|
64496
64533
|
var InputArea_st_css_containers = {};
|
|
64497
64534
|
var InputArea_st_css_stVars = {};
|
|
64498
|
-
var InputArea_st_css_vars = {"wds-font-size-body-small":"--wds-font-size-body-small","wds-color-blue-500":"--wds-color-blue-500","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","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-color-border-standard-secondary-readonly":"--wds-color-border-standard-secondary-readonly","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-fill-standard-tertiary-readonly":"--wds-color-fill-standard-tertiary-readonly","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-shadow-focus-destructive":"--wds-shadow-focus-destructive","wds-shadow-focus-warning":"--wds-shadow-focus-warning","wds-space-100":"--wds-space-100","wds-input-area-padding-vertical-small":"--wds-input-area-padding-vertical-small","wds-input-area-padding-right-small":"--wds-input-area-padding-right-small","wds-input-area-padding-left-small":"--wds-input-area-padding-left-small","wds-input-area-padding-vertical-medium":"--wds-input-area-padding-vertical-medium","wds-input-area-padding-right-medium":"--wds-input-area-padding-right-medium","wds-input-area-padding-left-medium":"--wds-input-area-padding-left-medium","wds-input-area-border-radius-default-medium":"--wds-input-area-border-radius-default-medium","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-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-border-radius-full":"--wds-border-radius-full","wds-input-size-small":"--wds-input-size-small","wds-input-size-medium":"--wds-input-size-medium","border-color":"--
|
|
64535
|
+
var InputArea_st_css_vars = {"wds-font-size-body-small":"--wds-font-size-body-small","wds-color-blue-500":"--wds-color-blue-500","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","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-color-border-standard-secondary-readonly":"--wds-color-border-standard-secondary-readonly","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-fill-standard-tertiary-readonly":"--wds-color-fill-standard-tertiary-readonly","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-shadow-focus-destructive":"--wds-shadow-focus-destructive","wds-shadow-focus-warning":"--wds-shadow-focus-warning","wds-space-100":"--wds-space-100","wds-input-area-padding-vertical-small":"--wds-input-area-padding-vertical-small","wds-input-area-padding-right-small":"--wds-input-area-padding-right-small","wds-input-area-padding-left-small":"--wds-input-area-padding-left-small","wds-input-area-padding-vertical-medium":"--wds-input-area-padding-vertical-medium","wds-input-area-padding-right-medium":"--wds-input-area-padding-right-medium","wds-input-area-padding-left-medium":"--wds-input-area-padding-left-medium","wds-input-area-border-radius-default-medium":"--wds-input-area-border-radius-default-medium","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-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-border-radius-full":"--wds-border-radius-full","wds-input-size-small":"--wds-input-size-small","wds-input-size-medium":"--wds-input-size-medium","border-color":"--wds_1_100_1_InputArea-border-color","border-color-destructive":"--wds_1_100_1_InputArea-border-color-destructive","border-color-warning":"--wds_1_100_1_InputArea-border-color-warning","border-color-disabled":"--wds_1_100_1_InputArea-border-color-disabled","wds-input-area-height-small-adjusted":"--wds_1_100_1_InputArea-wds-input-area-height-small-adjusted","wds-input-area-height-medium-adjusted":"--wds_1_100_1_InputArea-wds-input-area-height-medium-adjusted"};
|
|
64499
64536
|
|
|
64500
64537
|
|
|
64501
64538
|
|