@proprioo/salatim 18.1.2 → 18.2.2

package/lib/ui/index.d.ts

@@ -18,6 +18,8 @@ export { default as Card, CardProps } from './src/card/Card';
 export { ButtonAppearance, ButtonColors, ButtonProps, ButtonSizes, IconPosition } from './src/button/Button.interfaces';
 export { default as Checkbox } from './src/checkbox/Checkbox';
 export { default as DateInput, isValidDate } from './src/dateInput/DateInput';
+export { default as EmailInput } from './src/emailInput/EmailInput';
+export { EmailInputProps, EmailInputI18nLabelProps } from './src/emailInput/EmailInput.interfaces';
 export { default as Fieldset, FieldsetProps } from './src/fieldset/Fieldset';
 export { default as GmapsAutocomplete, GmapsAutocompleteProps } from './src/gmapsAutoComplete/GmapsAutocomplete';
 export { default as GmapsGeocode, GmapsGeocodeProps } from './src/gmapsGeocode/GmapsGeocode';

package/lib/ui/index.js

@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TagColorsTypes = exports.TagAppearance = exports.Subtitle = exports.Option = exports.Toggle = exports.titles = exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Radio = exports.NumberInput = exports.Loader = exports.InputLoading = exports.InputColors = exports.Input = exports.InputType = exports.Logo = exports.PanelOrientation = exports.PanelColorsTypes = exports.Panel = exports.useModal = exports.GmapsGeocode = exports.GmapsAutocomplete = exports.Fieldset = exports.isValidDate = exports.DateInput = exports.Checkbox = exports.IconPosition = exports.ButtonSizes = exports.ButtonColors = exports.ButtonAppearance = exports.Card = exports.BlockIcon = exports.ButtonRadioGroup = exports.Button = exports.Burger = exports.Block = exports.Autocomplete = exports.AgentCard = exports.AgentBanner = exports.AccordionPanel = exports.AccordionHeader = exports.AccordionItem = exports.Accordion = exports.AccordionItemColors = exports.geocodeByAddress = exports.PlacesAutocomplete = void 0;
-exports.ShowMoreTextToggleButton = exports.fontStyleOptions = exports.ShowMoreTextToggle = exports.Select = exports.Tooltip = exports.Textarea = exports.TagBase = exports.Tag = void 0;
+exports.TagAppearance = exports.Subtitle = exports.Option = exports.Toggle = exports.titles = exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Radio = exports.NumberInput = exports.Loader = exports.InputLoading = exports.InputColors = exports.Input = exports.InputType = exports.Logo = exports.PanelOrientation = exports.PanelColorsTypes = exports.Panel = exports.useModal = exports.GmapsGeocode = exports.GmapsAutocomplete = exports.Fieldset = exports.EmailInput = exports.isValidDate = exports.DateInput = exports.Checkbox = exports.IconPosition = exports.ButtonSizes = exports.ButtonColors = exports.ButtonAppearance = exports.Card = exports.BlockIcon = exports.ButtonRadioGroup = exports.Button = exports.Burger = exports.Block = exports.Autocomplete = exports.AgentCard = exports.AgentBanner = exports.AccordionPanel = exports.AccordionHeader = exports.AccordionItem = exports.Accordion = exports.AccordionItemColors = exports.geocodeByAddress = exports.PlacesAutocomplete = void 0;
+exports.ShowMoreTextToggleButton = exports.fontStyleOptions = exports.ShowMoreTextToggle = exports.Select = exports.Tooltip = exports.Textarea = exports.TagBase = exports.Tag = exports.TagColorsTypes = void 0;
 var react_places_autocomplete_1 = require("react-places-autocomplete");
 Object.defineProperty(exports, "PlacesAutocomplete", { enumerable: true, get: function () { return __importDefault(react_places_autocomplete_1).default; } });
 Object.defineProperty(exports, "geocodeByAddress", { enumerable: true, get: function () { return react_places_autocomplete_1.geocodeByAddress; } });
@@ -46,6 +46,8 @@ Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function ()
 var DateInput_1 = require("./src/dateInput/DateInput");
 Object.defineProperty(exports, "DateInput", { enumerable: true, get: function () { return __importDefault(DateInput_1).default; } });
 Object.defineProperty(exports, "isValidDate", { enumerable: true, get: function () { return DateInput_1.isValidDate; } });
+var EmailInput_1 = require("./src/emailInput/EmailInput");
+Object.defineProperty(exports, "EmailInput", { enumerable: true, get: function () { return __importDefault(EmailInput_1).default; } });
 var Fieldset_1 = require("./src/fieldset/Fieldset");
 Object.defineProperty(exports, "Fieldset", { enumerable: true, get: function () { return __importDefault(Fieldset_1).default; } });
 var GmapsAutocomplete_1 = require("./src/gmapsAutoComplete/GmapsAutocomplete");

