@longline/aqua-ui 1.0.320 → 1.0.322

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.
Files changed (35) hide show
  1. package/containers/Form/Field.d.ts +2 -2
  2. package/containers/Form/Field.js +3 -3
  3. package/containers/Form/elements/Hint.d.ts +0 -8
  4. package/containers/Form/elements/Hint.js +3 -6
  5. package/containers/Form/elements/Label.d.ts +7 -2
  6. package/containers/Form/elements/Label.js +1 -1
  7. package/formatters/CountryFormatter/Countries.d.ts +264 -1
  8. package/formatters/CountryFormatter/Countries.js +257 -258
  9. package/formatters/CountryFormatter/CountryFormatter.d.ts +6 -1
  10. package/formatters/CountryFormatter/CountryFormatter.js +3 -3
  11. package/formatters/CountryFormatter/CountryLocales.d.ts +2 -0
  12. package/formatters/CountryFormatter/CountryLocales.js +17 -0
  13. package/formatters/CountryFormatter/CountryUtil.d.ts +3 -11
  14. package/formatters/CountryFormatter/CountryUtil.js +12 -30
  15. package/formatters/CountryFormatter/locales/ar.d.ts +3 -0
  16. package/formatters/CountryFormatter/locales/ar.js +260 -0
  17. package/formatters/CountryFormatter/locales/es.d.ts +3 -0
  18. package/formatters/CountryFormatter/locales/es.js +260 -0
  19. package/formatters/CountryFormatter/locales/fr.d.ts +3 -0
  20. package/formatters/CountryFormatter/locales/fr.js +260 -0
  21. package/formatters/CountryFormatter/locales/id.d.ts +3 -0
  22. package/formatters/CountryFormatter/locales/id.js +260 -0
  23. package/formatters/CountryFormatter/locales/nl.d.ts +3 -0
  24. package/formatters/CountryFormatter/locales/nl.js +260 -0
  25. package/formatters/CountryFormatter/locales/pt.d.ts +3 -0
  26. package/formatters/CountryFormatter/locales/pt.js +260 -0
  27. package/formatters/CountryFormatter/locales/th.d.ts +3 -0
  28. package/formatters/CountryFormatter/locales/th.js +260 -0
  29. package/formatters/CountryFormatter/locales/vi.d.ts +3 -0
  30. package/formatters/CountryFormatter/locales/vi.js +260 -0
  31. package/formatters/CountryFormatter/locales/zh.d.ts +3 -0
  32. package/formatters/CountryFormatter/locales/zh.js +260 -0
  33. package/modules/CountryDropdown/CountryDropdown.d.ts +6 -1
  34. package/modules/CountryDropdown/CountryDropdown.js +11 -10
  35. package/package.json +1 -1
