ouisys-component-library 0.0.4 → 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 +1 -1
- package/build/index.css.map +1 -1
- package/build/index.d.ts +48 -2
- package/build/index.js +1 -1
- package/build/index.mjs +1 -1
- package/build/src/Input/Input.d.ts +1 -1
- package/build/src/Input/Input.types.d.ts +6 -0
- package/build/src/Select/Select.d.ts +3 -0
- package/build/src/Select/Select.stories.d.ts +5 -0
- package/build/src/Select/Select.types.d.ts +30 -0
- package/build/src/index.d.ts +3 -1
- package/package.json +3 -2
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 */
|
package/build/index.css.map
CHANGED
|
@@ -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
|
|
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,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
|
+
}
|
package/build/src/index.d.ts
CHANGED
|
@@ -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.
|
|
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",
|