package/lib/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../packages/ui/index.ts"],"names":[],"mappings":";;;;;;;AACA,uEAImC;AAHjC,gJAAA,OAAO,OAAsB;AAE7B,6HAAA,gBAAgB,OAAA;AAGlB,6EAK8C;AAF5C,2HAAA,mBAAmB,OAAA;AAGrB,uDAAiE;AAAxD,uHAAA,OAAO,OAAa;AAC7B,+DAAyE;AAAhE,+HAAA,OAAO,OAAiB;AACjC,mEAA6E;AAApE,mIAAA,OAAO,OAAmB;AACnC,iEAA2E;AAAlE,iIAAA,OAAO,OAAkB;AAClC,6DAAuE;AAA9D,2HAAA,OAAO,OAAe;AAC/B,uDAAiE;AAAxD,uHAAA,OAAO,OAAa;AAC7B,gEAA0E;AAAjE,6HAAA,OAAO,OAAgB;AAChC,2CAAiE;AAAxD,+GAAA,OAAO,OAAS;AACzB,8CAAqE;AAA5D,iHAAA,OAAO,OAAU;AAC1B,8CAAwD;AAA/C,iHAAA,OAAO,OAAU;AAC1B,4EAGiD;AAF/C,qIAAA,OAAO,OAAoB;AAG7B,uDAAiE;AAAxD,uHAAA,OAAO,OAAa;AAC7B,wCAA6D;AAApD,6GAAA,OAAO,OAAQ;AACxB,oEAMwC;AALtC,qHAAA,gBAAgB,OAAA;AAChB,iHAAA,YAAY,OAAA;AAEZ,gHAAA,WAAW,OAAA;AACX,iHAAA,YAAY,OAAA;AAEd,oDAA8D;AAArD,qHAAA,OAAO,OAAY;AAC5B,uDAA8E;AAArE,uHAAA,OAAO,OAAa;AAAE,wGAAA,WAAW,OAAA;AAC1C,oDAA6E;AAApE,qHAAA,OAAO,OAAY;AAC5B,+EAGmD;AAFjD,uIAAA,OAAO,OAAqB;AAG9B,gEAGyC;AAFvC,6HAAA,OAAO,OAAgB;AAGzB,2CAI2B;AAHzB,kHAAA,OAAO,OAAY;AAIrB,2CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,iEAIsC;AAFpC,oHAAA,gBAAgB,OAAA;AAChB,oHAAA,gBAAgB,OAAA;AAGlB,wCAAkD;AAAzC,6GAAA,OAAO,OAAQ;AACxB,2CAA8C;AAArC,kGAAA,SAAS,OAAA;AAClB,uDAImC;AAHjC,mHAAA,OAAO,OAAS;AAIlB,+DAA4D;AAAnD,4GAAA,WAAW,OAAA;AACpB,gEAA0E;AAAjE,6HAAA,OAAO,OAAgB;AAChC,8CAAqE;AAA5D,iHAAA,OAAO,OAAU;AAC1B,6DAAuE;AAA9D,2HAAA,OAAO,OAAe;AAC/B,2CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,2CAA2C;AAAlC,+FAAA,MAAM,OAAA;AACf,8CAAqE;AAA5D,iHAAA,OAAO,OAAU;AAC1B,8CAAqE;AAA5D,iHAAA,OAAO,OAAU;AAC1B,oDAA6E;AAApE,qHAAA,OAAO,OAAY;AAC5B,mDAA+E;AAAtE,2GAAA,aAAa,OAAA;AAAE,4GAAA,cAAc,OAAA;AACtC,qCAA+C;AAAtC,2GAAA,OAAO,OAAO;AACvB,mDAA+C;AAAtC,qGAAA,OAAO,OAAA;AAChB,oDAA8D;AAArD,qHAAA,OAAO,OAAY;AAC5B,iDAA2D;AAAlD,mHAAA,OAAO,OAAW;AAC3B,mEAG2C;AAFzC,wHAAA,OAAO,OAAU;AAGnB,kFAGqD;AAFnD,yIAAA,OAAO,OAAsB;AAC7B,sHAAA,gBAAgB,OAAA;AAElB,gGAAwG;AAA/F,qIAAA,MAAM,OAA4B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../packages/ui/index.ts"],"names":[],"mappings":";;;;;;;AACA,uEAImC;AAHjC,gJAAA,OAAO,OAAsB;AAE7B,6HAAA,gBAAgB,OAAA;AAGlB,6EAK8C;AAF5C,2HAAA,mBAAmB,OAAA;AAGrB,uDAAiE;AAAxD,uHAAA,OAAO,OAAa;AAC7B,+DAAyE;AAAhE,+HAAA,OAAO,OAAiB;AACjC,mEAA6E;AAApE,mIAAA,OAAO,OAAmB;AACnC,iEAA2E;AAAlE,iIAAA,OAAO,OAAkB;AAClC,6DAAuE;AAA9D,2HAAA,OAAO,OAAe;AAC/B,uDAAiE;AAAxD,uHAAA,OAAO,OAAa;AAC7B,gEAA0E;AAAjE,6HAAA,OAAO,OAAgB;AAChC,2CAAiE;AAAxD,+GAAA,OAAO,OAAS;AACzB,8CAAqE;AAA5D,iHAAA,OAAO,OAAU;AAC1B,8CAAwD;AAA/C,iHAAA,OAAO,OAAU;AAC1B,4EAGiD;AAF/C,qIAAA,OAAO,OAAoB;AAG7B,uDAAiE;AAAxD,uHAAA,OAAO,OAAa;AAC7B,wCAA6D;AAApD,6GAAA,OAAO,OAAQ;AACxB,oEAMwC;AALtC,qHAAA,gBAAgB,OAAA;AAChB,iHAAA,YAAY,OAAA;AAEZ,gHAAA,WAAW,OAAA;AACX,iHAAA,YAAY,OAAA;AAEd,oDAA8D;AAArD,qHAAA,OAAO,OAAY;AAC5B,uDAA8E;AAArE,uHAAA,OAAO,OAAa;AAAE,wGAAA,WAAW,OAAA;AAC1C,0DAAoE;AAA3D,yHAAA,OAAO,OAAc;AAK9B,oDAA6E;AAApE,qHAAA,OAAO,OAAY;AAC5B,+EAGmD;AAFjD,uIAAA,OAAO,OAAqB;AAG9B,gEAGyC;AAFvC,6HAAA,OAAO,OAAgB;AAGzB,2CAI2B;AAHzB,kHAAA,OAAO,OAAY;AAIrB,2CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,iEAIsC;AAFpC,oHAAA,gBAAgB,OAAA;AAChB,oHAAA,gBAAgB,OAAA;AAGlB,wCAAkD;AAAzC,6GAAA,OAAO,OAAQ;AACxB,2CAA8C;AAArC,kGAAA,SAAS,OAAA;AAClB,uDAImC;AAHjC,mHAAA,OAAO,OAAS;AAIlB,+DAA4D;AAAnD,4GAAA,WAAW,OAAA;AACpB,gEAA0E;AAAjE,6HAAA,OAAO,OAAgB;AAChC,8CAAqE;AAA5D,iHAAA,OAAO,OAAU;AAC1B,6DAAuE;AAA9D,2HAAA,OAAO,OAAe;AAC/B,2CAAqD;AAA5C,+GAAA,OAAO,OAAS;AACzB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,qCAA+C;AAAtC,yGAAA,OAAO,OAAM;AACtB,2CAA2C;AAAlC,+FAAA,MAAM,OAAA;AACf,8CAAqE;AAA5D,iHAAA,OAAO,OAAU;AAC1B,8CAAqE;AAA5D,iHAAA,OAAO,OAAU;AAC1B,oDAA6E;AAApE,qHAAA,OAAO,OAAY;AAC5B,mDAA+E;AAAtE,2GAAA,aAAa,OAAA;AAAE,4GAAA,cAAc,OAAA;AACtC,qCAA+C;AAAtC,2GAAA,OAAO,OAAO;AACvB,mDAA+C;AAAtC,qGAAA,OAAO,OAAA;AAChB,oDAA8D;AAArD,qHAAA,OAAO,OAAY;AAC5B,iDAA2D;AAAlD,mHAAA,OAAO,OAAW;AAC3B,mEAG2C;AAFzC,wHAAA,OAAO,OAAU;AAGnB,kFAGqD;AAFnD,yIAAA,OAAO,OAAsB;AAC7B,sHAAA,gBAAgB,OAAA;AAElB,gGAAwG;AAA/F,qIAAA,MAAM,OAA4B"}

