ouisys-component-library 0.0.5 → 0.0.6

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/build/index.css CHANGED
@@ -1,2 +1,2 @@
1
- .Disclaimers-module_wrapper__yyrGN{background-color:red}.Input-module_wrapper__bzo7K input,.Input-module_wrapper__bzo7K select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:inline-block;margin:8px 0;padding:12px 20px;width:100%}.Input-module_wrapper__bzo7K input[type=submit]{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:8px 0;padding:14px 20px;width:100%}.Input-module_wrapper__bzo7K input[type=submit]:hover{background-color:#45a049}.Input-module_wrapper__bzo7K .Input-module_error__rkwNz{color:red}
1
+ .Disclaimers-module_wrapper__yyrGN{background-color:red}.Input-module_wrapper__bzo7K input,.Input-module_wrapper__bzo7K select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:inline-block;margin:8px 0;padding:12px 20px;width:100%}.Input-module_wrapper__bzo7K input[type=submit]{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:8px 0;padding:14px 20px;width:100%}.Input-module_wrapper__bzo7K input[type=submit]:hover{background-color:#45a049}.Input-module_wrapper__bzo7K .Input-module_error__rkwNz{color:red}.Select-module_wrapper__FuUXB input,.Select-module_wrapper__FuUXB select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:inline-block;margin:8px 0;padding:12px 20px;width:100%}.Select-module_wrapper__FuUXB input[type=submit]{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:8px 0;padding:14px 20px;width:100%}.Select-module_wrapper__FuUXB input[type=submit]:hover{background-color:#45a049}.Select-module_wrapper__FuUXB .Select-module_error__GpAw6{color:red}
2
2
  /*# sourceMappingURL=index.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["Disclaimers.module.scss","Input.module.scss"],"names":[],"mappings":"AAAA,mCACE,oBAAuB,CCDzB,uEAME,qBAAsB,CACtB,iBAAkB,CAClB,qBAAsB,CAHtB,oBAAqB,CADrB,YAAa,CADb,iBAAkB,CADlB,UAMwB,CAE1B,gDAEE,wBAAyB,CAIzB,WAAY,CACZ,iBAAkB,CAJlB,UAAY,CAKZ,cAAe,CAHf,YAAa,CADb,iBAAkB,CAHlB,UAOiB,CAEnB,sDACE,wBAA2B,CAE7B,wDACE,SAAY","file":"index.css","sourcesContent":[".wrapper {\n background-color: red; }\n",".wrapper input,\n.wrapper select {\n width: 100%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box; }\n\n.wrapper input[type='submit'] {\n width: 100%;\n background-color: #4caf50;\n color: white;\n padding: 14px 20px;\n margin: 8px 0;\n border: none;\n border-radius: 4px;\n cursor: pointer; }\n\n.wrapper input[type='submit']:hover {\n background-color: #45a049; }\n\n.wrapper .error {\n color: red; }\n"]}
1
+ {"version":3,"sources":["Disclaimers.module.scss","Input.module.scss","Select.module.scss"],"names":[],"mappings":"AAAA,mCACE,oBAAuB,CCDzB,uEAME,qBAAsB,CACtB,iBAAkB,CAClB,qBAAsB,CAHtB,oBAAqB,CADrB,YAAa,CADb,iBAAkB,CADlB,UAMwB,CAE1B,gDAEE,wBAAyB,CAIzB,WAAY,CACZ,iBAAkB,CAJlB,UAAY,CAKZ,cAAe,CAHf,YAAa,CADb,iBAAkB,CAHlB,UAOiB,CAEnB,sDACE,wBAA2B,CAE7B,wDACE,SAAY,CCxBd,yEAME,qBAAsB,CACtB,iBAAkB,CAClB,qBAAsB,CAHtB,oBAAqB,CADrB,YAAa,CADb,iBAAkB,CADlB,UAMwB,CAE1B,iDAEE,wBAAyB,CAIzB,WAAY,CACZ,iBAAkB,CAJlB,UAAY,CAKZ,cAAe,CAHf,YAAa,CADb,iBAAkB,CAHlB,UAOiB,CAEnB,uDACE,wBAA2B,CAE7B,0DACE,SAAY","file":"index.css","sourcesContent":[".wrapper {\n background-color: red; }\n",".wrapper input,\n.wrapper select {\n width: 100%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box; }\n\n.wrapper input[type='submit'] {\n width: 100%;\n background-color: #4caf50;\n color: white;\n padding: 14px 20px;\n margin: 8px 0;\n border: none;\n border-radius: 4px;\n cursor: pointer; }\n\n.wrapper input[type='submit']:hover {\n background-color: #45a049; }\n\n.wrapper .error {\n color: red; }\n",".wrapper input,\n.wrapper select {\n width: 100%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box; }\n\n.wrapper input[type='submit'] {\n width: 100%;\n background-color: #4caf50;\n color: white;\n padding: 14px 20px;\n margin: 8px 0;\n border: none;\n border-radius: 4px;\n cursor: pointer; }\n\n.wrapper input[type='submit']:hover {\n background-color: #45a049; }\n\n.wrapper .error {\n color: red; }\n"]}
package/build/index.d.ts CHANGED
@@ -56,6 +56,12 @@ interface InputProps extends React.HTMLAttributes<HTMLInputElement> {
56
56
  type: InputType;
57
57
  placeholder?: string;
58
58
  error?: string;
59
+ iconPosition?: InputIconPosition;
60
+ size?: InputSize;
61
+ clearable?: boolean;
62
+ mask?: InputMaskTypes;
63
+ children?: React.Component;
64
+ hint?: string;
59
65
  dataQaId?: string;
60
66
  disabled?: boolean;
61
67
  readOnly?: boolean;
@@ -74,8 +80,20 @@ declare enum InputType {
74
80
  Telephone = "tel",
75
81
  URL = "url"
76
82
  }
83
+ declare enum InputSize {
84
+ Medium = "Medium",
85
+ Large = "Large"
86
+ }
87
+ declare enum InputIconPosition {
88
+ Left = "Left",
89
+ Right = "Right"
90
+ }
91
+ declare enum InputMaskTypes {
92
+ Telephone = "telephone",
93
+ CreditCard = "credit_card"
94
+ }
77
95
 
78
- declare function Input({ wrapperClassName, dataQaId, id, value, placeholder, disabled, readOnly, error, type, onChange, ...props }: InputProps): JSX.Element;
96
+ declare function Input({ wrapperClassName, dataQaId, id, value, placeholder, disabled, readOnly, error, type, size, onChange, ...props }: InputProps): JSX.Element;
79
97
 
80
98
  interface IHash {
81
99
  [key: string]: string;
@@ -111,6 +129,34 @@ interface PricePointProps {
111
129
 
112
130
  declare function PricePoint({ locale, className, legals, flow, dataQaId, operator }: PricePointProps): JSX.Element;
113
131
 
132
+ interface SelectProps extends React.HTMLAttributes<HTMLSelectElement> {
133
+ value: string;
134
+ label?: string;
135
+ onChange: React.ChangeEventHandler<HTMLSelectElement> | undefined;
136
+ type?: SelectType;
137
+ placeholder?: string;
138
+ error?: string;
139
+ dataQaId?: string;
140
+ disabled?: boolean;
141
+ readOnly?: boolean;
142
+ required?: boolean;
143
+ maxLength?: number;
144
+ minLength?: number;
145
+ wrapperClassName?: string;
146
+ options?: SelectOption[];
147
+ onBlur?: React.ChangeEventHandler<HTMLSelectElement> | undefined;
148
+ firstOptionText?: string;
149
+ }
150
+ interface SelectOption {
151
+ value: string;
152
+ label: string;
153
+ }
154
+ declare enum SelectType {
155
+ Country = "country"
156
+ }
157
+
158
+ declare function Select({ wrapperClassName, dataQaId, id, value, placeholder, disabled, readOnly, error, type, onChange, options, firstOptionText, ...props }: SelectProps): JSX.Element;
159
+
114
160
  interface TopLegalsProps {
115
161
  locale: string;
116
162
  legals: Array<ILegals>;
@@ -121,4 +167,4 @@ interface TopLegalsProps {
121
167
 
122
168
  declare function TopLegals({ locale, className, legals, flow, dataQaId }: TopLegalsProps): JSX.Element;
123
169
 
124
- export { Disclaimers, ExtraDisclaimers, IKeywordShortcode, Input, InputType, IntlProvider, MOLink, PricePoint, TopLegals, defineMessages, injectIntl };
170
+ export { Disclaimers, ExtraDisclaimers, IKeywordShortcode, Input, InputType, IntlProvider, MOLink, PricePoint, Select, SelectType, TopLegals, defineMessages, injectIntl };
package/build/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("classnames"),t=require("react"),a=require("tslib");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var o=r(e),i=r(t),c=n(t),s="Disclaimers-module_wrapper__yyrGN";var l,d,u,m,f="Input-module_wrapper__bzo7K",p="Input-module_error__rkwNz";exports.InputType=void 0,(l=exports.InputType||(exports.InputType={})).Text="text",l.Number="number",l.Email="email",l.Password="password",l.Search="search",l.Telephone="tel",l.URL="url",function(e){e.Medium="Medium",e.Large="Large"}(d||(d={})),function(e){e.Left="Left",e.Right="Right"}(u||(u={})),function(e){e.Telephone="telephone",e.CreditCard="credit_card"}(m||(m={}));var v=c.createContext({locale:"en",messages:{},intl:{formatMessage:function(e,t){return e.id,e.defaultMessage,""}}});function g(e){return e}exports.defineMessages=g;var _=function(e,t){return"undefined"!=typeof navigator&&(/iPhone/i.test(navigator.userAgent)||/Mac OS/i.test(navigator.userAgent))?t?"sms:/open?addresses=".concat(e.shortcode,"&body=").concat(e.keyword):"sms:".concat(e.shortcode,"&body=").concat(e.keyword):["com.facebook.orca","com.facebook.katana","com.instagram.android"].some((function(e){return new RegExp(e,"ig").test(window.pac_analytics.visitor["x-requested-with"])}))?"/mo-redirect-util/".concat(e.shortcode,"/").concat(e.keyword):window.pac_analytics.visitor["x-requested-with"]&&null!==window.pac_analytics.visitor["x-requested-with"]&&-1!==window.pac_analytics.visitor["x-requested-with"].indexOf("com.facebook")?"sms://".concat(e.shortcode,"?body=").concat(e.keyword):"sms:".concat(e.shortcode,"?body=").concat(e.keyword)};exports.Disclaimers=function(e){var t=e.locale,a=e.className,r=void 0===a?"":a,n=e.legals,c=e.flow,l=e.dataQaId,d=void 0===l?"disclaimers":l,u=e.mcc,m=void 0===u?"":u,f=n.filter((function(e){return e.flow===c})),p=(c?f:n).reduce((function(e,t){return e[t.language]=t,e}),{}),v=(p[t]||"").disclaimer,g=(p[t]||"").mcc_disclaimer;return i.default.createElement("div",{"data-qa-id":d,className:o.default(s,r)},g&&m&&i.default.createElement("div",{dangerouslySetInnerHTML:{__html:g[m.toLowerCase()]}})||i.default.createElement("div",{dangerouslySetInnerHTML:{__html:v}})," ")},exports.ExtraDisclaimers=function(e){var t=e.locale,a=e.className,r=e.legals,n=e.flow,o=e.dataQaId,i=void 0===o?"extra-disclaimers-":o,s=r.filter((function(e){return e.flow===n})),l=((n&&!process.env.scenario?s:r).reduce((function(e,t){return e[t.language]=t,e}),{})[t]||"").extra_disclaimer;return c.createElement("div",{"data-qa-id":i,className:a},c.createElement("div",{dangerouslySetInnerHTML:{__html:l}}))},exports.Input=function(e){var t=e.wrapperClassName,r=void 0===t?"":t,n=e.dataQaId,i=void 0===n?"input-":n,s=e.id,l=e.value,d=e.placeholder,u=e.disabled,m=e.readOnly,v=e.error,g=e.type,_=e.onChange,y=a.__rest(e,["wrapperClassName","dataQaId","id","value","placeholder","disabled","readOnly","error","type","onChange"]);return c.createElement("div",{className:o.default(f,r)},c.createElement("input",a.__assign({"data-testid":i,name:s,id:s,value:l,placeholder:d,disabled:u,readOnly:m,onChange:_,type:g},y)),v&&c.createElement("div",{className:p},v))},exports.IntlProvider=function(e){var t=e.locale,a=e.messages,r=e.children;return c.createElement(v.Provider,{value:{locale:t,messages:a,intl:{formatMessage:function(e,t){var r=e.id,n=e.defaultMessage,o=a&&a[r]?a[r]:n||"";if(t){var i=Object.keys(t);Array.isArray(i)&&i.map((function(e){var a=o.replace("{".concat(e,"}"),t[e]);o=a}))}return o}}}},r)},exports.MOLink=function(e){var t=e.keywordAndShortcode,r=e.className,n=e.dataQaId,o=void 0===n?"mo-link":n,i=e.children,s=a.__rest(e,["keywordAndShortcode","className","dataQaId","children"]);return c.createElement("a",a.__assign({href:_(t),className:r,"data-qa-id":o},s),i)},exports.PricePoint=function(e){var t=e.locale,a=e.className,r=void 0===a?"":a,n=e.legals,o=e.flow,i=e.dataQaId,s=void 0===i?"price-point":i,l=e.operator,d=n.filter((function(e){return e.flow===o})),u=(o?d:n).reduce((function(e,t){return e[t.language]=t,e}),{}),m=(u[t]||"").price_point,f=(u[t]||"").operator_price_point;return c.createElement("div",{"data-qa-id":s,className:r||""},f&&l&&c.createElement("div",{dangerouslySetInnerHTML:{__html:f[l.toUpperCase()]}})||c.createElement("div",{dangerouslySetInnerHTML:{__html:m}}))},exports.TopLegals=function(e){var t=e.locale,a=e.className,r=void 0===a?"":a,n=e.legals,o=e.flow,i=e.dataQaId,s=void 0===i?"top-legals-":i,l=n.filter((function(e){return e.flow===o})),d=((o?l:n).reduce((function(e,t){return e[t.language]=t,e}),{})[t]||"").top_legal;return c.createElement("div",{"data-qa-id":s,className:r},c.createElement("div",{dangerouslySetInnerHTML:{__html:d}}))},exports.defineMessages=g,exports.injectIntl=function(e){return function(t){return c.createElement(v.Consumer,null,(function(r){var n=r.intl;return c.createElement(e,a.__assign({},t,{intl:n}))}))}};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("classnames"),a=require("react"),n=require("tslib");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function t(e){if(e&&e.__esModule)return e;var a=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(a,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),a.default=e,Object.freeze(a)}var i=r(e),o=r(a),l=t(a),s="Disclaimers-module_wrapper__yyrGN";var d,c,u,m,p="Input-module_wrapper__bzo7K",g="Input-module_error__rkwNz";exports.InputType=void 0,(d=exports.InputType||(exports.InputType={})).Text="text",d.Number="number",d.Email="email",d.Password="password",d.Search="search",d.Telephone="tel",d.URL="url",function(e){e.Medium="Medium",e.Large="Large"}(c||(c={})),function(e){e.Left="Left",e.Right="Right"}(u||(u={})),function(e){e.Telephone="telephone",e.CreditCard="credit_card"}(m||(m={}));var f=l.createContext({locale:"en",messages:{},intl:{formatMessage:function(e,a){return e.id,e.defaultMessage,""}}});function v(e){return e}exports.defineMessages=v;var M=function(e,a){return"undefined"!=typeof navigator&&(/iPhone/i.test(navigator.userAgent)||/Mac OS/i.test(navigator.userAgent))?a?"sms:/open?addresses=".concat(e.shortcode,"&body=").concat(e.keyword):"sms:".concat(e.shortcode,"&body=").concat(e.keyword):["com.facebook.orca","com.facebook.katana","com.instagram.android"].some((function(e){return new RegExp(e,"ig").test(window.pac_analytics.visitor["x-requested-with"])}))?"/mo-redirect-util/".concat(e.shortcode,"/").concat(e.keyword):window.pac_analytics.visitor["x-requested-with"]&&null!==window.pac_analytics.visitor["x-requested-with"]&&-1!==window.pac_analytics.visitor["x-requested-with"].indexOf("com.facebook")?"sms://".concat(e.shortcode,"?body=").concat(e.keyword):"sms:".concat(e.shortcode,"?body=").concat(e.keyword)};var S,y="Select-module_wrapper__FuUXB",b="Select-module_error__GpAw6";exports.SelectType=void 0,(exports.SelectType||(exports.SelectType={})).Country="country",function(e){e.Medium="Medium",e.Large="Large"}(S||(S={}));var h={GB:"United Kingdom",US:"United States",AF:"Afghanistan",AL:"Albania",DZ:"Algeria",AD:"Andorra",AO:"Angola",AI:"Anguilla",AG:"Antigua and Barbuda",AR:"Argentina",AM:"Armenia",AW:"Aruba",AU:"Australia",AT:"Austria",AZ:"Azerbaijan",BS:"Bahamas",BH:"Bahrain",BD:"Bangladesh",BB:"Barbados",BY:"Belarus",BE:"Belgium",BZ:"Belize",BJ:"Benin",BM:"Bermuda",BT:"Bhutan",BO:"Bolivia",BA:"Bosnia and Herzegovina",BW:"Botswana",BR:"Brazil",IO:"British Indian Ocean Territory",BN:"Brunei",BG:"Bulgaria",BF:"Burkina Faso",BI:"Burundi",KH:"Cambodia",CM:"Cameroon",CA:"Canada",CV:"Cape Verde",KY:"Cayman Islands",CF:"Central African Republic",TD:"Chad",CL:"Chile",CN:"China",CO:"Colombia",KM:"Comoros",CG:"Congo",CD:"Congo Democratic Republic",CK:"Cook Islands",CR:"Costa Rica",CI:"Cote Divoire",HR:"Croatia",CU:"Cuba",CW:"Curaçao",CY:"Cyprus",CZ:"CzechRepublic",DK:"Denmark",DJ:"Djibouti",DM:"Dominica",DO:"Dominican Republic",EC:"Ecuador",EG:"Egypt",SV:"El Salvador",GQ:"Equatorial Guinea",ER:"Eritrea",EE:"Estonia",ET:"Ethiopia",FK:"Falkland Islands",FO:"Faroe Islands",FJ:"Fiji",FI:"Finland",FR:"France",GF:"French Guiana",PF:"French Polynesia",GA:"Gabon",GM:"Gambia",GE:"Georgia",DE:"Germany",GH:"Ghana",GI:"Gibraltar",GR:"Greece",GL:"Greenland",GD:"Grenada",GP:"Guadeloupe",GU:"Guam",GT:"Guatemala",GN:"Guinea",GW:"Guinea Bissau",GY:"Guyana",HT:"Haiti",VA:"Vatican City",HN:"Honduras",HK:"HongKong",HU:"Hungary",IS:"Iceland",IN:"India",ID:"Indonesia",IR:"Iran",IQ:"Iraq",IE:"Ireland",IL:"Israel",IT:"Italy",JM:"Jamaica",JP:"Japan",JO:"Jordan",KZ:"Kazakhstan",KE:"Kenya",KI:"Kiribati",KR:"Korea, Republic of",KP:"Korea, Democratic People's Republic of",KW:"Kuwait",KG:"Kyrgyzstan",LA:"Laos",LV:"Latvia",LB:"Lebanon",LS:"Lesotho",LR:"Liberia",LY:"Libya",LI:"Liechtenstein",LT:"Lithuania",LU:"Luxembourg",MO:"Macao",MG:"Madagascar",MW:"Malawi",MY:"Malaysia",MV:"Maldives",ML:"Mali",MT:"Malta",MH:"Marshall Islands",MQ:"Martinique",MR:"Mauritania",MU:"Mauritius",YT:"Mayotte",MX:"Mexico",FM:"Micronesia",MD:"Moldova",MC:"Monaco",MN:"Mongolia",ME:"Montenegro",MS:"Montserrat",MA:"Morocco",MZ:"Mozambique",MM:"Myanmar",NA:"Namibia",NR:"Nauru",NP:"Nepal",NL:"Netherlands",NC:"New Caledonia",NZ:"New Zealand",NI:"Nicaragua",NE:"Niger",NG:"Nigeria",NU:"Niue",NF:"Norfolk Islands",NO:"Norway",OM:"Oman",PK:"Pakistan",PW:"Palau",PS:"Palestinian Territory",PA:"Panama",PG:"Papua New Guinea",PY:"Paraguay",PE:"Peru",PH:"Philippines",PN:"Pitcairn",PL:"Poland",PT:"Portugal",PR:"Puerto Rico",QA:"Qatar",RE:"Reunion",MKD:"Macedonia",RO:"Romania",RW:"Rwanda",SH:"Saint Helena",LC:"Saint Lucia",MF:"Saint Martin",PM:"Saint Pierre And Miquelon",WS:"Samoa",SM:"San Marino",ST:"Sao Tome And Principe",SA:"Saudi Arabia",SN:"Senegal",RS:"Serbia",SC:"Seychelles",SL:"Sierra Leone",SG:"Singapore",SK:"Slovakia",SI:"Slovenia",SB:"Solomon Islands",SO:"Somalia",ZA:"South Africa",ES:"Spain",LK:"Sri Lanka",SD:"Sudan",SS:"South Sudan",SR:"Suriname",SJ:"Svalbard And Jan Mayen",SZ:"Swaziland",SE:"Sweden",CH:"Switzerland",SX:"Sint Maarten (Dutch part)",SY:"Syria",TW:"Taiwan",TJ:"Tajikistan",TZ:"Tanzania",TH:"Thailand",TL:"Timor Leste",TG:"Togo",TK:"Tokelau",TO:"Tonga",TT:"Trinidad And Tobago",TN:"Tunisia",TR:"Turkey",TM:"Turkmenistan",TV:"Tuvalu",UG:"Uganda",UA:"Ukraine",AE:"United Arab Emirates",UM:"United States Outlying Islands",UY:"Uruguay",UZ:"Uzbekistan",VU:"Vanuatu",VE:"Venezuela",VN:"Vietnam",VG:"Virgin Islands British",VI:"Virgin Islands US",WF:"Wallis And Futuna",EH:"Western Sahara",YE:"Yemen",ZM:"Zambia",ZW:"Zimbabwe"};exports.Disclaimers=function(e){var a=e.locale,n=e.className,r=void 0===n?"":n,t=e.legals,l=e.flow,d=e.dataQaId,c=void 0===d?"disclaimers":d,u=e.mcc,m=void 0===u?"":u,p=t.filter((function(e){return e.flow===l})),g=(l?p:t).reduce((function(e,a){return e[a.language]=a,e}),{}),f=(g[a]||"").disclaimer,v=(g[a]||"").mcc_disclaimer;return o.default.createElement("div",{"data-qa-id":c,className:i.default(s,r)},v&&m&&o.default.createElement("div",{dangerouslySetInnerHTML:{__html:v[m.toLowerCase()]}})||o.default.createElement("div",{dangerouslySetInnerHTML:{__html:f}})," ")},exports.ExtraDisclaimers=function(e){var a=e.locale,n=e.className,r=e.legals,t=e.flow,i=e.dataQaId,o=void 0===i?"extra-disclaimers-":i,s=r.filter((function(e){return e.flow===t})),d=((t&&!process.env.scenario?s:r).reduce((function(e,a){return e[a.language]=a,e}),{})[a]||"").extra_disclaimer;return l.createElement("div",{"data-qa-id":o,className:n},l.createElement("div",{dangerouslySetInnerHTML:{__html:d}}))},exports.Input=function(e){var a=e.wrapperClassName,r=void 0===a?"":a,t=e.dataQaId,o=void 0===t?"input-":t,s=e.id,d=e.value,c=e.placeholder,u=e.disabled,m=e.readOnly,f=e.error,v=e.type,M=e.size,S=e.onChange,y=n.__rest(e,["wrapperClassName","dataQaId","id","value","placeholder","disabled","readOnly","error","type","size","onChange"]);return l.createElement("div",{className:i.default(p,r)},y.label&&""!==y.label&&l.createElement("label",{"data-testid":"".concat(o,"-label"),htmlFor:s},y.label),l.createElement("input",n.__assign({"data-testid":o,name:s,id:s,value:d,placeholder:c,disabled:u,readOnly:m,onChange:S,type:v,size:parseInt(M||"",10)},y)),f&&l.createElement("div",{className:g},f))},exports.IntlProvider=function(e){var a=e.locale,n=e.messages,r=e.children;return l.createElement(f.Provider,{value:{locale:a,messages:n,intl:{formatMessage:function(e,a){var r=e.id,t=e.defaultMessage,i=n&&n[r]?n[r]:t||"";if(a){var o=Object.keys(a);Array.isArray(o)&&o.map((function(e){var n=i.replace("{".concat(e,"}"),a[e]);i=n}))}return i}}}},r)},exports.MOLink=function(e){var a=e.keywordAndShortcode,r=e.className,t=e.dataQaId,i=void 0===t?"mo-link":t,o=e.children,s=n.__rest(e,["keywordAndShortcode","className","dataQaId","children"]);return l.createElement("a",n.__assign({href:M(a),className:r,"data-qa-id":i},s),o)},exports.PricePoint=function(e){var a=e.locale,n=e.className,r=void 0===n?"":n,t=e.legals,i=e.flow,o=e.dataQaId,s=void 0===o?"price-point":o,d=e.operator,c=t.filter((function(e){return e.flow===i})),u=(i?c:t).reduce((function(e,a){return e[a.language]=a,e}),{}),m=(u[a]||"").price_point,p=(u[a]||"").operator_price_point;return l.createElement("div",{"data-qa-id":s,className:r||""},p&&d&&l.createElement("div",{dangerouslySetInnerHTML:{__html:p[d.toUpperCase()]}})||l.createElement("div",{dangerouslySetInnerHTML:{__html:m}}))},exports.Select=function(e){var a=e.wrapperClassName,r=void 0===a?"":a,t=e.dataQaId,o=void 0===t?"select-":t,s=e.id,d=e.value,c=e.placeholder,u=e.disabled;e.readOnly;var m=e.error,p=e.type,g=e.onChange,f=e.options,v=void 0===f?[{value:"",label:""}]:f,M=e.firstOptionText,S=n.__rest(e,["wrapperClassName","dataQaId","id","value","placeholder","disabled","readOnly","error","type","onChange","options","firstOptionText"]);return l.createElement("div",{className:i.default(y,r)},S.label&&""!==S.label&&l.createElement("label",{"data-testid":"".concat(o,"-label"),htmlFor:s},S.label),l.createElement("select",n.__assign({"data-testid":o,name:s,id:s,value:d,placeholder:c,disabled:u,onChange:g},S),M&&l.createElement("option",null,M),p===exports.SelectType.Country&&Object.keys(h).map((function(e){return l.createElement("option",{value:e},h[e])}))||v.map((function(e){return l.createElement("option",{value:e.value},e.label)}))),m&&l.createElement("div",{className:b},m))},exports.TopLegals=function(e){var a=e.locale,n=e.className,r=void 0===n?"":n,t=e.legals,i=e.flow,o=e.dataQaId,s=void 0===o?"top-legals-":o,d=t.filter((function(e){return e.flow===i})),c=((i?d:t).reduce((function(e,a){return e[a.language]=a,e}),{})[a]||"").top_legal;return l.createElement("div",{"data-qa-id":s,className:r},l.createElement("div",{dangerouslySetInnerHTML:{__html:c}}))},exports.defineMessages=v,exports.injectIntl=function(e){return function(a){return l.createElement(f.Consumer,null,(function(r){var t=r.intl;return l.createElement(e,n.__assign({},a,{intl:t}))}))}};
2
2
  //# sourceMappingURL=index.js.map
package/build/index.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import e from"classnames";import*as a from"react";import t from"react";import{__rest as r,__assign as n}from"tslib";var o="Disclaimers-module_wrapper__yyrGN";function i(a){var r=a.locale,n=a.className,i=void 0===n?"":n,c=a.legals,l=a.flow,d=a.dataQaId,s=void 0===d?"disclaimers":d,u=a.mcc,m=void 0===u?"":u,f=c.filter((function(e){return e.flow===l})),v=(l?f:c).reduce((function(e,a){return e[a.language]=a,e}),{}),p=(v[r]||"").disclaimer,g=(v[r]||"").mcc_disclaimer;return t.createElement("div",{"data-qa-id":s,className:e(o,i)},g&&m&&t.createElement("div",{dangerouslySetInnerHTML:{__html:g[m.toLowerCase()]}})||t.createElement("div",{dangerouslySetInnerHTML:{__html:p}})," ")}function c(e){var t=e.locale,r=e.className,n=e.legals,o=e.flow,i=e.dataQaId,c=void 0===i?"extra-disclaimers-":i,l=n.filter((function(e){return e.flow===o})),d=o&&!process.env.scenario?l:n,s=(d.reduce((function(e,a){return e[a.language]=a,e}),{})[t]||"").extra_disclaimer;return a.createElement("div",{"data-qa-id":c,className:r},a.createElement("div",{dangerouslySetInnerHTML:{__html:s}}))}var l,d,s,u,m="Input-module_wrapper__bzo7K",f="Input-module_error__rkwNz";function v(t){var o=t.wrapperClassName,i=void 0===o?"":o,c=t.dataQaId,l=void 0===c?"input-":c,d=t.id,s=t.value,u=t.placeholder,v=t.disabled,p=t.readOnly,g=t.error,w=t.type,h=t.onChange,y=r(t,["wrapperClassName","dataQaId","id","value","placeholder","disabled","readOnly","error","type","onChange"]);return a.createElement("div",{className:e(m,i)},a.createElement("input",n({"data-testid":l,name:d,id:d,value:s,placeholder:u,disabled:v,readOnly:p,onChange:h,type:w},y)),g&&a.createElement("div",{className:f},g))}!function(e){e.Text="text",e.Number="number",e.Email="email",e.Password="password",e.Search="search",e.Telephone="tel",e.URL="url"}(l||(l={})),function(e){e.Medium="Medium",e.Large="Large"}(d||(d={})),function(e){e.Left="Left",e.Right="Right"}(s||(s={})),function(e){e.Telephone="telephone",e.CreditCard="credit_card"}(u||(u={}));var p=a.createContext({locale:"en",messages:{},intl:{formatMessage:function(e,a){return e.id,e.defaultMessage,""}}});function g(e){var t=e.locale,r=e.messages,n=e.children;return a.createElement(p.Provider,{value:{locale:t,messages:r,intl:{formatMessage:function(e,a){var t=e.id,n=e.defaultMessage,o=r&&r[t]?r[t]:n||"";if(a){var i=Object.keys(a);Array.isArray(i)&&i.map((function(e){var t=o.replace("{".concat(e,"}"),a[e]);o=t}))}return o}}}},n)}function w(e){return function(t){return a.createElement(p.Consumer,null,(function(r){var o=r.intl;return a.createElement(e,n({},t,{intl:o}))}))}}function h(e){return e}exports.defineMessages=h;var y=function(e,a){return"undefined"!=typeof navigator&&(/iPhone/i.test(navigator.userAgent)||/Mac OS/i.test(navigator.userAgent))?a?"sms:/open?addresses=".concat(e.shortcode,"&body=").concat(e.keyword):"sms:".concat(e.shortcode,"&body=").concat(e.keyword):["com.facebook.orca","com.facebook.katana","com.instagram.android"].some((function(e){return new RegExp(e,"ig").test(window.pac_analytics.visitor["x-requested-with"])}))?"/mo-redirect-util/".concat(e.shortcode,"/").concat(e.keyword):window.pac_analytics.visitor["x-requested-with"]&&null!==window.pac_analytics.visitor["x-requested-with"]&&-1!==window.pac_analytics.visitor["x-requested-with"].indexOf("com.facebook")?"sms://".concat(e.shortcode,"?body=").concat(e.keyword):"sms:".concat(e.shortcode,"?body=").concat(e.keyword)},_=function(e){var t=e.keywordAndShortcode,o=e.className,i=e.dataQaId,c=void 0===i?"mo-link":i,l=e.children,d=r(e,["keywordAndShortcode","className","dataQaId","children"]);return a.createElement("a",n({href:y(t),className:o,"data-qa-id":c},d),l)};function E(e){var t=e.locale,r=e.className,n=void 0===r?"":r,o=e.legals,i=e.flow,c=e.dataQaId,l=void 0===c?"price-point":c,d=e.operator,s=o.filter((function(e){return e.flow===i})),u=(i?s:o).reduce((function(e,a){return e[a.language]=a,e}),{}),m=(u[t]||"").price_point,f=(u[t]||"").operator_price_point;return a.createElement("div",{"data-qa-id":l,className:n||""},f&&d&&a.createElement("div",{dangerouslySetInnerHTML:{__html:f[d.toUpperCase()]}})||a.createElement("div",{dangerouslySetInnerHTML:{__html:m}}))}function N(e){var t=e.locale,r=e.className,n=void 0===r?"":r,o=e.legals,i=e.flow,c=e.dataQaId,l=void 0===c?"top-legals-":c,d=o.filter((function(e){return e.flow===i})),s=((i?d:o).reduce((function(e,a){return e[a.language]=a,e}),{})[t]||"").top_legal;return a.createElement("div",{"data-qa-id":l,className:n},a.createElement("div",{dangerouslySetInnerHTML:{__html:s}}))}export{i as Disclaimers,c as ExtraDisclaimers,v as Input,l as InputType,g as IntlProvider,_ as MOLink,E as PricePoint,N as TopLegals,h as defineMessages,w as injectIntl};
1
+ import a from"classnames";import*as e from"react";import n from"react";import{__rest as r,__assign as t}from"tslib";var i="Disclaimers-module_wrapper__yyrGN";function o(e){var r=e.locale,t=e.className,o=void 0===t?"":t,l=e.legals,d=e.flow,s=e.dataQaId,c=void 0===s?"disclaimers":s,u=e.mcc,m=void 0===u?"":u,p=l.filter((function(a){return a.flow===d})),g=(d?p:l).reduce((function(a,e){return a[e.language]=e,a}),{}),M=(g[r]||"").disclaimer,v=(g[r]||"").mcc_disclaimer;return n.createElement("div",{"data-qa-id":c,className:a(i,o)},v&&m&&n.createElement("div",{dangerouslySetInnerHTML:{__html:v[m.toLowerCase()]}})||n.createElement("div",{dangerouslySetInnerHTML:{__html:M}})," ")}function l(a){var n=a.locale,r=a.className,t=a.legals,i=a.flow,o=a.dataQaId,l=void 0===o?"extra-disclaimers-":o,d=t.filter((function(a){return a.flow===i})),s=i&&!process.env.scenario?d:t,c=(s.reduce((function(a,e){return a[e.language]=e,a}),{})[n]||"").extra_disclaimer;return e.createElement("div",{"data-qa-id":l,className:r},e.createElement("div",{dangerouslySetInnerHTML:{__html:c}}))}var d,s,c,u,m="Input-module_wrapper__bzo7K",p="Input-module_error__rkwNz";function g(n){var i=n.wrapperClassName,o=void 0===i?"":i,l=n.dataQaId,d=void 0===l?"input-":l,s=n.id,c=n.value,u=n.placeholder,g=n.disabled,M=n.readOnly,v=n.error,S=n.type,f=n.size,h=n.onChange,y=r(n,["wrapperClassName","dataQaId","id","value","placeholder","disabled","readOnly","error","type","size","onChange"]);return e.createElement("div",{className:a(m,o)},y.label&&""!==y.label&&e.createElement("label",{"data-testid":"".concat(d,"-label"),htmlFor:s},y.label),e.createElement("input",t({"data-testid":d,name:s,id:s,value:c,placeholder:u,disabled:g,readOnly:M,onChange:h,type:S,size:parseInt(f||"",10)},y)),v&&e.createElement("div",{className:p},v))}!function(a){a.Text="text",a.Number="number",a.Email="email",a.Password="password",a.Search="search",a.Telephone="tel",a.URL="url"}(d||(d={})),function(a){a.Medium="Medium",a.Large="Large"}(s||(s={})),function(a){a.Left="Left",a.Right="Right"}(c||(c={})),function(a){a.Telephone="telephone",a.CreditCard="credit_card"}(u||(u={}));var M=e.createContext({locale:"en",messages:{},intl:{formatMessage:function(a,e){return a.id,a.defaultMessage,""}}});function v(a){var n=a.locale,r=a.messages,t=a.children;return e.createElement(M.Provider,{value:{locale:n,messages:r,intl:{formatMessage:function(a,e){var n=a.id,t=a.defaultMessage,i=r&&r[n]?r[n]:t||"";if(e){var o=Object.keys(e);Array.isArray(o)&&o.map((function(a){var n=i.replace("{".concat(a,"}"),e[a]);i=n}))}return i}}}},t)}function S(a){return function(n){return e.createElement(M.Consumer,null,(function(r){var i=r.intl;return e.createElement(a,t({},n,{intl:i}))}))}}function f(a){return a}exports.defineMessages=f;var h=function(a,e){return"undefined"!=typeof navigator&&(/iPhone/i.test(navigator.userAgent)||/Mac OS/i.test(navigator.userAgent))?e?"sms:/open?addresses=".concat(a.shortcode,"&body=").concat(a.keyword):"sms:".concat(a.shortcode,"&body=").concat(a.keyword):["com.facebook.orca","com.facebook.katana","com.instagram.android"].some((function(a){return new RegExp(a,"ig").test(window.pac_analytics.visitor["x-requested-with"])}))?"/mo-redirect-util/".concat(a.shortcode,"/").concat(a.keyword):window.pac_analytics.visitor["x-requested-with"]&&null!==window.pac_analytics.visitor["x-requested-with"]&&-1!==window.pac_analytics.visitor["x-requested-with"].indexOf("com.facebook")?"sms://".concat(a.shortcode,"?body=").concat(a.keyword):"sms:".concat(a.shortcode,"?body=").concat(a.keyword)},y=function(a){var n=a.keywordAndShortcode,i=a.className,o=a.dataQaId,l=void 0===o?"mo-link":o,d=a.children,s=r(a,["keywordAndShortcode","className","dataQaId","children"]);return e.createElement("a",t({href:h(n),className:i,"data-qa-id":l},s),d)};function b(a){var n=a.locale,r=a.className,t=void 0===r?"":r,i=a.legals,o=a.flow,l=a.dataQaId,d=void 0===l?"price-point":l,s=a.operator,c=i.filter((function(a){return a.flow===o})),u=(o?c:i).reduce((function(a,e){return a[e.language]=e,a}),{}),m=(u[n]||"").price_point,p=(u[n]||"").operator_price_point;return e.createElement("div",{"data-qa-id":d,className:t||""},p&&s&&e.createElement("div",{dangerouslySetInnerHTML:{__html:p[s.toUpperCase()]}})||e.createElement("div",{dangerouslySetInnerHTML:{__html:m}}))}var C,I,N="Select-module_wrapper__FuUXB",E="Select-module_error__GpAw6";!function(a){a.Country="country"}(C||(C={})),function(a){a.Medium="Medium",a.Large="Large"}(I||(I={}));var A={GB:"United Kingdom",US:"United States",AF:"Afghanistan",AL:"Albania",DZ:"Algeria",AD:"Andorra",AO:"Angola",AI:"Anguilla",AG:"Antigua and Barbuda",AR:"Argentina",AM:"Armenia",AW:"Aruba",AU:"Australia",AT:"Austria",AZ:"Azerbaijan",BS:"Bahamas",BH:"Bahrain",BD:"Bangladesh",BB:"Barbados",BY:"Belarus",BE:"Belgium",BZ:"Belize",BJ:"Benin",BM:"Bermuda",BT:"Bhutan",BO:"Bolivia",BA:"Bosnia and Herzegovina",BW:"Botswana",BR:"Brazil",IO:"British Indian Ocean Territory",BN:"Brunei",BG:"Bulgaria",BF:"Burkina Faso",BI:"Burundi",KH:"Cambodia",CM:"Cameroon",CA:"Canada",CV:"Cape Verde",KY:"Cayman Islands",CF:"Central African Republic",TD:"Chad",CL:"Chile",CN:"China",CO:"Colombia",KM:"Comoros",CG:"Congo",CD:"Congo Democratic Republic",CK:"Cook Islands",CR:"Costa Rica",CI:"Cote Divoire",HR:"Croatia",CU:"Cuba",CW:"Curaçao",CY:"Cyprus",CZ:"CzechRepublic",DK:"Denmark",DJ:"Djibouti",DM:"Dominica",DO:"Dominican Republic",EC:"Ecuador",EG:"Egypt",SV:"El Salvador",GQ:"Equatorial Guinea",ER:"Eritrea",EE:"Estonia",ET:"Ethiopia",FK:"Falkland Islands",FO:"Faroe Islands",FJ:"Fiji",FI:"Finland",FR:"France",GF:"French Guiana",PF:"French Polynesia",GA:"Gabon",GM:"Gambia",GE:"Georgia",DE:"Germany",GH:"Ghana",GI:"Gibraltar",GR:"Greece",GL:"Greenland",GD:"Grenada",GP:"Guadeloupe",GU:"Guam",GT:"Guatemala",GN:"Guinea",GW:"Guinea Bissau",GY:"Guyana",HT:"Haiti",VA:"Vatican City",HN:"Honduras",HK:"HongKong",HU:"Hungary",IS:"Iceland",IN:"India",ID:"Indonesia",IR:"Iran",IQ:"Iraq",IE:"Ireland",IL:"Israel",IT:"Italy",JM:"Jamaica",JP:"Japan",JO:"Jordan",KZ:"Kazakhstan",KE:"Kenya",KI:"Kiribati",KR:"Korea, Republic of",KP:"Korea, Democratic People's Republic of",KW:"Kuwait",KG:"Kyrgyzstan",LA:"Laos",LV:"Latvia",LB:"Lebanon",LS:"Lesotho",LR:"Liberia",LY:"Libya",LI:"Liechtenstein",LT:"Lithuania",LU:"Luxembourg",MO:"Macao",MG:"Madagascar",MW:"Malawi",MY:"Malaysia",MV:"Maldives",ML:"Mali",MT:"Malta",MH:"Marshall Islands",MQ:"Martinique",MR:"Mauritania",MU:"Mauritius",YT:"Mayotte",MX:"Mexico",FM:"Micronesia",MD:"Moldova",MC:"Monaco",MN:"Mongolia",ME:"Montenegro",MS:"Montserrat",MA:"Morocco",MZ:"Mozambique",MM:"Myanmar",NA:"Namibia",NR:"Nauru",NP:"Nepal",NL:"Netherlands",NC:"New Caledonia",NZ:"New Zealand",NI:"Nicaragua",NE:"Niger",NG:"Nigeria",NU:"Niue",NF:"Norfolk Islands",NO:"Norway",OM:"Oman",PK:"Pakistan",PW:"Palau",PS:"Palestinian Territory",PA:"Panama",PG:"Papua New Guinea",PY:"Paraguay",PE:"Peru",PH:"Philippines",PN:"Pitcairn",PL:"Poland",PT:"Portugal",PR:"Puerto Rico",QA:"Qatar",RE:"Reunion",MKD:"Macedonia",RO:"Romania",RW:"Rwanda",SH:"Saint Helena",LC:"Saint Lucia",MF:"Saint Martin",PM:"Saint Pierre And Miquelon",WS:"Samoa",SM:"San Marino",ST:"Sao Tome And Principe",SA:"Saudi Arabia",SN:"Senegal",RS:"Serbia",SC:"Seychelles",SL:"Sierra Leone",SG:"Singapore",SK:"Slovakia",SI:"Slovenia",SB:"Solomon Islands",SO:"Somalia",ZA:"South Africa",ES:"Spain",LK:"Sri Lanka",SD:"Sudan",SS:"South Sudan",SR:"Suriname",SJ:"Svalbard And Jan Mayen",SZ:"Swaziland",SE:"Sweden",CH:"Switzerland",SX:"Sint Maarten (Dutch part)",SY:"Syria",TW:"Taiwan",TJ:"Tajikistan",TZ:"Tanzania",TH:"Thailand",TL:"Timor Leste",TG:"Togo",TK:"Tokelau",TO:"Tonga",TT:"Trinidad And Tobago",TN:"Tunisia",TR:"Turkey",TM:"Turkmenistan",TV:"Tuvalu",UG:"Uganda",UA:"Ukraine",AE:"United Arab Emirates",UM:"United States Outlying Islands",UY:"Uruguay",UZ:"Uzbekistan",VU:"Vanuatu",VE:"Venezuela",VN:"Vietnam",VG:"Virgin Islands British",VI:"Virgin Islands US",WF:"Wallis And Futuna",EH:"Western Sahara",YE:"Yemen",ZM:"Zambia",ZW:"Zimbabwe"};function T(n){var i=n.wrapperClassName,o=void 0===i?"":i,l=n.dataQaId,d=void 0===l?"select-":l,s=n.id,c=n.value,u=n.placeholder,m=n.disabled;n.readOnly;var p=n.error,g=n.type,M=n.onChange,v=n.options,S=void 0===v?[{value:"",label:""}]:v,f=n.firstOptionText,h=r(n,["wrapperClassName","dataQaId","id","value","placeholder","disabled","readOnly","error","type","onChange","options","firstOptionText"]);return e.createElement("div",{className:a(N,o)},h.label&&""!==h.label&&e.createElement("label",{"data-testid":"".concat(d,"-label"),htmlFor:s},h.label),e.createElement("select",t({"data-testid":d,name:s,id:s,value:c,placeholder:u,disabled:m,onChange:M},h),f&&e.createElement("option",null,f),g===C.Country&&Object.keys(A).map((function(a){return e.createElement("option",{value:a},A[a])}))||S.map((function(a){return e.createElement("option",{value:a.value},a.label)}))),p&&e.createElement("div",{className:E},p))}function w(a){var n=a.locale,r=a.className,t=void 0===r?"":r,i=a.legals,o=a.flow,l=a.dataQaId,d=void 0===l?"top-legals-":l,s=i.filter((function(a){return a.flow===o})),c=((o?s:i).reduce((function(a,e){return a[e.language]=e,a}),{})[n]||"").top_legal;return e.createElement("div",{"data-qa-id":d,className:t},e.createElement("div",{dangerouslySetInnerHTML:{__html:c}}))}export{o as Disclaimers,l as ExtraDisclaimers,g as Input,d as InputType,v as IntlProvider,y as MOLink,b as PricePoint,T as Select,C as SelectType,w as TopLegals,f as defineMessages,S as injectIntl};
2
2
  //# sourceMappingURL=index.mjs.map
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  import { InputProps } from './Input.types';
3
- export declare function Input({ wrapperClassName, dataQaId, id, value, placeholder, disabled, readOnly, error, type, onChange, ...props }: InputProps): JSX.Element;
3
+ export declare function Input({ wrapperClassName, dataQaId, id, value, placeholder, disabled, readOnly, error, type, size, onChange, ...props }: InputProps): JSX.Element;
@@ -6,6 +6,12 @@ export interface InputProps extends React.HTMLAttributes<HTMLInputElement> {
6
6
  type: InputType;
7
7
  placeholder?: string;
8
8
  error?: string;
9
+ iconPosition?: InputIconPosition;
10
+ size?: InputSize;
11
+ clearable?: boolean;
12
+ mask?: InputMaskTypes;
13
+ children?: React.Component;
14
+ hint?: string;
9
15
  dataQaId?: string;
10
16
  disabled?: boolean;
11
17
  readOnly?: boolean;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { SelectProps } from './Select.types';
3
+ export declare function Select({ wrapperClassName, dataQaId, id, value, placeholder, disabled, readOnly, error, type, onChange, options, firstOptionText, ...props }: SelectProps): JSX.Element;
@@ -0,0 +1,5 @@
1
+ import { Meta, Story } from '@storybook/react';
2
+ import { SelectProps } from './Select.types';
3
+ declare const _default: Meta<import("@storybook/react").Args>;
4
+ export default _default;
5
+ export declare const Select: Story<SelectProps>;
@@ -0,0 +1,30 @@
1
+ /// <reference types="react" />
2
+ export interface SelectProps extends React.HTMLAttributes<HTMLSelectElement> {
3
+ value: string;
4
+ label?: string;
5
+ onChange: React.ChangeEventHandler<HTMLSelectElement> | undefined;
6
+ type?: SelectType;
7
+ placeholder?: string;
8
+ error?: string;
9
+ dataQaId?: string;
10
+ disabled?: boolean;
11
+ readOnly?: boolean;
12
+ required?: boolean;
13
+ maxLength?: number;
14
+ minLength?: number;
15
+ wrapperClassName?: string;
16
+ options?: SelectOption[];
17
+ onBlur?: React.ChangeEventHandler<HTMLSelectElement> | undefined;
18
+ firstOptionText?: string;
19
+ }
20
+ export interface SelectOption {
21
+ value: string;
22
+ label: string;
23
+ }
24
+ export declare enum SelectType {
25
+ Country = "country"
26
+ }
27
+ export declare enum InputSize {
28
+ Medium = "Medium",
29
+ Large = "Large"
30
+ }
@@ -6,6 +6,8 @@ import { defineMessages, injectIntl, IntlProvider } from './Intl/Intl';
6
6
  import { MOLink } from './MOLink/MOLink';
7
7
  import { IKeywordShortcode } from './MOLink/MOLink.types';
8
8
  import { PricePoint } from './PricePoint/PricePoint';
9
+ import { Select } from './Select/Select';
10
+ import { SelectType } from './Select/Select.types';
9
11
  import { TopLegals } from './TopLegals/TopLegals';
10
- export { Disclaimers, PricePoint, TopLegals, ExtraDisclaimers, MOLink, Input, InputType, injectIntl, IntlProvider, defineMessages };
12
+ export { Disclaimers, PricePoint, TopLegals, ExtraDisclaimers, MOLink, Input, InputType, injectIntl, IntlProvider, defineMessages, SelectType, Select };
11
13
  export type { IKeywordShortcode };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ouisys-component-library",
3
- "version": "0.0.5",
3
+ "version": "0.0.6",
4
4
  "description": "Ouisys Components",
5
5
  "main": "build/index.js",
6
6
  "module": "build/index.es.js",
@@ -68,7 +68,8 @@
68
68
  "dependencies": {},
69
69
  "peerDependencies": {
70
70
  "react": ">=16.8.0",
71
- "react-dom": ">=16.8.0"
71
+ "react-dom": ">=16.8.0",
72
+ "classnames": "^2.3.1"
72
73
  },
73
74
  "scripts": {
74
75
  "build": "rm -rf build && rollup -c",