@zohodesk/components 1.0.0-temp-180 → 1.0.0-temp-181

package/es/RippleEffect/RippleEffect.module.css

@@ -1,92 +1,92 @@
-.effect {
-  position: relative;
-  border-radius: var(--zd_size4);
-}
-.border {
-  border: solid 1px var(--zdt_rippleeffect_default_border);
-}
-.default.defaultHover {
-  border-color: var(--zdt_rippleeffect_hover_border);
-}
-.hoverEffect:hover.primary.defaultHover, .hoverEffect:hover.primary.borderHover
-/* .hoverEffect:focus.primary.borderHover  */
-{
-  border-color: var(--zdt_rippleeffect_primary_border);
-}
-.primary.defaultHover, .hoverEffect:hover.primary.active.border
-/* .hoverEffect:focus.primary.active.border  */
-{
-  border-color: var(--zdt_rippleeffect_primary_active_border);
-}
-.primaryLight.defaultHover, .hoverEffect:hover.primaryLight.borderHover
-/* .hoverEffect:focus.primaryLight.borderHover  */
-{
-  border-color: var(--zdt_rippleeffect_primary_light_border);
-}
-.green.defaultHover, .hoverEffect:hover.green.borderHover
-/* .hoverEffect:focus.green.borderHover  */
-{
-  border-color: var(--zdt_rippleeffect_green_border);
-}
-.hoverEffect:hover.default.defaultHover
-/* .hoverEffect:focus.default.defaultHover */
- {
-  border-color: var(--zdt_rippleeffect_slate_border);
-}
-.hoverEffect:hover.default.borderHover
-/* .hoverEffect:focus.default.borderHover */
- {
-  border-color: var(--zdt_rippleeffect_navy_border);
-}
-.hoverEffect:hover.default.bgHover
-/* .hoverEffect:focus.default.bgHover */
- {
-  background-color: var(--zdt_rippleeffect_hover_bg);
-}
-.hoverEffect:hover.primaryLight.bgHover
-/* .hoverEffect:focus.primaryLight.bgHover  */
-{
-  background-color: var(--zdt_rippleeffect_primary_light_bg);
-}
-.primaryFilled {
-  background-color: var(--zdt_rippleeffect_primary_bg);
-}
-.hoverEffect:hover.primaryFilled, .primaryFilled.active {
-  background-color: var(--zdt_rippleeffect_primaryfilled_bg);
-}
-.hoverEffect:hover.green.bgHover
-/* .hoverEffect:focus.green.bgHover */
- {
-  background-color: var(--zdt_rippleeffect_green_bg);
-}
-.default.active, .hoverEffect:hover.default.active, .primaryLight.active, .primaryDark.active {
-  background-color: var(--zdt_rippleeffect_primary_light_bg);
-}
-.default.active.border, .hoverEffect:hover.default.active.border, .primaryLight.active.border, .primaryDark.active.border {
-  border-color: var(--zdt_rippleeffect_primary_light_border);
-}
-.green.active {
-  background-color: var(--zdt_rippleeffect_green_bg);
-}
-.green.active.border {
-  border-color: var(--zdt_rippleeffect_green_border);
-}
-.primary.active {
-  background-color: var(--zdt_rippleeffect_primary_bg);
-}
-.danger.defaultHover, .hoverEffect:hover.danger.borderHover
-/* .hoverEffect:focus.danger.borderHover */
- {
-  border-color: var(--zdt_rippleeffect_danger_border);
-}
-.hoverEffect:hover.danger.bgHover, .danger.active {
-  background-color: var(--zdt_rippleeffect_danger_bg);
-}
-.hoverEffect:hover.primaryDark.bgHover
-/* .hoverEffect:focus.primaryDark.bgHover */
- {
-  background-color: var(--zdt_rippleeffect_primary_dark_bg);
-}
-.notAllowed {
-  cursor: not-allowed;
-}
+.effect {
+  position: relative;
+  border-radius: var(--zd_size4);
+}
+.border {
+  border: solid 1px var(--zdt_rippleeffect_default_border);
+}
+.default.defaultHover {
+  border-color: var(--zdt_rippleeffect_hover_border);
+}
+.hoverEffect:hover.primary.defaultHover, .hoverEffect:hover.primary.borderHover
+/* .hoverEffect:focus.primary.borderHover  */
+{
+  border-color: var(--zdt_rippleeffect_primary_border);
+}
+.primary.defaultHover, .hoverEffect:hover.primary.active.border
+/* .hoverEffect:focus.primary.active.border  */
+{
+  border-color: var(--zdt_rippleeffect_primary_active_border);
+}
+.primaryLight.defaultHover, .hoverEffect:hover.primaryLight.borderHover
+/* .hoverEffect:focus.primaryLight.borderHover  */
+{
+  border-color: var(--zdt_rippleeffect_primary_light_border);
+}
+.green.defaultHover, .hoverEffect:hover.green.borderHover
+/* .hoverEffect:focus.green.borderHover  */
+{
+  border-color: var(--zdt_rippleeffect_green_border);
+}
+.hoverEffect:hover.default.defaultHover
+/* .hoverEffect:focus.default.defaultHover */
+ {
+  border-color: var(--zdt_rippleeffect_slate_border);
+}
+.hoverEffect:hover.default.borderHover
+/* .hoverEffect:focus.default.borderHover */
+ {
+  border-color: var(--zdt_rippleeffect_navy_border);
+}
+.hoverEffect:hover.default.bgHover
+/* .hoverEffect:focus.default.bgHover */
+ {
+  background-color: var(--zdt_rippleeffect_hover_bg);
+}
+.hoverEffect:hover.primaryLight.bgHover
+/* .hoverEffect:focus.primaryLight.bgHover  */
+{
+  background-color: var(--zdt_rippleeffect_primary_light_bg);
+}
+.primaryFilled {
+  background-color: var(--zdt_rippleeffect_primary_bg);
+}
+.hoverEffect:hover.primaryFilled, .primaryFilled.active {
+  background-color: var(--zdt_rippleeffect_primaryfilled_bg);
+}
+.hoverEffect:hover.green.bgHover
+/* .hoverEffect:focus.green.bgHover */
+ {
+  background-color: var(--zdt_rippleeffect_green_bg);
+}
+.default.active, .hoverEffect:hover.default.active, .primaryLight.active, .primaryDark.active {
+  background-color: var(--zdt_rippleeffect_primary_light_bg);
+}
+.default.active.border, .hoverEffect:hover.default.active.border, .primaryLight.active.border, .primaryDark.active.border {
+  border-color: var(--zdt_rippleeffect_primary_light_border);
+}
+.green.active {
+  background-color: var(--zdt_rippleeffect_green_bg);
+}
+.green.active.border {
+  border-color: var(--zdt_rippleeffect_green_border);
+}
+.primary.active {
+  background-color: var(--zdt_rippleeffect_primary_bg);
+}
+.danger.defaultHover, .hoverEffect:hover.danger.borderHover
+/* .hoverEffect:focus.danger.borderHover */
+ {
+  border-color: var(--zdt_rippleeffect_danger_border);
+}
+.hoverEffect:hover.danger.bgHover, .danger.active {
+  background-color: var(--zdt_rippleeffect_danger_bg);
+}
+.hoverEffect:hover.primaryDark.bgHover
+/* .hoverEffect:focus.primaryDark.bgHover */
+ {
+  background-color: var(--zdt_rippleeffect_primary_dark_bg);
+}
+.notAllowed {
+  cursor: not-allowed;
+}