package/lib/ui/src/buttonRadioGroup/ButtonRadio.styles.js

@@ -32,16 +32,16 @@ var breakpoints_1 = __importDefault(require("../../../utils/src/breakpoints"));
 var colors_1 = __importDefault(require("../../../utils/src/colors"));
 var radius_1 = __importDefault(require("../../../utils/src/radius"));
 var spacing_1 = require("../../../utils/src/spacing");
-exports.Layout = styled_components_1.default.label(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  flex: 1;\n  padding: ", " ", ";\n  border: ", " solid ", ";\n  text-align: center;\n  transition: all 0.1s ease-in;\n  cursor: pointer;\n\n  ", "\n\n  &:not(:first-of-type) {\n    margin-top: -", ";\n  }\n\n  &:first-of-type {\n    border-top-left-radius: ", ";\n    border-bottom-left-radius: ", ";\n  }\n\n  &:last-of-type {\n    border-top-right-radius: ", ";\n    border-bottom-right-radius: ", ";\n  }\n\n  :hover {\n    ", "\n  }\n\n  @media (min-width: ", "px) {\n    &:not(:first-of-type) {\n      margin-top: 0;\n      margin-left: -", ";\n    }\n  }\n"], ["\n  flex: 1;\n  padding: ", " ", ";\n  border: ", " solid ", ";\n  text-align: center;\n  transition: all 0.1s ease-in;\n  cursor: pointer;\n\n  ",
-    "\n\n  &:not(:first-of-type) {\n    margin-top: -", ";\n  }\n\n  &:first-of-type {\n    border-top-left-radius: ", ";\n    border-bottom-left-radius: ", ";\n  }\n\n  &:last-of-type {\n    border-top-right-radius: ", ";\n    border-bottom-right-radius: ", ";\n  }\n\n  :hover {\n    ",
-    "\n  }\n\n  @media (min-width: ", "px) {\n    &:not(:first-of-type) {\n      margin-top: 0;\n      margin-left: -", ";\n    }\n  }\n"])), spacing_1.convertPxToRem(16), spacing_1.convertPxToRem(24), spacing_1.convertPxToRem(2), colors_1.default.dark.base20, function (_a) {
+exports.Layout = styled_components_1.default.label(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  flex: 1;\n  padding: ", " ", ";\n  border: ", " solid ", ";\n  text-align: center;\n  transition: all 0.1s ease-in;\n  cursor: pointer;\n\n  ", "\n\n  &:not(:first-of-type) {\n    margin-top: -", ";\n  }\n\n  &:first-of-type {\n    border-top-left-radius: ", ";\n    border-top-right-radius: ", ";\n  }\n\n  &:last-of-type {\n    border-bottom-left-radius: ", ";\n    border-bottom-right-radius: ", ";\n  }\n\n  :hover {\n    ", "\n  }\n\n  @media (min-width: ", "px) {\n    &:not(:first-of-type) {\n      margin-top: 0;\n      margin-left: -", ";\n    }\n\n    &:first-of-type {\n      border-top-left-radius: ", ";\n      border-top-right-radius: 0;\n      border-bottom-left-radius: ", ";\n    }\n\n    &:last-of-type {\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: ", ";\n      border-top-right-radius: ", ";\n    }\n  }\n"], ["\n  flex: 1;\n  padding: ", " ", ";\n  border: ", " solid ", ";\n  text-align: center;\n  transition: all 0.1s ease-in;\n  cursor: pointer;\n\n  ",
+    "\n\n  &:not(:first-of-type) {\n    margin-top: -", ";\n  }\n\n  &:first-of-type {\n    border-top-left-radius: ", ";\n    border-top-right-radius: ", ";\n  }\n\n  &:last-of-type {\n    border-bottom-left-radius: ", ";\n    border-bottom-right-radius: ", ";\n  }\n\n  :hover {\n    ",
+    "\n  }\n\n  @media (min-width: ", "px) {\n    &:not(:first-of-type) {\n      margin-top: 0;\n      margin-left: -", ";\n    }\n\n    &:first-of-type {\n      border-top-left-radius: ", ";\n      border-top-right-radius: 0;\n      border-bottom-left-radius: ", ";\n    }\n\n    &:last-of-type {\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: ", ";\n      border-top-right-radius: ", ";\n    }\n  }\n"])), spacing_1.convertPxToRem(16), spacing_1.convertPxToRem(24), spacing_1.convertPxToRem(2), colors_1.default.dark.base20, function (_a) {
     var isActive = _a.isActive;
     return isActive
         ? styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          color: ", ";\n          background-color: ", ";\n          font-weight: bold;\n          border-color: ", ";\n          z-index: 2;\n        "], ["\n          color: ", ";\n          background-color: ", ";\n          font-weight: bold;\n          border-color: ", ";\n          z-index: 2;\n        "])), colors_1.default.dark.base, colors_1.default.green.base5, colors_1.default.green.base) : styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), colors_1.default.dark.base80);
 }, spacing_1.convertPxToRem(2), radius_1.default.normal, radius_1.default.normal, radius_1.default.normal, radius_1.default.normal, function (_a) {
     var isActive = _a.isActive;
     return !isActive && styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        background-color: ", ";\n        border-color: ", ";\n        z-index: 1;\n      "], ["\n        background-color: ", ";\n        border-color: ", ";\n        z-index: 1;\n      "])), colors_1.default.dark.base5, colors_1.default.dark.base40);
-}, breakpoints_1.default.small, spacing_1.convertPxToRem(2));
+}, breakpoints_1.default.small, spacing_1.convertPxToRem(2), radius_1.default.normal, radius_1.default.normal, radius_1.default.normal, radius_1.default.normal);
 exports.InputLayout = styled_components_1.default.input(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  border: 0;\n  clip-path: rect(0, 0, 0, 0);\n  width: ", ";\n  height: ", ";\n  margin: -", ";\n  padding: 0;\n  overflow: hidden;\n  white-space: nowrap;\n  position: absolute;\n"], ["\n  border: 0;\n  clip-path: rect(0, 0, 0, 0);\n  width: ", ";\n  height: ", ";\n  margin: -", ";\n  padding: 0;\n  overflow: hidden;\n  white-space: nowrap;\n  position: absolute;\n"])), spacing_1.convertPxToRem(1), spacing_1.convertPxToRem(1), spacing_1.convertPxToRem(1));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 //# sourceMappingURL=ButtonRadio.styles.js.map

package/lib/ui/src/buttonRadioGroup/ButtonRadio.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonRadio.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/buttonRadioGroup/ButtonRadio.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,+EAAyD;AACzD,qEAA+C;AAC/C,qEAA+C;AAC/C,sDAA4D;AAE/C,QAAA,MAAM,GAAG,2BAAM,CAAC,KAAK,0nBAAuB,2BAE5C,EAAkB,GAAI,EAAkB,eACzC,EAAiB,SAAU,EAAkB,qFAKrD;IAWK,kDAGU,EAAiB,6DAIN,EAAa,oCACV,EAAa,6DAIf,EAAa,qCACV,EAAa,4BAIzC;IAMC,gCAGgB,EAAiB,gFAGlB,EAAiB,iBAGtC,KAjDY,wBAAc,CAAC,EAAE,CAAC,EAAI,wBAAc,CAAC,EAAE,CAAC,EACzC,wBAAc,CAAC,CAAC,CAAC,EAAU,gBAAM,CAAC,IAAI,CAAC,MAAM,EAKrD,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ;QACN,CAAC,CAAC,uBAAG,8NAAA,qBACQ,EAAgB,iCACL,EAAkB,2DAEtB,EAAiB,oCAElC,KALU,gBAAM,CAAC,IAAI,CAAC,IAAI,EACL,gBAAM,CAAC,KAAK,CAAC,KAAK,EAEtB,gBAAM,CAAC,KAAK,CAAC,IAAI,EAGrC,CAAC,CAAC,uBAAG,uGAAA,qBACQ,EAAkB,aAC5B,KADU,gBAAM,CAAC,IAAI,CAAC,MAAM,CAC5B;AAVL,CAUK,EAGU,wBAAc,CAAC,CAAC,CAAC,EAIN,gBAAM,CAAC,MAAM,EACV,gBAAM,CAAC,MAAM,EAIf,gBAAM,CAAC,MAAM,EACV,gBAAM,CAAC,MAAM,EAIzC,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,CAAC,QAAQ,IACT,uBAAG,gKAAA,8BACmB,EAAiB,2BACrB,EAAkB,gCAEnC,KAHqB,gBAAM,CAAC,IAAI,CAAC,KAAK,EACrB,gBAAM,CAAC,IAAI,CAAC,MAAM,CAEnC;AALD,CAKC,EAGgB,qBAAW,CAAC,KAAK,EAGlB,wBAAc,CAAC,CAAC,CAAC,EAGrC;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,2PAAA,2DAG5B,EAAiB,eAChB,EAAiB,gBAChB,EAAiB,wFAK7B,KAPU,wBAAc,CAAC,CAAC,CAAC,EAChB,wBAAc,CAAC,CAAC,CAAC,EAChB,wBAAc,CAAC,CAAC,CAAC,EAK5B"}
+{"version":3,"file":"ButtonRadio.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/buttonRadioGroup/ButtonRadio.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,+EAAyD;AACzD,qEAA+C;AAC/C,qEAA+C;AAC/C,sDAA4D;AAE/C,QAAA,MAAM,GAAG,2BAAM,CAAC,KAAK,65BAAuB,2BAE5C,EAAkB,GAAI,EAAkB,eACzC,EAAiB,SAAU,EAAkB,qFAKrD;IAWK,kDAGU,EAAiB,6DAIN,EAAa,kCACZ,EAAa,+DAIX,EAAa,qCACZ,EAAa,4BAIzC;IAMC,gCAGgB,EAAiB,gFAGlB,EAAiB,mEAIP,EAAa,yEAEV,EAAa,2GAKZ,EAAa,oCAChB,EAAa,iBAG7C,KA7DY,wBAAc,CAAC,EAAE,CAAC,EAAI,wBAAc,CAAC,EAAE,CAAC,EACzC,wBAAc,CAAC,CAAC,CAAC,EAAU,gBAAM,CAAC,IAAI,CAAC,MAAM,EAKrD,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ;QACN,CAAC,CAAC,uBAAG,8NAAA,qBACQ,EAAgB,iCACL,EAAkB,2DAEtB,EAAiB,oCAElC,KALU,gBAAM,CAAC,IAAI,CAAC,IAAI,EACL,gBAAM,CAAC,KAAK,CAAC,KAAK,EAEtB,gBAAM,CAAC,KAAK,CAAC,IAAI,EAGrC,CAAC,CAAC,uBAAG,uGAAA,qBACQ,EAAkB,aAC5B,KADU,gBAAM,CAAC,IAAI,CAAC,MAAM,CAC5B;AAVL,CAUK,EAGU,wBAAc,CAAC,CAAC,CAAC,EAIN,gBAAM,CAAC,MAAM,EACZ,gBAAM,CAAC,MAAM,EAIX,gBAAM,CAAC,MAAM,EACZ,gBAAM,CAAC,MAAM,EAIzC,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,CAAC,QAAQ,IACT,uBAAG,gKAAA,8BACmB,EAAiB,2BACrB,EAAkB,gCAEnC,KAHqB,gBAAM,CAAC,IAAI,CAAC,KAAK,EACrB,gBAAM,CAAC,IAAI,CAAC,MAAM,CAEnC;AALD,CAKC,EAGgB,qBAAW,CAAC,KAAK,EAGlB,wBAAc,CAAC,CAAC,CAAC,EAIP,gBAAM,CAAC,MAAM,EAEV,gBAAM,CAAC,MAAM,EAKZ,gBAAM,CAAC,MAAM,EAChB,gBAAM,CAAC,MAAM,EAG5C;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,2PAAA,2DAG5B,EAAiB,eAChB,EAAiB,gBAChB,EAAiB,wFAK7B,KAPU,wBAAc,CAAC,CAAC,CAAC,EAChB,wBAAc,CAAC,CAAC,CAAC,EAChB,wBAAc,CAAC,CAAC,CAAC,EAK5B"}

package/lib/ui/src/emailInput/EmailInput.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { EmailInputProps } from './EmailInput.interfaces';
+export default function EmailInput({ disabled, i18nLabels, isSuggestionEnabled, onBlur, onChange, onFocus, type, value, ...restProps }: EmailInputProps): JSX.Element;

package/lib/ui/src/emailInput/EmailInput.interfaces.d.ts

@@ -0,0 +1,12 @@
+import { InputBaseProps } from '../inputBase/InputBase';
+export interface EmailInputI18nLabelProps {
+    yes: string;
+    no: string;
+    suggestion(email: string): string;
+}
+export interface EmailInputProps extends InputBaseProps {
+    /** Whether to enabled/disable email suggestions. */
+    isSuggestionEnabled?: boolean;
+    /** i18n translation keys */
+    i18nLabels?: EmailInputI18nLabelProps;
+}

package/lib/ui/src/emailInput/EmailInput.interfaces.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=EmailInput.interfaces.js.map

package/lib/ui/src/emailInput/EmailInput.interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailInput.interfaces.js","sourceRoot":"","sources":["../../../../packages/ui/src/emailInput/EmailInput.interfaces.ts"],"names":[],"mappings":""}

package/lib/ui/src/emailInput/EmailInput.js

@@ -0,0 +1,119 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var useEmailSuggestion_1 = __importDefault(require("../../../hooks/useEmailSuggestion/useEmailSuggestion"));
+var Input_1 = require("../input/Input");
+var InputBase_1 = __importDefault(require("../inputBase/InputBase"));
+var EmailInput_styles_1 = require("./EmailInput.styles");
+var DEFAULT_I18N_LABELS = {
+    yes: 'Oui',
+    no: 'Non',
+    suggestion: function (email) { return "Vouliez-vous \u00E9crire " + email + " ?"; }
+};
+function EmailInput(_a) {
+    var disabled = _a.disabled, _b = _a.i18nLabels, i18nLabels = _b === void 0 ? DEFAULT_I18N_LABELS : _b, _c = _a.isSuggestionEnabled, isSuggestionEnabled = _c === void 0 ? true : _c, onBlur = _a.onBlur, onChange = _a.onChange, onFocus = _a.onFocus, type = _a.type, value = _a.value, restProps = __rest(_a, ["disabled", "i18nLabels", "isSuggestionEnabled", "onBlur", "onChange", "onFocus", "type", "value"]);
+    var _d = react_1.useState(false), isFocused = _d[0], setIsFocused = _d[1];
+    var _e = react_1.useState(null), displayedSuggestion = _e[0], setDisplayedSuggestion = _e[1];
+    var suggestedEmail = useEmailSuggestion_1.default({
+        debounce: 0,
+        email: value
+    });
+    var handleChange = function (newValue) {
+        onChange && onChange(newValue);
+    };
+    var handleBlur = function () {
+        if (isFocused) {
+            setIsFocused(false);
+        }
+        onBlur && onBlur();
+    };
+    var handleFocus = function () {
+        if (!isFocused) {
+            setIsFocused(true);
+        }
+        onFocus && onFocus();
+    };
+    var discardSuggestion = function () {
+        setDisplayedSuggestion(null);
+    };
+    var applySuggestion = function () {
+        suggestedEmail && handleChange(suggestedEmail);
+    };
+    // This updates displayed suggestion when suggestion has changed
+    react_1.useEffect(function () {
+        if (!isSuggestionEnabled || disabled || isFocused) {
+            return;
+        }
+        if (suggestedEmail && displayedSuggestion !== suggestedEmail) {
+            setDisplayedSuggestion(suggestedEmail);
+        }
+    }, [isFocused]);
+    // Hide suggestion it matches current input's value
+    react_1.useEffect(function () {
+        if (value === displayedSuggestion) {
+            setDisplayedSuggestion(null);
+        }
+    }, [displayedSuggestion, value]);
+    // Clear suggestion when disabled
+    react_1.useEffect(function () {
+        if ((!isSuggestionEnabled || disabled) && displayedSuggestion) {
+            setDisplayedSuggestion(null);
+        }
+    }, [disabled, isSuggestionEnabled]);
+    return (react_1.default.createElement(react_1.Fragment, null,
+        react_1.default.createElement(InputBase_1.default, __assign({}, restProps, { disabled: disabled, type: Input_1.InputType.EMAIL, onBlur: handleBlur, onChange: handleChange, onFocus: handleFocus, value: value })),
+        displayedSuggestion && (react_1.default.createElement(EmailInput_styles_1.SuggestionLayout, { "data-test": "email-suggestion" },
+            i18nLabels.suggestion(displayedSuggestion),
+            ' ',
+            react_1.default.createElement(EmailInput_styles_1.Button, { type: "button", onClick: applySuggestion }, i18nLabels.yes),
+            ' ',
+            "-",
+            ' ',
+            react_1.default.createElement(EmailInput_styles_1.Button, { type: "button", onClick: discardSuggestion }, i18nLabels.no)))));
+}
+exports.default = EmailInput;
+//# sourceMappingURL=EmailInput.js.map

package/lib/ui/src/emailInput/EmailInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailInput.js","sourceRoot":"","sources":["../../../../packages/ui/src/emailInput/EmailInput.tsx"],"names":[],"mappings":"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"}

package/lib/ui/src/emailInput/EmailInput.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/ui/src/emailInput/EmailInput.stories.js

@@ -0,0 +1,44 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var storybook_state_1 = require("@sambego/storybook-state");
+var addon_actions_1 = require("@storybook/addon-actions");
+var addon_knobs_1 = require("@storybook/addon-knobs");
+var react_2 = require("@storybook/react");
+var Input_1 = require("../input/Input");
+var EmailInput_1 = __importDefault(require("./EmailInput"));
+var onChangeAction = addon_actions_1.action('onChange');
+var inputState = new storybook_state_1.Store({
+    value: 'value'
+});
+var defaultProps = {
+    label: 'Label',
+    type: Input_1.InputType.EMAIL,
+    disabled: false,
+    error: false,
+    onChange: onChangeAction
+};
+react_2.storiesOf('EmailInput', module).add('default', function () {
+    var disabled = addon_knobs_1.boolean('Input disabled?', false);
+    var isSuggestionEnabled = addon_knobs_1.boolean('Email suggestion enabled?', true);
+    return (react_1.default.createElement(storybook_state_1.State, { store: inputState },
+        react_1.default.createElement(EmailInput_1.default, __assign({}, defaultProps, { isSuggestionEnabled: isSuggestionEnabled, disabled: disabled, value: inputState.get('value'), onChange: function (value) {
+                inputState.set({ value: value });
+                onChangeAction(value);
+            } }))));
+});
+//# sourceMappingURL=EmailInput.stories.js.map

package/lib/ui/src/emailInput/EmailInput.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailInput.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/emailInput/EmailInput.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,4DAAwD;AACxD,0DAAkD;AAClD,sDAAiD;AACjD,0CAA6C;AAE7C,wCAA2C;AAC3C,4DAAsC;AAGtC,IAAM,cAAc,GAAG,sBAAM,CAAC,UAAU,CAAC,CAAC;AAE1C,IAAM,UAAU,GAAG,IAAI,uBAAK,CAAC;IAC3B,KAAK,EAAE,OAAO;CACf,CAAC,CAAC;AAEH,IAAM,YAAY,GAAoB;IACpC,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,iBAAS,CAAC,KAAK;IACrB,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,KAAK;IACZ,QAAQ,EAAE,cAAc;CACzB,CAAC;AAEF,iBAAS,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,EAAE;IAC7C,IAAM,QAAQ,GAAG,qBAAO,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;IACnD,IAAM,mBAAmB,GAAG,qBAAO,CAAC,2BAA2B,EAAE,IAAI,CAAC,CAAC;IAEvE,OAAO,CACL,8BAAC,uBAAK,IAAC,KAAK,EAAE,UAAU;QACtB,8BAAC,oBAAU,eACL,YAAY,IAChB,mBAAmB,EAAE,mBAAmB,EACxC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,EAC9B,QAAQ,EAAE,UAAA,KAAK;gBACb,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;gBAC1B,cAAc,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC,IACD,CACI,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/ui/src/emailInput/EmailInput.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const SuggestionLayout: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Button: import("styled-components").StyledComponent<"button", any, {}, never>;

package/lib/ui/src/emailInput/EmailInput.styles.js

@@ -0,0 +1,16 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = exports.SuggestionLayout = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+var __1 = require("../../..");
+exports.SuggestionLayout = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  color: ", ";\n  padding: 0 ", ";\n  margin-top: ", ";\n"], ["\n  ", "\n  color: ", ";\n  padding: 0 ", ";\n  margin-top: ", ";\n"])), __1.paragraphs.body2, __1.colors.green.base, __1.convertPxToRem(16), __1.convertPxToRem(8));
+exports.Button = styled_components_1.default.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n\n  background: transparent;\n\n  /* inherit font & color from ancestor */\n  color: ", ";\n  font: inherit;\n  font-weight: bold;\n  text-decoration: underline;\n  cursor: pointer;\n\n  line-height: normal;\n\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n\n  -webkit-appearance: none;\n"], ["\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n\n  background: transparent;\n\n  /* inherit font & color from ancestor */\n  color: ", ";\n  font: inherit;\n  font-weight: bold;\n  text-decoration: underline;\n  cursor: pointer;\n\n  line-height: normal;\n\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n\n  -webkit-appearance: none;\n"])), __1.colors.green.base);
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=EmailInput.styles.js.map

package/lib/ui/src/emailInput/EmailInput.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailInput.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/emailInput/EmailInput.styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAEvC,8BAA8D;AAEjD,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,wIAAA,MACtC,EAAgB,aACT,EAAiB,kBACb,EAAkB,mBACjB,EAAiB,KAChC,KAJG,cAAU,CAAC,KAAK,EACT,UAAM,CAAC,KAAK,CAAC,IAAI,EACb,kBAAc,CAAC,EAAE,CAAC,EACjB,kBAAc,CAAC,CAAC,CAAC,EAC/B;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,MAAM,kgBAAA,6KAUxB,EAAiB,gRAa3B,KAbU,UAAM,CAAC,KAAK,CAAC,IAAI,EAa1B"}

package/lib/ui/src/emailInput/EmailInput.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/ui/src/emailInput/EmailInput.test.js

@@ -0,0 +1,215 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var react_2 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
+var EmailInput_1 = __importDefault(require("./EmailInput"));
+var mockChange = jest.fn();
+var mockOnBlur = jest.fn();
+var mockOnFocus = jest.fn();
+var defaultProps = {
+    label: 'Email address',
+    disabled: false,
+    error: false,
+    value: '',
+    dataTest: 'input',
+    onBlur: mockOnBlur,
+    onFocus: mockOnFocus,
+    onChange: mockChange
+};
+describe('EmailInput', function () {
+    var TestComponent = function (_a) {
+        var onChange = _a.onChange, value = _a.value, restProps = __rest(_a, ["onChange", "value"]);
+        var _b = react_1.useState(value), internalValue = _b[0], setInternalValue = _b[1];
+        var handleChange = function (newValue) {
+            setInternalValue(newValue);
+            onChange && onChange(newValue);
+        };
+        return (react_1.default.createElement(EmailInput_1.default, __assign({ onChange: handleChange, value: internalValue }, restProps)));
+    };
+    afterEach(function () { return jest.resetAllMocks(); });
+    afterAll(function () { return jest.clearAllMocks(); });
+    it('should render component', function () {
+        react_2.render(react_1.default.createElement(EmailInput_1.default, __assign({}, defaultProps)));
+        expect(react_2.screen.getByRole('textbox', { name: 'Email address' })).toBeInTheDocument();
+        expect(react_2.screen.queryByTestId('email-suggestion')).not.toBeInTheDocument();
+    });
+    it('should render suggestion on blur', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    react_2.render(react_1.default.createElement(TestComponent, __assign({}, defaultProps)));
+                    react_2.screen.getByRole('textbox').focus();
+                    return [4 /*yield*/, react_2.waitFor(function () { return expect(mockOnFocus).toHaveBeenCalledTimes(1); })];
+                case 1:
+                    _a.sent();
+                    user_event_1.default.type(react_2.screen.getByRole('textbox'), 'leo@gmaul.com');
+                    expect(react_2.screen.queryByTestId('email-suggestion')).not.toBeInTheDocument();
+                    react_2.screen.getByRole('textbox').blur();
+                    expect(react_2.screen.queryByTestId('email-suggestion')).not.toBeInTheDocument();
+                    return [4 /*yield*/, react_2.waitFor(function () {
+                            expect(mockOnBlur).toHaveBeenCalledTimes(1);
+                            expect(react_2.screen.getByTestId('email-suggestion')).toBeInTheDocument();
+                            expect(react_2.screen.getByTestId('email-suggestion')).toHaveTextContent(/Vouliez-vous écrire leo@gmail\.com/);
+                        })];
+                case 2:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should not render suggestion when disabled', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    react_2.render(react_1.default.createElement(TestComponent, __assign({}, defaultProps, { isSuggestionEnabled: false })));
+                    react_2.screen.getByRole('textbox').focus();
+                    return [4 /*yield*/, react_2.waitFor(function () { return expect(mockOnFocus).toHaveBeenCalledTimes(1); })];
+                case 1:
+                    _a.sent();
+                    user_event_1.default.type(react_2.screen.getByRole('textbox'), 'leo@gmaul.com');
+                    react_2.screen.getByRole('textbox').blur();
+                    return [4 /*yield*/, react_2.waitFor(function () {
+                            expect(mockOnBlur).toHaveBeenCalledTimes(1);
+                            expect(react_2.screen.queryByTestId('email-suggestion')).not.toBeInTheDocument();
+                        })];
+                case 2:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should apply suggestion', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    react_2.render(react_1.default.createElement(TestComponent, __assign({}, defaultProps)));
+                    react_2.screen.getByRole('textbox').focus();
+                    user_event_1.default.type(react_2.screen.getByRole('textbox'), 'leo@gmaul.com');
+                    react_2.screen.getByRole('textbox').blur();
+                    return [4 /*yield*/, react_2.waitFor(function () {
+                            expect(react_2.screen.getByRole('textbox')).toHaveValue('leo@gmaul.com');
+                            expect(react_2.screen.getByTestId('email-suggestion')).toBeInTheDocument();
+                        })];
+                case 1:
+                    _a.sent();
+                    user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Oui' }));
+                    return [4 /*yield*/, react_2.waitFor(function () {
+                            expect(mockChange).toHaveBeenLastCalledWith('leo@gmail.com');
+                            expect(react_2.screen.getByRole('textbox')).toHaveValue('leo@gmail.com');
+                            expect(react_2.screen.queryByTestId('email-suggestion')).not.toBeInTheDocument();
+                        })];
+                case 2:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should discard suggestion', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    react_2.render(react_1.default.createElement(TestComponent, __assign({}, defaultProps)));
+                    react_2.screen.getByRole('textbox').focus();
+                    user_event_1.default.type(react_2.screen.getByRole('textbox'), 'leo@gmaul.com');
+                    react_2.screen.getByRole('textbox').blur();
+                    return [4 /*yield*/, react_2.waitFor(function () {
+                            expect(react_2.screen.getByRole('textbox')).toHaveValue('leo@gmaul.com');
+                            expect(react_2.screen.getByTestId('email-suggestion')).toBeInTheDocument();
+                        })];
+                case 1:
+                    _a.sent();
+                    user_event_1.default.click(react_2.screen.getByRole('button', { name: 'Non' }));
+                    return [4 /*yield*/, react_2.waitFor(function () {
+                            expect(react_2.screen.queryByTestId('email-suggestion')).not.toBeInTheDocument();
+                            expect(mockChange).toHaveBeenLastCalledWith('leo@gmaul.com');
+                            expect(react_2.screen.getByRole('textbox')).toHaveValue('leo@gmaul.com');
+                        })];
+                case 2:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});
+//# sourceMappingURL=EmailInput.test.js.map

package/lib/ui/src/emailInput/EmailInput.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailInput.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/emailInput/EmailInput.test.tsx"],"names":[],"mappings":"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"}

package/lib/ui/src/inputBase/InputBase.styles.js

@@ -47,7 +47,7 @@ exports.InsideLayout = styled_components_1.default.div(templateObject_7 || (temp
     var disabled = _a.disabled;
     return disabled && styled_components_1.css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      > svg {\n        background: ", ";\n      }\n    "], ["\n      > svg {\n        background: ", ";\n      }\n    "])), utils_1.colors.dark.base10);
 });
-exports.Layout = styled_components_1.default.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  position: relative;\n  z-index: ", ";\n  min-height: ", ";\n  \n  ", "\n  \n  ", "\n  \n  ", "\n  \n  ", "\n  \n  ", "\n  \n  ", "\n  \n  ", "\n    }\n"], ["\n  position: relative;\n  z-index: ", ";\n  min-height: ", ";\n  \n  ",
+exports.Layout = styled_components_1.default.div(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n  position: relative;\n  z-index: ", ";\n  min-height: ", ";\n  \n  ", "\n  \n  ", "\n  \n  ", "\n  \n  ", "\n  \n  ", "\n  \n  ", "\n  \n  ", "\n    }\n"], ["\n  position: relative;\n  z-index: ", ";\n  min-height: ", ";\n  \n  ",
     "\n  \n  ",
     "\n  \n  ",
     "\n  \n  ",
@@ -73,15 +73,18 @@ exports.Layout = styled_components_1.default.div(templateObject_20 || (templateO
         error && styled_components_1.css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n      ", " {\n        transform: translate(", ", ", ");\n      }\n    "], ["\n      ", " {\n        transform: translate(", ", ", ");\n      }\n    "])), exports.LabelLayout, utils_1.convertPxToRem(60), utils_1.convertPxToRem(18));
 }, function (_a) {
     var focused = _a.focused, notched = _a.notched, error = _a.error;
-    return (focused || notched) && styled_components_1.css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n      ", " {\n        ", ";\n      }\n\n      ", " {\n        overflow: initial;\n        text-overflow: ellipsis;\n        transform: translate3d(", ", -", ", 0);\n      }\n    "], ["\n      ", " {\n        ", ";\n      }\n\n      ", " {\n        overflow: initial;\n        text-overflow: ellipsis;\n        transform: translate3d(", ", -", ", 0);\n      }\n    "])), exports.FieldSetLayout, !error && "border-color: " + utils_1.colors.orange.base + ";", exports.LabelLayout, utils_1.convertPxToRem(29), utils_1.convertPxToRem(6));
+    return (focused || notched) && styled_components_1.css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n      ", " {\n        ", ";\n      }\n\n      ", " {\n        overflow: initial;\n        text-overflow: ellipsis;\n        transform: translate3d(", ", -", ", 0);\n      }\n    "], ["\n      ", " {\n        ",
+        ";\n      }\n\n      ", " {\n        overflow: initial;\n        text-overflow: ellipsis;\n        transform: translate3d(", ", -", ", 0);\n      }\n    "])), exports.FieldSetLayout, !error && styled_components_1.css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n          border-color: ", ";\n        "], ["\n          border-color: ", ";\n        "])), utils_1.colors.orange.base), exports.LabelLayout, utils_1.convertPxToRem(29), utils_1.convertPxToRem(6));
 }, function (_a) {
     var outline = _a.outline, focused = _a.focused, notched = _a.notched;
-    return outline && styled_components_1.css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n      ", " {\n        border-width: ", ";\n        border-color: currentColor;\n      }\n\n      ", "\n    "], ["\n      ", " {\n        border-width: ", ";\n        border-color: currentColor;\n      }\n\n      ",
+    return outline && styled_components_1.css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n      ", " {\n        border-width: ", ";\n        border-color: currentColor;\n      }\n\n      ", "\n    "], ["\n      ", " {\n        border-width: ", ";\n        border-color: currentColor;\n      }\n\n      ",
         "\n    "])), exports.FieldSetLayout, utils_1.convertPxToRem(2), !focused &&