@@ -34,10 +34,10 @@ interface IFieldProps {
34
34
  */
35
35
  forceupdate?: boolean;
36
36
  /**
37
- * If true, display an asterisk for required fields.
37
+ * If true, suppress the asterisk for required fields.
38
38
  * @default false
39
39
  */
40
- asterisk?: boolean;
40
+ noAsterisk?: boolean;
41
41
  /**
42
42
  * If true, apply ghost state to Field and the control in it.
43
43
  * @default false
@@ -143,13 +143,13 @@ var Field = function (props) {
143
143
  };
144
144
  var getLabel = function () {
145
145
  return props.label &&
146
- React.createElement(Label, { required: !!props.rules && !!props.rules.required, asterisk: props.asterisk, disabled: props.disabled }, props.label);
146
+ React.createElement(Label, { required: !!props.rules && !!props.rules.required, noAsterisk: props.noAsterisk, ghost: ghost, disabled: props.disabled }, props.label);
147
147
  };
148
148
  var getHintOrError = function () {
149
149
  if (hasError && validation)
150
- return React.createElement(Hint, { ghost: ghost, error: true }, validation);
150
+ return React.createElement(Hint, { error: true }, validation);
151
151
  if (props.hint)
152
- return React.createElement(Hint, { optional: props.rules !== null && props.rules !== undefined && !props.rules.required, ghost: ghost }, props.hint);
152
+ return React.createElement(Hint, null, props.hint);
153
153
  return null;
154
154
  };
155
155
  var dirty = form ? form.dirty : !pristine;
@@ -4,14 +4,6 @@ interface IFormHintProps {
4
4
  className?: string;
5
5
  /** @ignore */
6
6
  children?: React.ReactNode;
7
- /**
8
- * Is the field optional?
9
- */
10
- optional?: boolean;
11
- /**
12
- * Is the field ghosted?
13
- */
14
- ghost?: boolean;
15
7
  /**
16
8
  * Is this an error message?
17
9
  */
@@ -5,11 +5,8 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
5
5
  import * as React from 'react';
6
6
  import styled from 'styled-components';
7
7
  var HintBase = function (props) {
8
- return React.createElement("div", { tabIndex: -1, className: props.className },
9
- props.optional && React.createElement(Optional, null, "Optional:"),
10
- props.children);
8
+ return React.createElement("div", { tabIndex: -1, className: props.className }, props.children);
11
9
  };
12
- var Optional = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n"], ["\n"])));
13
- var Hint = styled(HintBase)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font: ", ";\n color: ", ";\n user-select: none;\n // Hints don't wrap and are ellipsized:\n white-space: nowrap;\n overflow-x: hidden;\n text-overflow: ellipsis;\n ", " {\n color: ", ";\n margin-right: 0.25em;\n }\n"], ["\n font: ", ";\n color: ", ";\n user-select: none;\n // Hints don't wrap and are ellipsized:\n white-space: nowrap;\n overflow-x: hidden;\n text-overflow: ellipsis;\n ", " {\n color: ", ";\n margin-right: 0.25em;\n }\n"])), function (p) { return p.theme.font.bodySmall; }, function (p) { return p.error ? p.theme.colors.negative : p.theme.colors.font; }, Optional, function (p) { return p.ghost ? 'inherit' : p.theme.colors.primary[1]; });
10
+ var Hint = styled(HintBase)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font: ", ";\n color: ", ";\n user-select: none;\n // Hints don't wrap and are ellipsized:\n white-space: nowrap;\n overflow-x: hidden;\n text-overflow: ellipsis;\n"], ["\n font: ", ";\n color: ", ";\n user-select: none;\n // Hints don't wrap and are ellipsized:\n white-space: nowrap;\n overflow-x: hidden;\n text-overflow: ellipsis;\n"])), function (p) { return p.theme.font.bodySmall; }, function (p) { return p.error ? p.theme.colors.negative : p.theme.colors.font; });
14
11
  export { Hint };
15
- var templateObject_1, templateObject_2;
12
+ var templateObject_1;
@@ -14,9 +14,14 @@ interface ILabelProps {
14
14
  */
15
15
  required?: boolean;
16
16
  /**
17
- * If true, show an asterisk for required fields.
17
+ * If true, suppress the asterisk for required fields.
18
+ * @default false
19
+ */
20
+ noAsterisk?: boolean;
21
+ /**
22
+ * Is the field ghosted?
18
23
  */
19
- asterisk?: boolean;
24
+ ghost?: boolean;
20
25
  }
21
26
  declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<ILabelProps, never>> & string & Omit<(props: ILabelProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;
22
27
  export { Label };
@@ -8,7 +8,7 @@ var Required = styled.span(templateObject_1 || (templateObject_1 = __makeTemplat
8
8
  var LabelBase = function (props) {
9
9
  return React.createElement("label", { tabIndex: -1, className: props.className },
10
10
  props.children,
11
- props.required && props.asterisk == true && !props.disabled && React.createElement(Required, null, "*"));
11
+ props.required && !props.ghost && !props.noAsterisk && !props.disabled && React.createElement(Required, null, "*"));
12
12
  };
13
13
  var Label = styled(LabelBase)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n // Position:\n position: relative;\n display: block;\n margin-right: 1em;\n\n // Appearance:\n font: ", ";\n text-transform: uppercase;\n color: ", ";\n\n // Content:\n white-space: nowrap;\n overflow-x: hidden;\n overflow-y: hidden;\n text-overflow: ellipsis;\n"], ["\n // Position:\n position: relative;\n display: block;\n margin-right: 1em;\n\n // Appearance:\n font: ", ";\n text-transform: uppercase;\n color: ", ";\n\n // Content:\n white-space: nowrap;\n overflow-x: hidden;\n overflow-y: hidden;\n text-overflow: ellipsis;\n"])), function (p) { return p.theme.font.labelCaps; }, function (p) { return p.theme.colors.font; });
14
14
  export { Label };
@@ -1,2 +1,265 @@
1
- declare const Countries: Record<string, string[]>;
1
+ declare const Countries: {
2
+ AC: string;
3
+ AD: string;
4
+ AE: string;
5
+ AF: string;
6
+ AG: string;
7
+ AI: string;
8
+ AL: string;
9
+ AM: string;
10
+ AO: string;
11
+ AQ: string;
12
+ AR: string;
13
+ AS: string;
14
+ AT: string;
15
+ AU: string;
16
+ AW: string;
17
+ AX: string;
18
+ AZ: string;
19
+ BA: string;
20
+ BB: string;
21
+ BD: string;
22
+ BE: string;
23
+ BF: string;
24
+ BG: string;
25
+ BH: string;
26
+ BI: string;
27
+ BJ: string;
28
+ BL: string;
29
+ BM: string;
30
+ BN: string;
31
+ BO: string;
32
+ BR: string;
33
+ BS: string;
34
+ BT: string;
35
+ BQ: string;
36
+ BV: string;
37
+ BW: string;
38
+ BY: string;
39
+ BZ: string;
40
+ CA: string;
41
+ CC: string;
42
+ CD: string;
43
+ CF: string;
44
+ CG: string;
45
+ CH: string;
46
+ CI: string;
47
+ CK: string;
48
+ CL: string;
49
+ CM: string;
50
+ CN: string;
51
+ CO: string;
52
+ CP: string;
53
+ CR: string;
54
+ CU: string;
55
+ CV: string;
56
+ CW: string;
57
+ CX: string;
58
+ CY: string;
59
+ CZ: string;
60
+ DE: string;
61
+ DG: string;
62
+ DJ: string;
63
+ DK: string;
64
+ DM: string;
65
+ DO: string;
66
+ DZ: string;
67
+ EA: string;
68
+ EC: string;
69
+ EE: string;
70
+ EG: string;
71
+ EH: string;
72
+ ER: string;
73
+ ES: string;
74
+ ET: string;
75
+ EU: string;
76
+ FI: string;
77
+ FJ: string;
78
+ FK: string;
79
+ FM: string;
80
+ FO: string;
81
+ FR: string;
82
+ GA: string;
83
+ GB: string;
84
+ GD: string;
85
+ GE: string;
86
+ GF: string;
87
+ GG: string;
88
+ GH: string;
89
+ GI: string;
90
+ GL: string;
91
+ GM: string;
92
+ GN: string;
93
+ GP: string;
94
+ GQ: string;
95
+ GR: string;
96
+ GS: string;
97
+ GT: string;
98
+ GU: string;
99
+ GW: string;
100
+ GY: string;
101
+ HK: string;
102
+ HM: string;
103
+ HN: string;
104
+ HR: string;
105
+ HT: string;
106
+ HU: string;
107
+ IC: string;
108
+ ID: string;
109
+ IE: string;
110
+ IL: string;
111
+ IM: string;
112
+ IN: string;
113
+ IO: string;
114
+ IQ: string;
115
+ IR: string;
116
+ IS: string;
117
+ IT: string;
118
+ JE: string;
119
+ JM: string;
120
+ JO: string;
121
+ JP: string;
122
+ KE: string;
123
+ KG: string;
124
+ KH: string;
125
+ KI: string;
126
+ KM: string;
127
+ KN: string;
128
+ KP: string;
129
+ KR: string;
130
+ KW: string;
131
+ KY: string;
132
+ KZ: string;
133
+ LA: string;
134
+ LB: string;
135
+ LC: string;
136
+ LI: string;
137
+ LK: string;
138
+ LR: string;
139
+ LS: string;
140
+ LT: string;
141
+ LU: string;
142
+ LV: string;
143
+ LY: string;
144
+ MA: string;
145
+ MC: string;
146
+ MD: string;
147
+ ME: string;
148
+ MF: string;
149
+ MG: string;
150
+ MH: string;
151
+ MK: string;
152
+ ML: string;
153
+ MM: string;
154
+ MN: string;
155
+ MO: string;
156
+ MP: string;
157
+ MQ: string;
158
+ MR: string;
159
+ MS: string;
160
+ MT: string;
161
+ MU: string;
162
+ MV: string;
163
+ MW: string;
164
+ MX: string;
165
+ MY: string;
166
+ MZ: string;
167
+ NA: string;
168
+ NC: string;
169
+ NE: string;
170
+ NF: string;
171
+ NG: string;
172
+ NI: string;
173
+ NL: string;
174
+ NO: string;
175
+ NP: string;
176
+ NR: string;
177
+ NU: string;
178
+ NZ: string;
179
+ OM: string;
180
+ PA: string;
181
+ PE: string;
182
+ PF: string;
183
+ PG: string;
184
+ PH: string;
185
+ PK: string;
186
+ PL: string;
187
+ PM: string;
188
+ PN: string;
189
+ PR: string;
190
+ PS: string;
191
+ PT: string;
192
+ PW: string;
193
+ PY: string;
194
+ QA: string;
195
+ RE: string;
196
+ RO: string;
197
+ RS: string;
198
+ RU: string;
199
+ RW: string;
200
+ SA: string;
201
+ SB: string;
202
+ SC: string;
203
+ SD: string;
204
+ SE: string;
205
+ SG: string;
206
+ SH: string;
207
+ SI: string;
208
+ SJ: string;
209
+ SK: string;
210
+ SL: string;
211
+ SM: string;
212
+ SN: string;
213
+ SO: string;
214
+ SR: string;
215
+ SS: string;
216
+ ST: string;
217
+ SV: string;
218
+ SX: string;
219
+ SY: string;
220
+ SZ: string;
221
+ TA: string;
222
+ TC: string;
223
+ TD: string;
224
+ TF: string;
225
+ TG: string;
226
+ TH: string;
227
+ TJ: string;
228
+ TK: string;
229
+ TL: string;
230
+ TM: string;
231
+ TN: string;
232
+ TO: string;
233
+ TR: string;
234
+ TT: string;
235
+ TV: string;
236
+ TW: string;
237
+ TZ: string;
238
+ UA: string;
239
+ UG: string;
240
+ UM: string;
241
+ US: string;
242
+ UY: string;
243
+ UZ: string;
244
+ VA: string;
245
+ VC: string;
246
+ VE: string;
247
+ VG: string;
248
+ VI: string;
249
+ VN: string;
250
+ VU: string;
251
+ WF: string;
252
+ WS: string;
253
+ XK: string;
254
+ YE: string;
255
+ YT: string;
256
+ ZA: string;
257
+ ZM: string;
258
+ ZW: string;
259
+ };
260
+ type CountryCode = keyof typeof Countries;
261
+ type CountryNames = {
262
+ [K in CountryCode]: string;
263
+ };
2
264
  export { Countries };
265
+ export type { CountryCode, CountryNames };