package/es/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap

@@ -1,171 +1,171 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`RippleEffect rendering hoverType of- bg 1`] = `
-<DocumentFragment>
-  <div
-    class=" effect default border bgHover  hoverEffect "
-  >
-    RippleEffect
-  </div>
-</DocumentFragment>
-`;
-
-exports[`RippleEffect rendering hoverType of- border 1`] = `
-<DocumentFragment>
-  <div
-    class=" effect default border borderHover  hoverEffect "
-  >
-    RippleEffect
-  </div>
-</DocumentFragment>
-`;
-
-exports[`RippleEffect rendering hoverType of- default 1`] = `
-<DocumentFragment>
-  <div
-    class=" effect default border defaultHover  hoverEffect "
-  >
-    RippleEffect
-  </div>
-</DocumentFragment>
-`;
-
-exports[`RippleEffect rendering hoverType of- test 1`] = `
-<DocumentFragment>
-  <div
-    class=" effect default border   hoverEffect "
-  >
-    RippleEffect
-  </div>
-</DocumentFragment>
-`;
-
-exports[`RippleEffect rendering isActive is true 1`] = `
-<DocumentFragment>
-  <div
-    class=" effect default border defaultHover active hoverEffect "
-  >
-    RippleEffect
-  </div>
-</DocumentFragment>
-`;
-
-exports[`RippleEffect rendering isCopyTextEnabled is false 1`] = `
-<DocumentFragment>
-  <div
-    class=" effect default border defaultHover  hoverEffect notAllowed"
-  >
-    RippleEffect
-  </div>
-</DocumentFragment>
-`;
-
-exports[`RippleEffect rendering isDisabled is true 1`] = `
-<DocumentFragment>
-  <div
-    class=" effect default border defaultHover   disabled"
-  >
-    RippleEffect
-  </div>
-</DocumentFragment>
-`;
-
-exports[`RippleEffect rendering isNeedEffect is false 1`] = `
-<DocumentFragment>
-  <div
-    class=" "
-  >
-    RippleEffect
-  </div>
-</DocumentFragment>
-`;
-
-exports[`RippleEffect rendering needBorder is false 1`] = `
-<DocumentFragment>
-  <div
-    class=" effect default  defaultHover  hoverEffect "
-  >
-    RippleEffect
-  </div>
-</DocumentFragment>
-`;
-
-exports[`RippleEffect rendering the defult props 1`] = `
-<DocumentFragment>
-  <div
-    class=" effect default border defaultHover  hoverEffect "
-  >
-    RippleEffect
-  </div>
-</DocumentFragment>
-`;
-
-exports[`RippleEffect rendering the palette of- danger 1`] = `
-<DocumentFragment>
-  <div
-    class=" effect danger border defaultHover  hoverEffect "
-  >
-    RippleEffect
-  </div>
-</DocumentFragment>
-`;
-
-exports[`RippleEffect rendering the palette of- default 1`] = `
-<DocumentFragment>
-  <div
-    class=" effect default border defaultHover  hoverEffect "
-  >
-    RippleEffect
-  </div>
-</DocumentFragment>
-`;
-
-exports[`RippleEffect rendering the palette of- green 1`] = `
-<DocumentFragment>
-  <div
-    class=" effect green border defaultHover  hoverEffect "
-  >
-    RippleEffect
-  </div>
-</DocumentFragment>
-`;
-
-exports[`RippleEffect rendering the palette of- primary 1`] = `
-<DocumentFragment>
-  <div
-    class=" effect primary border defaultHover  hoverEffect "
-  >
-    RippleEffect
-  </div>
-</DocumentFragment>
-`;
-
-exports[`RippleEffect rendering the palette of- primaryDark 1`] = `
-<DocumentFragment>
-  <div
-    class=" effect primaryDark border defaultHover  hoverEffect "
-  >
-    RippleEffect
-  </div>
-</DocumentFragment>
-`;
-
-exports[`RippleEffect rendering the palette of- primaryFilled 1`] = `
-<DocumentFragment>
-  <div
-    class=" effect primaryFilled border defaultHover  hoverEffect "
-  >
-    RippleEffect
-  </div>
-</DocumentFragment>
-`;
-
-exports[`RippleEffect rendering the palette of- primaryLight 1`] = `
-<DocumentFragment>
-  <div
-    class=" effect primaryLight border defaultHover  hoverEffect "
-  >
-    RippleEffect
-  </div>
-</DocumentFragment>
-`;
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`RippleEffect rendering hoverType of- bg 1`] = `
+<DocumentFragment>
+  <div
+    class=" effect default border bgHover  hoverEffect "
+  >
+    RippleEffect
+  </div>
+</DocumentFragment>
+`;
+
+exports[`RippleEffect rendering hoverType of- border 1`] = `
+<DocumentFragment>
+  <div
+    class=" effect default border borderHover  hoverEffect "
+  >
+    RippleEffect
+  </div>
+</DocumentFragment>
+`;
+
+exports[`RippleEffect rendering hoverType of- default 1`] = `
+<DocumentFragment>
+  <div
+    class=" effect default border defaultHover  hoverEffect "
+  >
+    RippleEffect
+  </div>
+</DocumentFragment>
+`;
+
+exports[`RippleEffect rendering hoverType of- test 1`] = `
+<DocumentFragment>
+  <div
+    class=" effect default border   hoverEffect "
+  >
+    RippleEffect
+  </div>
+</DocumentFragment>
+`;
+
+exports[`RippleEffect rendering isActive is true 1`] = `
+<DocumentFragment>
+  <div
+    class=" effect default border defaultHover active hoverEffect "
+  >
+    RippleEffect
+  </div>
+</DocumentFragment>
+`;
+
+exports[`RippleEffect rendering isCopyTextEnabled is false 1`] = `
+<DocumentFragment>
+  <div
+    class=" effect default border defaultHover  hoverEffect notAllowed"
+  >
+    RippleEffect
+  </div>
+</DocumentFragment>
+`;
+
+exports[`RippleEffect rendering isDisabled is true 1`] = `
+<DocumentFragment>
+  <div
+    class=" effect default border defaultHover   disabled"
+  >
+    RippleEffect
+  </div>
+</DocumentFragment>
+`;
+
+exports[`RippleEffect rendering isNeedEffect is false 1`] = `
+<DocumentFragment>
+  <div
+    class=" "
+  >
+    RippleEffect
+  </div>
+</DocumentFragment>
+`;
+
+exports[`RippleEffect rendering needBorder is false 1`] = `
+<DocumentFragment>
+  <div
+    class=" effect default  defaultHover  hoverEffect "
+  >
+    RippleEffect
+  </div>
+</DocumentFragment>
+`;
+
+exports[`RippleEffect rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class=" effect default border defaultHover  hoverEffect "
+  >
+    RippleEffect
+  </div>
+</DocumentFragment>
+`;
+
+exports[`RippleEffect rendering the palette of- danger 1`] = `
+<DocumentFragment>
+  <div
+    class=" effect danger border defaultHover  hoverEffect "
+  >
+    RippleEffect
+  </div>
+</DocumentFragment>
+`;
+
+exports[`RippleEffect rendering the palette of- default 1`] = `
+<DocumentFragment>
+  <div
+    class=" effect default border defaultHover  hoverEffect "
+  >
+    RippleEffect
+  </div>
+</DocumentFragment>
+`;
+
+exports[`RippleEffect rendering the palette of- green 1`] = `
+<DocumentFragment>
+  <div
+    class=" effect green border defaultHover  hoverEffect "
+  >
+    RippleEffect
+  </div>
+</DocumentFragment>
+`;
+
+exports[`RippleEffect rendering the palette of- primary 1`] = `
+<DocumentFragment>
+  <div
+    class=" effect primary border defaultHover  hoverEffect "
+  >
+    RippleEffect
+  </div>
+</DocumentFragment>
+`;
+
+exports[`RippleEffect rendering the palette of- primaryDark 1`] = `
+<DocumentFragment>
+  <div
+    class=" effect primaryDark border defaultHover  hoverEffect "
+  >
+    RippleEffect
+  </div>
+</DocumentFragment>
+`;
+
+exports[`RippleEffect rendering the palette of- primaryFilled 1`] = `
+<DocumentFragment>
+  <div
+    class=" effect primaryFilled border defaultHover  hoverEffect "
+  >
+    RippleEffect
+  </div>
+</DocumentFragment>
+`;
+
+exports[`RippleEffect rendering the palette of- primaryLight 1`] = `
+<DocumentFragment>
+  <div
+    class=" effect primaryLight border defaultHover  hoverEffect "
+  >
+    RippleEffect
+  </div>
+</DocumentFragment>
+`;

package/es/Select/Select.js

@@ -298,8 +298,7 @@ export class SelectComponent extends Component {
       isPopupOpen,
       onKeyDown,
       isPopupOpenOnEnter,
-      needCloseOnSelect,
-      isPopupReady
+      needCloseOnSelect
     } = this.props;
     let {
       hoverIndex,
@@ -350,7 +349,7 @@ export class SelectComponent extends Component {
         id
       } = option || {};
 
-      if (isPopupReady && !getIsEmptyValue(id) && onChange) {
+      if (isPopupOpen && !getIsEmptyValue(id) && onChange) {
         onChange(id, optionsNormalize[id]);
         needCloseOnSelect && this.handlePopupClose(e);
       }