-        !notched && styled_components_1.css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n        ", " {\n          color: currentColor;\n        }\n      "], ["\n        ", " {\n          color: currentColor;\n        }\n      "])), exports.LabelLayout));
+        !notched && styled_components_1.css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n        ", " {\n          color: currentColor;\n        }\n      "], ["\n        ", " {\n          color: currentColor;\n        }\n      "])), exports.LabelLayout));
 }, function (_a) {
-    var disabled = _a.disabled;
-    return disabled && styled_components_1.css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n      ", " {\n        background: ", ";\n      }\n\n      ", " {\n        color: ", ";\n      }\n\n      .react-phone-number-input__input,\n      ", " {\n        color: ", ";\n        cursor: not-allowed;\n        opacity: 1;\n      }\n    "], ["\n      ", " {\n        background: ", ";\n      }\n\n      ", " {\n        color: ", ";\n      }\n\n      .react-phone-number-input__input,\n      ", " {\n        color: ", ";\n        cursor: not-allowed;\n        opacity: 1;\n      }\n    "])), exports.FieldSetLayout, utils_1.colors.dark.base10, exports.LabelLayout, utils_1.colors.grey.base60, Input_styles_1.InputLayout, utils_1.colors.grey.base60);
+    var disabled = _a.disabled, error = _a.error;
+    return disabled && styled_components_1.css(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n      ", " {\n        background: ", ";\n\n        ", "\n      }\n\n      ", " {\n        color: ", ";\n      }\n\n      .react-phone-number-input__input,\n      ", ", ", " {\n        color: ", ";\n        -webkit-text-fill-color: ", ";\n        cursor: not-allowed;\n        opacity: 1;\n      }\n    "], ["\n      ", " {\n        background: ", ";\n\n        ",
+        "\n      }\n\n      ", " {\n        color: ", ";\n      }\n\n      .react-phone-number-input__input,\n      ", ", ", " {\n        color: ", ";\n        -webkit-text-fill-color: ", ";\n        cursor: not-allowed;\n        opacity: 1;\n      }\n    "])), exports.FieldSetLayout, utils_1.colors.dark.base10, error
+        ? styled_components_1.css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n              border-color: ", ";\n            "], ["\n              border-color: ", ";\n            "])), utils_1.colors.orange.base) : styled_components_1.css(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n              border-color: ", ";\n            "], ["\n              border-color: ", ";\n            "])), utils_1.colors.grey.base80), exports.LabelLayout, utils_1.colors.grey.base60, Input_styles_1.InputLayout, exports.Suffix, utils_1.colors.grey.base60, utils_1.colors.grey.base60);
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23;
 //# sourceMappingURL=InputBase.styles.js.map