@proprioo/salatim 18.1.4 → 18.3.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/CHANGELOG.md +20 -0
- package/lib/forms/src/userForm/UserForm.d.ts +3 -0
- package/lib/forms/src/userForm/UserForm.js +3 -2
- package/lib/forms/src/userForm/UserForm.js.map +1 -1
- package/lib/hooks/index.d.ts +2 -0
- package/lib/hooks/index.js +11 -0
- package/lib/hooks/index.js.map +1 -0
- package/lib/hooks/useDebounce/useDebounce.d.ts +2 -0
- package/lib/hooks/useDebounce/useDebounce.js +27 -0
- package/lib/hooks/useDebounce/useDebounce.js.map +1 -0
- package/lib/hooks/useDebounce/useDebounce.test.d.ts +1 -0
- package/lib/hooks/useDebounce/useDebounce.test.js +29 -0
- package/lib/hooks/useDebounce/useDebounce.test.js.map +1 -0
- package/lib/hooks/useEmailSuggestion/useEmailSuggestion.d.ts +6 -0
- package/lib/hooks/useEmailSuggestion/useEmailSuggestion.js +84 -0
- package/lib/hooks/useEmailSuggestion/useEmailSuggestion.js.map +1 -0
- package/lib/hooks/useEmailSuggestion/useEmailSuggestion.test.d.ts +1 -0
- package/lib/hooks/useEmailSuggestion/useEmailSuggestion.test.js +73 -0
- package/lib/hooks/useEmailSuggestion/useEmailSuggestion.test.js.map +1 -0
- package/lib/index.d.ts +1 -0
- package/lib/index.js +3 -3
- package/lib/index.js.map +1 -1
- package/lib/ui/index.d.ts +2 -0
- package/lib/ui/index.js +4 -2
- package/lib/ui/index.js.map +1 -1
- package/lib/ui/src/button/Button.interfaces.d.ts +1 -0
- package/lib/ui/src/button/Button.interfaces.js +1 -0
- package/lib/ui/src/button/Button.interfaces.js.map +1 -1
- package/lib/ui/src/button/Button.styles.js +40 -37
- package/lib/ui/src/button/Button.styles.js.map +1 -1
- package/lib/ui/src/emailInput/EmailInput.d.ts +3 -0
- package/lib/ui/src/emailInput/EmailInput.interfaces.d.ts +12 -0
- package/lib/ui/src/emailInput/EmailInput.interfaces.js +3 -0
- package/lib/ui/src/emailInput/EmailInput.interfaces.js.map +1 -0
- package/lib/ui/src/emailInput/EmailInput.js +119 -0
- package/lib/ui/src/emailInput/EmailInput.js.map +1 -0
- package/lib/ui/src/emailInput/EmailInput.stories.d.ts +1 -0
- package/lib/ui/src/emailInput/EmailInput.stories.js +44 -0
- package/lib/ui/src/emailInput/EmailInput.stories.js.map +1 -0
- package/lib/ui/src/emailInput/EmailInput.styles.d.ts +2 -0
- package/lib/ui/src/emailInput/EmailInput.styles.js +16 -0
- package/lib/ui/src/emailInput/EmailInput.styles.js.map +1 -0
- package/lib/ui/src/emailInput/EmailInput.test.d.ts +1 -0
- package/lib/ui/src/emailInput/EmailInput.test.js +215 -0
- package/lib/ui/src/emailInput/EmailInput.test.js.map +1 -0
- package/lib/ui/src/inputBase/InputBase.styles.js +10 -7
- package/lib/ui/src/inputBase/InputBase.styles.js.map +1 -1
- package/package.json +4 -1
package/lib/ui/index.d.ts
CHANGED
|
@@ -18,6 +18,8 @@ export { default as Card, CardProps } from './src/card/Card';
|
|
|
18
18
|
export { ButtonAppearance, ButtonColors, ButtonProps, ButtonSizes, IconPosition } from './src/button/Button.interfaces';
|
|
19
19
|
export { default as Checkbox } from './src/checkbox/Checkbox';
|
|
20
20
|
export { default as DateInput, isValidDate } from './src/dateInput/DateInput';
|
|
21
|
+
export { default as EmailInput } from './src/emailInput/EmailInput';
|
|
22
|
+
export { EmailInputProps, EmailInputI18nLabelProps } from './src/emailInput/EmailInput.interfaces';
|
|
21
23
|
export { default as Fieldset, FieldsetProps } from './src/fieldset/Fieldset';
|
|
22
24
|
export { default as GmapsAutocomplete, GmapsAutocompleteProps } from './src/gmapsAutoComplete/GmapsAutocomplete';
|
|
23
25
|
export { default as GmapsGeocode, GmapsGeocodeProps } from './src/gmapsGeocode/GmapsGeocode';
|
package/lib/ui/index.js
CHANGED
|
@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.
|
|
7
|
-
exports.ShowMoreTextToggleButton = exports.fontStyleOptions = exports.ShowMoreTextToggle = exports.Select = exports.Tooltip = exports.Textarea = exports.TagBase = exports.Tag = void 0;
|
|
6
|
+
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;
|
|
7
|
+
exports.ShowMoreTextToggleButton = exports.fontStyleOptions = exports.ShowMoreTextToggle = exports.Select = exports.Tooltip = exports.Textarea = exports.TagBase = exports.Tag = exports.TagColorsTypes = void 0;
|
|
8
8
|
var react_places_autocomplete_1 = require("react-places-autocomplete");
|
|
9
9
|
Object.defineProperty(exports, "PlacesAutocomplete", { enumerable: true, get: function () { return __importDefault(react_places_autocomplete_1).default; } });
|
|
10
10
|
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 ()
|
|
|
46
46
|
var DateInput_1 = require("./src/dateInput/DateInput");
|
|
47
47
|
Object.defineProperty(exports, "DateInput", { enumerable: true, get: function () { return __importDefault(DateInput_1).default; } });
|
|
48
48
|
Object.defineProperty(exports, "isValidDate", { enumerable: true, get: function () { return DateInput_1.isValidDate; } });
|
|
49
|
+
var EmailInput_1 = require("./src/emailInput/EmailInput");
|
|
50
|
+
Object.defineProperty(exports, "EmailInput", { enumerable: true, get: function () { return __importDefault(EmailInput_1).default; } });
|
|
49
51
|
var Fieldset_1 = require("./src/fieldset/Fieldset");
|
|
50
52
|
Object.defineProperty(exports, "Fieldset", { enumerable: true, get: function () { return __importDefault(Fieldset_1).default; } });
|
|
51
53
|
var GmapsAutocomplete_1 = require("./src/gmapsAutoComplete/GmapsAutocomplete");
|
package/lib/ui/index.js.map
CHANGED
|
@@ -1 +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"}
|
|
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,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"}
|
|
@@ -17,6 +17,7 @@ var ButtonAppearance;
|
|
|
17
17
|
})(ButtonAppearance = exports.ButtonAppearance || (exports.ButtonAppearance = {}));
|
|
18
18
|
var ButtonColors;
|
|
19
19
|
(function (ButtonColors) {
|
|
20
|
+
ButtonColors["BLACK"] = "black";
|
|
20
21
|
ButtonColors["BLUE"] = "blue";
|
|
21
22
|
ButtonColors["GREEN"] = "green";
|
|
22
23
|
ButtonColors["PINK"] = "pink";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.interfaces.js","sourceRoot":"","sources":["../../../../packages/ui/src/button/Button.interfaces.ts"],"names":[],"mappings":";;;AAEA,IAAY,WAKX;AALD,WAAY,WAAW;IACrB,0BAAW,CAAA;IACX,8BAAe,CAAA;IACf,8BAAe,CAAA;IACf,4BAAa,CAAA;AACf,CAAC,EALW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAKtB;AAED,IAAY,gBAKX;AALD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,2CAAuB,CAAA;IACvB,kDAA8B,CAAA;IAC9B,mCAAe,CAAA;AACjB,CAAC,EALW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAK3B;AAED,IAAY,
|
|
1
|
+
{"version":3,"file":"Button.interfaces.js","sourceRoot":"","sources":["../../../../packages/ui/src/button/Button.interfaces.ts"],"names":[],"mappings":";;;AAEA,IAAY,WAKX;AALD,WAAY,WAAW;IACrB,0BAAW,CAAA;IACX,8BAAe,CAAA;IACf,8BAAe,CAAA;IACf,4BAAa,CAAA;AACf,CAAC,EALW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAKtB;AAED,IAAY,gBAKX;AALD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,2CAAuB,CAAA;IACvB,kDAA8B,CAAA;IAC9B,mCAAe,CAAA;AACjB,CAAC,EALW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAK3B;AAED,IAAY,YAQX;AARD,WAAY,YAAY;IACtB,+BAAe,CAAA;IACf,6BAAa,CAAA;IACb,+BAAe,CAAA;IACf,6BAAa,CAAA;IACb,iCAAiB,CAAA;IACjB,2BAAW,CAAA;IACX,+BAAe,CAAA;AACjB,CAAC,EARW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAQvB;AAED,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,6BAAa,CAAA;IACb,+BAAe,CAAA;AACjB,CAAC,EAHW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAGvB"}
|
|
@@ -35,75 +35,78 @@ var minusPadding = function (padding) {
|
|
|
35
35
|
};
|
|
36
36
|
exports.minusPadding = minusPadding;
|
|
37
37
|
var COMMON_BUTTON = styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border: ", " solid transparent;\n transition: background-color 0.2s ease-out, border 0.2s ease-out,\n color 0.2s ease-out;\n\n :disabled {\n color: ", ";\n background-color: ", ";\n }\n"], ["\n border: ", " solid transparent;\n transition: background-color 0.2s ease-out, border 0.2s ease-out,\n color 0.2s ease-out;\n\n :disabled {\n color: ", ";\n background-color: ", ";\n }\n"])), utils_1.convertPxToRem(2), utils_1.colors.grey.base60, utils_1.colors.dark.base10);
|
|
38
|
-
var primaryStyle = styled_components_1.css(
|
|
38
|
+
var primaryStyle = styled_components_1.css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n ", ";\n ", ";\n color: white;\n\n ", ";\n"], ["\n ", ";\n ", ";\n color: white;\n\n ",
|
|
39
39
|
";\n"])), utils_1.ArchivoFont, COMMON_BUTTON, function (props) {
|
|
40
40
|
return props.theme === Button_interfaces_1.ButtonColors.GREEN
|
|
41
|
-
? styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.green.base, utils_1.colors.green.base80) : props.theme === Button_interfaces_1.ButtonColors.
|
|
42
|
-
? styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.
|
|
43
|
-
? styled_components_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.
|
|
44
|
-
? styled_components_1.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.
|
|
45
|
-
? styled_components_1.css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background-color:
|
|
41
|
+
? styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.green.base, utils_1.colors.green.base80) : props.theme === Button_interfaces_1.ButtonColors.BLACK
|
|
42
|
+
? styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.dark.base, utils_1.colors.dark.base60) : props.theme === Button_interfaces_1.ButtonColors.BLUE
|
|
43
|
+
? styled_components_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.blue.base, utils_1.colors.blue.base60) : props.theme === Button_interfaces_1.ButtonColors.PINK
|
|
44
|
+
? styled_components_1.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.pink.base, utils_1.colors.red.base10) : props.theme === Button_interfaces_1.ButtonColors.RED
|
|
45
|
+
? styled_components_1.css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.red.base, utils_1.colors.red.base80) : props.theme === Button_interfaces_1.ButtonColors.WHITE
|
|
46
|
+
? styled_components_1.css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n background-color: white;\n color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n background-color: white;\n color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.green.base, utils_1.colors.blue.base20) : styled_components_1.css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.orange.base, utils_1.colors.orange.base60);
|
|
46
47
|
});
|
|
47
|
-
var secondaryStyle = styled_components_1.css(
|
|
48
|
+
var secondaryStyle = styled_components_1.css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n ", ";\n ", ";\n\n border-color: currentColor;\n\n :disabled {\n border-color: transparent;\n }\n\n ", ";\n"], ["\n ", ";\n ", ";\n\n border-color: currentColor;\n\n :disabled {\n border-color: transparent;\n }\n\n ",
|
|
48
49
|
";\n"])), utils_1.ArchivoFont, COMMON_BUTTON, function (props) {
|
|
49
50
|
return props.theme === Button_interfaces_1.ButtonColors.GREEN
|
|
50
|
-
? styled_components_1.css(
|
|
51
|
-
? styled_components_1.css(
|
|
52
|
-
? styled_components_1.css(
|
|
53
|
-
? styled_components_1.css(
|
|
54
|
-
? styled_components_1.css(
|
|
51
|
+
? styled_components_1.css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.green.base, utils_1.colors.green.base20) : props.theme === Button_interfaces_1.ButtonColors.BLACK
|
|
52
|
+
? styled_components_1.css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.dark.base, polished_1.transparentize(0.8, utils_1.colors.dark.base60)) : props.theme === Button_interfaces_1.ButtonColors.BLUE
|
|
53
|
+
? styled_components_1.css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.blue.base, polished_1.transparentize(0.8, utils_1.colors.blue.base60)) : props.theme === Button_interfaces_1.ButtonColors.PINK
|
|
54
|
+
? styled_components_1.css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.pink.base, polished_1.transparentize(0.8, utils_1.colors.red.base10)) : props.theme === Button_interfaces_1.ButtonColors.RED
|
|
55
|
+
? styled_components_1.css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.red.base, polished_1.transparentize(0.8, utils_1.colors.red.base60)) : props.theme === Button_interfaces_1.ButtonColors.WHITE
|
|
56
|
+
? styled_components_1.css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n color: white;\n\n :not(:disabled):hover {\n background-color: white;\n border-color: white;\n color: ", ";\n }\n\n :disabled {\n color: ", ";\n }\n "], ["\n color: white;\n\n :not(:disabled):hover {\n background-color: white;\n border-color: white;\n color: ", ";\n }\n\n :disabled {\n color: ", ";\n }\n "])), utils_1.colors.green.base, polished_1.transparentize(0.6, 'white')) : styled_components_1.css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.orange.base, polished_1.transparentize(0.8, utils_1.colors.orange.base60));
|
|
55
57
|
});
|
|
56
|
-
var noAppearanceStyle = styled_components_1.css(
|
|
58
|
+
var noAppearanceStyle = styled_components_1.css(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n ", ";\n color: ", ";\n min-height: 0;\n padding: 0;\n border-radius: unset;\n background-color: inherit;\n transition: background-color 0.2s ease-out, border 0.2s ease-out,\n color 0.2s ease-out;\n\n :disabled {\n background-color: inherit;\n }\n\n :not(:disabled) {\n box-shadow: unset;\n }\n\n ", ";\n"], ["\n ", ";\n color: ", ";\n min-height: 0;\n padding: 0;\n border-radius: unset;\n background-color: inherit;\n transition: background-color 0.2s ease-out, border 0.2s ease-out,\n color 0.2s ease-out;\n\n :disabled {\n background-color: inherit;\n }\n\n :not(:disabled) {\n box-shadow: unset;\n }\n\n ",
|
|
57
59
|
";\n"])), utils_1.ArchivoFont, utils_1.colors.orange.base, function (props) {
|
|
58
60
|
return props.theme === Button_interfaces_1.ButtonColors.GREEN
|
|
59
|
-
? styled_components_1.css(
|
|
60
|
-
? styled_components_1.css(
|
|
61
|
-
? styled_components_1.css(
|
|
62
|
-
? styled_components_1.css(
|
|
63
|
-
? styled_components_1.css(
|
|
61
|
+
? styled_components_1.css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n color: ", ";\n\n :not(:disabled):hover {\n color: ", ";\n }\n "], ["\n color: ", ";\n\n :not(:disabled):hover {\n color: ", ";\n }\n "])), utils_1.colors.green.base, utils_1.colors.green.base80) : props.theme === Button_interfaces_1.ButtonColors.BLACK
|
|
62
|
+
? styled_components_1.css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n color: ", ";\n\n :not(:disabled):hover {\n color: ", ";\n }\n\n :disabled {\n color: ", ";\n }\n "], ["\n color: ", ";\n\n :not(:disabled):hover {\n color: ", ";\n }\n\n :disabled {\n color: ", ";\n }\n "])), utils_1.colors.dark.base, utils_1.colors.dark.base60, polished_1.transparentize(0.6, 'white')) : props.theme === Button_interfaces_1.ButtonColors.BLUE
|
|
63
|
+
? styled_components_1.css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n color: ", ";\n\n :not(:disabled):hover {\n color: ", ";\n }\n "], ["\n color: ", ";\n\n :not(:disabled):hover {\n color: ", ";\n }\n "])), utils_1.colors.blue.base, utils_1.colors.blue.base80) : props.theme === Button_interfaces_1.ButtonColors.PINK
|
|
64
|
+
? styled_components_1.css(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n color: ", ";\n\n :not(:disabled):hover {\n color: ", ";\n }\n "], ["\n color: ", ";\n\n :not(:disabled):hover {\n color: ", ";\n }\n "])), utils_1.colors.pink.base, utils_1.colors.pink.base10) : props.theme === Button_interfaces_1.ButtonColors.WHITE
|
|
65
|
+
? styled_components_1.css(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n color: white;\n\n :not(:disabled):hover {\n color: ", ";\n }\n\n :disabled {\n color: ", ";\n }\n "], ["\n color: white;\n\n :not(:disabled):hover {\n color: ", ";\n }\n\n :disabled {\n color: ", ";\n }\n "])), utils_1.colors.pink.base, polished_1.transparentize(0.6, 'white')) : props.theme === Button_interfaces_1.ButtonColors.RED
|
|
66
|
+
? styled_components_1.css(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n color: ", ";\n\n :not(:disabled):hover {\n color: ", ";\n }\n\n :disabled {\n color: ", ";\n }\n "], ["\n color: ", ";\n\n :not(:disabled):hover {\n color: ", ";\n }\n\n :disabled {\n color: ", ";\n }\n "])), utils_1.colors.red.base, utils_1.colors.red.base60, polished_1.transparentize(0.6, 'white')) : styled_components_1.css(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n color: ", ";\n\n :not(:disabled):hover {\n color: ", ";\n }\n "], ["\n color: ", ";\n\n :not(:disabled):hover {\n color: ", ";\n }\n "])), utils_1.colors.orange.base, utils_1.colors.orange.base60);
|
|
64
67
|
});
|
|
65
|
-
var basicStyle = styled_components_1.css(
|
|
66
|
-
exports.LabelLayout = styled_components_1.default.div(
|
|
67
|
-
exports.IconWrapper = styled_components_1.default.div(
|
|
68
|
+
var basicStyle = styled_components_1.css(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n ", ";\n text-transform: uppercase;\n font-weight: 500;\n letter-spacing: 0.04em;\n"], ["\n ", ";\n text-transform: uppercase;\n font-weight: 500;\n letter-spacing: 0.04em;\n"])), utils_1.IntegralCFFont);
|
|
69
|
+
exports.LabelLayout = styled_components_1.default.div(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
|
|
70
|
+
exports.IconWrapper = styled_components_1.default.div(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n svg {\n width: 100%;\n height: 100%;\n }\n\n ", "\n\n ", "\n \n ", "\n"], ["\n svg {\n width: 100%;\n height: 100%;\n }\n\n ",
|
|
68
71
|
"\n\n ",
|
|
69
72
|
"\n \n ",
|
|
70
73
|
"\n"])), function (_a) {
|
|
71
74
|
var iconPosition = _a.iconPosition;
|
|
72
75
|
return iconPosition === Button_interfaces_1.IconPosition.RIGHT
|
|
73
|
-
? styled_components_1.css(
|
|
76
|
+
? styled_components_1.css(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n margin-right: ", ";\n "], ["\n margin-right: ", ";\n "])), utils_1.convertPxToRem(8)) : styled_components_1.css(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n margin-left: ", ";\n "], ["\n margin-left: ", ";\n "])), utils_1.convertPxToRem(8));
|
|
74
77
|
}, function (_a) {
|
|
75
78
|
var size = _a.size;
|
|
76
79
|
return size === Button_interfaces_1.ButtonSizes.LARGE ||
|
|
77
80
|
size === Button_interfaces_1.ButtonSizes.FULL ||
|
|
78
81
|
size === Button_interfaces_1.ButtonSizes.BIG
|
|
79
|
-
? styled_components_1.css(
|
|
82
|
+
? styled_components_1.css(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n width: ", ";\n height: ", ";\n min-width: ", ";\n "], ["\n width: ", ";\n height: ", ";\n min-width: ", ";\n "])), utils_1.convertPxToRem(32), utils_1.convertPxToRem(32), utils_1.convertPxToRem(32)) : styled_components_1.css(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n width: ", ";\n height: ", ";\n min-width: ", ";\n "], ["\n width: ", ";\n height: ", ";\n min-width: ", ";\n "])), utils_1.convertPxToRem(24), utils_1.convertPxToRem(24), utils_1.convertPxToRem(24));
|
|
80
83
|
}, function (_a) {
|
|
81
84
|
var appearance = _a.appearance, iconPosition = _a.iconPosition;
|
|
82
|
-
return appearance === Button_interfaces_1.ButtonAppearance.BASIC && styled_components_1.css(
|
|
83
|
-
"\n "])), utils_1.convertPxToRem(4), utils_1.convertPxToRem(4), utils_1.convertPxToRem(4), iconPosition === Button_interfaces_1.IconPosition.RIGHT && styled_components_1.css(
|
|
85
|
+
return appearance === Button_interfaces_1.ButtonAppearance.BASIC && styled_components_1.css(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n margin-top: -", ";\n margin-left: -", ";\n margin-right: -", ";\n overflow: hidden;\n position: relative;\n\n ", "\n "], ["\n margin-top: -", ";\n margin-left: -", ";\n margin-right: -", ";\n overflow: hidden;\n position: relative;\n\n ",
|
|
86
|
+
"\n "])), utils_1.convertPxToRem(4), utils_1.convertPxToRem(4), utils_1.convertPxToRem(4), iconPosition === Button_interfaces_1.IconPosition.RIGHT && styled_components_1.css(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n margin-right: 0;\n "], ["\n margin-right: 0;\n "]))));
|
|
84
87
|
});
|
|
85
|
-
exports.Layout = styled_components_1.default.button(
|
|
88
|
+
exports.Layout = styled_components_1.default.button(templateObject_46 || (templateObject_46 = __makeTemplateObject(["\n ", ";\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n appearance: none;\n background-color: transparent;\n color: white;\n font-size: ", ";\n font-weight: normal;\n border-radius: ", ";\n border: 0;\n line-height: ", ";\n text-align: left;\n\n :not(:disabled) {\n box-shadow: ", ";\n }\n\n :active {\n box-shadow: unset;\n }\n\n :active,\n :focus {\n outline: none;\n }\n\n :disabled {\n color: ", ";\n cursor: not-allowed;\n }\n\n path {\n fill: currentColor;\n }\n\n ", "\n\n ", "\n \n ", "\n\n ", "\n\n ", "\n"], ["\n ", ";\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n appearance: none;\n background-color: transparent;\n color: white;\n font-size: ", ";\n font-weight: normal;\n border-radius: ", ";\n border: 0;\n line-height: ", ";\n text-align: left;\n\n :not(:disabled) {\n box-shadow: ", ";\n }\n\n :active {\n box-shadow: unset;\n }\n\n :active,\n :focus {\n outline: none;\n }\n\n :disabled {\n color: ", ";\n cursor: not-allowed;\n }\n\n path {\n fill: currentColor;\n }\n\n ",
|
|
86
89
|
"\n\n ",
|
|
87
90
|
"\n \n ",
|
|
88
91
|
"\n\n ",
|
|
89
92
|
"\n\n ",
|
|
90
93
|
"\n"])), utils_1.ArchivoFont, utils_1.fonts.small, utils_1.convertPxToRem(24), utils_1.convertPxToRem(16), utils_1.shadows.level1, utils_1.colors.grey.base, function (props) {
|
|
91
94
|
return props.size === Button_interfaces_1.ButtonSizes.FULL
|
|
92
|
-
? styled_components_1.css(
|
|
93
|
-
? styled_components_1.css(
|
|
95
|
+
? styled_components_1.css(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n font-size: ", ";\n min-height: ", ";\n width: 100%;\n justify-content: center;\n padding: ", " 0;\n "], ["\n font-size: ", ";\n min-height: ", ";\n width: 100%;\n justify-content: center;\n padding: ", " 0;\n "])), utils_1.fonts.base, utils_1.convertPxToRem(48), exports.minusPadding(utils_1.convertPxToRem(4))) : props.size === Button_interfaces_1.ButtonSizes.BIG
|
|
96
|
+
? styled_components_1.css(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n font-size: ", ";\n min-height: ", ";\n padding: ", "\n ", "\n ", "\n ", ";\n "], ["\n font-size: ", ";\n min-height: ", ";\n padding: ", "\n ",
|
|
94
97
|
"\n ", "\n ",
|
|
95
98
|
";\n "])), utils_1.fonts.base, utils_1.convertPxToRem(48), exports.minusPadding(utils_1.convertPxToRem(4)), props.icon && props.iconPosition === Button_interfaces_1.IconPosition.RIGHT
|
|
96
99
|
? 0
|
|
97
100
|
: exports.minusPadding(utils_1.convertPxToRem(24)), exports.minusPadding(utils_1.convertPxToRem(4)), props.icon && props.iconPosition === Button_interfaces_1.IconPosition.LEFT
|
|
98
101
|
? 0
|
|
99
102
|
: exports.minusPadding(utils_1.convertPxToRem(24))) : props.size === Button_interfaces_1.ButtonSizes.LARGE
|
|
100
|
-
? styled_components_1.css(
|
|
103
|
+
? styled_components_1.css(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n font-size: ", ";\n min-height: ", ";\n padding: ", "\n ", "\n ", "\n ", ";\n "], ["\n font-size: ", ";\n min-height: ", ";\n padding: ", "\n ",
|
|
101
104
|
"\n ", "\n ",
|
|
102
105
|
";\n "])), utils_1.fonts.base, utils_1.convertPxToRem(40), exports.minusPadding(utils_1.convertPxToRem(4)), props.icon && props.iconPosition === Button_interfaces_1.IconPosition.RIGHT
|
|
103
106
|
? 0
|
|
104
107
|
: exports.minusPadding(utils_1.convertPxToRem(24)), exports.minusPadding(utils_1.convertPxToRem(4)), props.icon && props.iconPosition === Button_interfaces_1.IconPosition.LEFT
|
|
105
108
|
? 0
|
|
106
|
-
: exports.minusPadding(utils_1.convertPxToRem(24))) : styled_components_1.css(
|
|
109
|
+
: exports.minusPadding(utils_1.convertPxToRem(24))) : styled_components_1.css(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n min-height: ", ";\n padding: ", "\n ", "\n ", "\n ", ";\n "], ["\n min-height: ", ";\n padding: ", "\n ",
|
|
107
110
|
"\n ", "\n ",
|
|
108
111
|
";\n "])), utils_1.convertPxToRem(32), exports.minusPadding(utils_1.convertPxToRem(4)), props.icon && props.iconPosition === Button_interfaces_1.IconPosition.RIGHT
|
|
109
112
|
? 0
|
|
@@ -111,21 +114,21 @@ exports.Layout = styled_components_1.default.button(templateObject_43 || (templa
|
|
|
111
114
|
? 0
|
|
112
115
|
: exports.minusPadding(utils_1.convertPxToRem(16)));
|
|
113
116
|
}, function (props) {
|
|
114
|
-
return props.iconPosition === Button_interfaces_1.IconPosition.RIGHT && styled_components_1.css(
|
|
117
|
+
return props.iconPosition === Button_interfaces_1.IconPosition.RIGHT && styled_components_1.css(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n flex-direction: row-reverse;\n "], ["\n flex-direction: row-reverse;\n "])));
|
|
115
118
|
}, function (props) {
|
|
116
|
-
return props.rounded && styled_components_1.css(
|
|
119
|
+
return props.rounded && styled_components_1.css(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n border-radius: ", ";\n padding: 0;\n\n ", " {\n width: 100%;\n margin: 0;\n }\n "], ["\n border-radius: ", ";\n padding: 0;\n\n ", " {\n width: 100%;\n margin: 0;\n }\n "])), utils_1.radius.rounded, exports.IconWrapper);
|
|
117
120
|
}, function (props) {
|
|
118
121
|
return props.rounded &&
|
|
119
122
|
props.appearance !== Button_interfaces_1.ButtonAppearance.NO_APPEARANCE &&
|
|
120
|
-
props.appearance !== Button_interfaces_1.ButtonAppearance.BASIC && styled_components_1.css(
|
|
123
|
+
props.appearance !== Button_interfaces_1.ButtonAppearance.BASIC && styled_components_1.css(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n ", "\n "], ["\n ",
|
|
121
124
|
"\n "])), props.size === Button_interfaces_1.ButtonSizes.LARGE || props.size === Button_interfaces_1.ButtonSizes.FULL
|
|
122
125
|
? "height: " + utils_1.convertPxToRem(40) + "};\n width: " + utils_1.convertPxToRem(40) + "};"
|
|
123
126
|
: "height: " + utils_1.convertPxToRem(32) + ";\n width: " + utils_1.convertPxToRem(32) + ";");
|
|
124
127
|
}, function (props) {
|
|
125
128
|
return props.appearance === Button_interfaces_1.ButtonAppearance.PRIMARY
|
|
126
|
-
? styled_components_1.css(
|
|
127
|
-
? styled_components_1.css(
|
|
128
|
-
? styled_components_1.css(
|
|
129
|
+
? styled_components_1.css(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), primaryStyle) : props.appearance === Button_interfaces_1.ButtonAppearance.SECONDARY
|
|
130
|
+
? styled_components_1.css(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), secondaryStyle) : props.appearance === Button_interfaces_1.ButtonAppearance.NO_APPEARANCE
|
|
131
|
+
? styled_components_1.css(templateObject_44 || (templateObject_44 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), noAppearanceStyle) : props.appearance === Button_interfaces_1.ButtonAppearance.BASIC && styled_components_1.css(templateObject_45 || (templateObject_45 = __makeTemplateObject(["\n ", "\n ", "\n "], ["\n ", "\n ", "\n "])), noAppearanceStyle, basicStyle);
|
|
129
132
|
});
|
|
130
|
-
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, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43;
|
|
133
|
+
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, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45, templateObject_46;
|
|
131
134
|
//# sourceMappingURL=Button.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/button/Button.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAA0C;AAC1C,qEAAgD;AAEhD,wCAQwB;AACxB,sDAAkD;AAClD,yDAM6B;AAOtB,IAAM,YAAY,GAAG,UAAC,OAAe;IAC1C,IAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,GAAG,cAAI,GAAG,CAAC,CAAC;IACjE,OAAO,KAAG,sBAAc,CAAC,UAAU,CAAG,CAAC;AACzC,CAAC,CAAC;AAHW,QAAA,YAAY,gBAGvB;AAEF,IAAM,aAAa,GAAG,uBAAG,8QAAA,cACb,EAAiB,kJAKhB,EAAkB,2BACP,EAAkB,UAEzC,KARW,sBAAc,CAAC,CAAC,CAAC,EAKhB,cAAM,CAAC,IAAI,CAAC,MAAM,EACP,cAAM,CAAC,IAAI,CAAC,MAAM,CAEzC,CAAC;AAEF,IAAM,YAAY,GAAG,uBAAG,qHAAa,MACjC,EAAW,OACX,EAAa,0BAGb;
|
|
1
|
+
{"version":3,"file":"Button.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/button/Button.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { InputBaseProps } from '../inputBase/InputBase';
|
|
2
|
+
export interface EmailInputI18nLabelProps {
|
|
3
|
+
yes: string;
|
|
4
|
+
no: string;
|
|
5
|
+
suggestion(email: string): string;
|
|
6
|
+
}
|
|
7
|
+
export interface EmailInputProps extends InputBaseProps {
|
|
8
|
+
/** Whether to enabled/disable email suggestions. */
|
|
9
|
+
isSuggestionEnabled?: boolean;
|
|
10
|
+
/** i18n translation keys */
|
|
11
|
+
i18nLabels?: EmailInputI18nLabelProps;
|
|
12
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmailInput.interfaces.js","sourceRoot":"","sources":["../../../../packages/ui/src/emailInput/EmailInput.interfaces.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
16
|
+
}) : (function(o, m, k, k2) {
|
|
17
|
+
if (k2 === undefined) k2 = k;
|
|
18
|
+
o[k2] = m[k];
|
|
19
|
+
}));
|
|
20
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
21
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
22
|
+
}) : function(o, v) {
|
|
23
|
+
o["default"] = v;
|
|
24
|
+
});
|
|
25
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
26
|
+
if (mod && mod.__esModule) return mod;
|
|
27
|
+
var result = {};
|
|
28
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
29
|
+
__setModuleDefault(result, mod);
|
|
30
|
+
return result;
|
|
31
|
+
};
|
|
32
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
33
|
+
var t = {};
|
|
34
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
35
|
+
t[p] = s[p];
|
|
36
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
37
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
38
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
39
|
+
t[p[i]] = s[p[i]];
|
|
40
|
+
}
|
|
41
|
+
return t;
|
|
42
|
+
};
|
|
43
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
44
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
45
|
+
};
|
|
46
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
|
+
var react_1 = __importStar(require("react"));
|
|
48
|
+
var useEmailSuggestion_1 = __importDefault(require("../../../hooks/useEmailSuggestion/useEmailSuggestion"));
|
|
49
|
+
var Input_1 = require("../input/Input");
|
|
50
|
+
var InputBase_1 = __importDefault(require("../inputBase/InputBase"));
|
|
51
|
+
var EmailInput_styles_1 = require("./EmailInput.styles");
|
|
52
|
+
var DEFAULT_I18N_LABELS = {
|
|
53
|
+
yes: 'Oui',
|
|
54
|
+
no: 'Non',
|
|
55
|
+
suggestion: function (email) { return "Vouliez-vous \u00E9crire " + email + " ?"; }
|
|
56
|
+
};
|
|
57
|
+
function EmailInput(_a) {
|
|
58
|
+
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"]);
|
|
59
|
+
var _d = react_1.useState(false), isFocused = _d[0], setIsFocused = _d[1];
|
|
60
|
+
var _e = react_1.useState(null), displayedSuggestion = _e[0], setDisplayedSuggestion = _e[1];
|
|
61
|
+
var suggestedEmail = useEmailSuggestion_1.default({
|
|
62
|
+
debounce: 0,
|
|
63
|
+
email: value
|
|
64
|
+
});
|
|
65
|
+
var handleChange = function (newValue) {
|
|
66
|
+
onChange && onChange(newValue);
|
|
67
|
+
};
|
|
68
|
+
var handleBlur = function () {
|
|
69
|
+
if (isFocused) {
|
|
70
|
+
setIsFocused(false);
|
|
71
|
+
}
|
|
72
|
+
onBlur && onBlur();
|
|
73
|
+
};
|
|
74
|
+
var handleFocus = function () {
|
|
75
|
+
if (!isFocused) {
|
|
76
|
+
setIsFocused(true);
|
|
77
|
+
}
|
|
78
|
+
onFocus && onFocus();
|
|
79
|
+
};
|
|
80
|
+
var discardSuggestion = function () {
|
|
81
|
+
setDisplayedSuggestion(null);
|
|
82
|
+
};
|
|
83
|
+
var applySuggestion = function () {
|
|
84
|
+
suggestedEmail && handleChange(suggestedEmail);
|
|
85
|
+
};
|
|
86
|
+
// This updates displayed suggestion when suggestion has changed
|
|
87
|
+
react_1.useEffect(function () {
|
|
88
|
+
if (!isSuggestionEnabled || disabled || isFocused) {
|
|
89
|
+
return;
|
|
90
|
+
}
|
|
91
|
+
if (suggestedEmail && displayedSuggestion !== suggestedEmail) {
|
|
92
|
+
setDisplayedSuggestion(suggestedEmail);
|
|
93
|
+
}
|
|
94
|
+
}, [isFocused]);
|
|
95
|
+
// Hide suggestion it matches current input's value
|
|
96
|
+
react_1.useEffect(function () {
|
|
97
|
+
if (value === displayedSuggestion) {
|
|
98
|
+
setDisplayedSuggestion(null);
|
|
99
|
+
}
|
|
100
|
+
}, [displayedSuggestion, value]);
|
|
101
|
+
// Clear suggestion when disabled
|
|
102
|
+
react_1.useEffect(function () {
|
|
103
|
+
if ((!isSuggestionEnabled || disabled) && displayedSuggestion) {
|
|
104
|
+
setDisplayedSuggestion(null);
|
|
105
|
+
}
|
|
106
|
+
}, [disabled, isSuggestionEnabled]);
|
|
107
|
+
return (react_1.default.createElement(react_1.Fragment, null,
|
|
108
|
+
react_1.default.createElement(InputBase_1.default, __assign({}, restProps, { disabled: disabled, type: Input_1.InputType.EMAIL, onBlur: handleBlur, onChange: handleChange, onFocus: handleFocus, value: value })),
|
|
109
|
+
displayedSuggestion && (react_1.default.createElement(EmailInput_styles_1.SuggestionLayout, { "data-test": "email-suggestion" },
|
|
110
|
+
i18nLabels.suggestion(displayedSuggestion),
|
|
111
|
+
' ',
|
|
112
|
+
react_1.default.createElement(EmailInput_styles_1.Button, { type: "button", onClick: applySuggestion }, i18nLabels.yes),
|
|
113
|
+
' ',
|
|
114
|
+
"-",
|
|
115
|
+
' ',
|
|
116
|
+
react_1.default.createElement(EmailInput_styles_1.Button, { type: "button", onClick: discardSuggestion }, i18nLabels.no)))));
|
|
117
|
+
}
|
|
118
|
+
exports.default = EmailInput;
|
|
119
|
+
//# sourceMappingURL=EmailInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmailInput.js","sourceRoot":"","sources":["../../../../packages/ui/src/emailInput/EmailInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
var react_1 = __importDefault(require("react"));
|
|
18
|
+
var storybook_state_1 = require("@sambego/storybook-state");
|
|
19
|
+
var addon_actions_1 = require("@storybook/addon-actions");
|
|
20
|
+
var addon_knobs_1 = require("@storybook/addon-knobs");
|
|
21
|
+
var react_2 = require("@storybook/react");
|
|
22
|
+
var Input_1 = require("../input/Input");
|
|
23
|
+
var EmailInput_1 = __importDefault(require("./EmailInput"));
|
|
24
|
+
var onChangeAction = addon_actions_1.action('onChange');
|
|
25
|
+
var inputState = new storybook_state_1.Store({
|
|
26
|
+
value: 'value'
|
|
27
|
+
});
|
|
28
|
+
var defaultProps = {
|
|
29
|
+
label: 'Label',
|
|
30
|
+
type: Input_1.InputType.EMAIL,
|
|
31
|
+
disabled: false,
|
|
32
|
+
error: false,
|
|
33
|
+
onChange: onChangeAction
|
|
34
|
+
};
|
|
35
|
+
react_2.storiesOf('EmailInput', module).add('default', function () {
|
|
36
|
+
var disabled = addon_knobs_1.boolean('Input disabled?', false);
|
|
37
|
+
var isSuggestionEnabled = addon_knobs_1.boolean('Email suggestion enabled?', true);
|
|
38
|
+
return (react_1.default.createElement(storybook_state_1.State, { store: inputState },
|
|
39
|
+
react_1.default.createElement(EmailInput_1.default, __assign({}, defaultProps, { isSuggestionEnabled: isSuggestionEnabled, disabled: disabled, value: inputState.get('value'), onChange: function (value) {
|
|
40
|
+
inputState.set({ value: value });
|
|
41
|
+
onChangeAction(value);
|
|
42
|
+
} }))));
|
|
43
|
+
});
|
|
44
|
+
//# sourceMappingURL=EmailInput.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.Button = exports.SuggestionLayout = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
var __1 = require("../../..");
|
|
13
|
+
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));
|
|
14
|
+
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);
|
|
15
|
+
var templateObject_1, templateObject_2;
|
|
16
|
+
//# sourceMappingURL=EmailInput.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|