@bosonprotocol/react-kit 0.33.0-alpha.11 → 0.33.0-alpha.12

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 (11) hide show
  1. package/dist/cjs/components/form/CountrySelect.d.ts +2 -1
  2. package/dist/cjs/components/form/CountrySelect.d.ts.map +1 -1
  3. package/dist/cjs/components/form/CountrySelect.js +12 -7
  4. package/dist/cjs/components/form/CountrySelect.js.map +1 -1
  5. package/dist/esm/components/form/CountrySelect.d.ts +2 -1
  6. package/dist/esm/components/form/CountrySelect.d.ts.map +1 -1
  7. package/dist/esm/components/form/CountrySelect.js +50 -43
  8. package/dist/esm/components/form/CountrySelect.js.map +1 -1
  9. package/package.json +5 -5
  10. package/src/components/form/CountrySelect.tsx +102 -88
  11. package/src/stories/selects/CountrySelect.stories.tsx +8 -1
package/dist/cjs/components/form/CountrySelect.d.ts CHANGED
@@ -5,6 +5,7 @@ import type { InputProps } from "./types";
5
5
  export type { Country as CountryCode } from "react-phone-number-input";
6
6
  export type CountrySelectProps = InputProps & {
7
7
  countries?: CountryCode[];
8
+ fieldValueIsCountryCode?: boolean;
8
9
  theme?: Partial<{
9
10
  controlHeight: CSSProperties["height"];
10
11
  borderRadius: CSSProperties["borderRadius"];
@@ -18,5 +19,5 @@ export type CountrySelectProps = InputProps & {
18
19
  unselectedOptionColor: CSSProperties["color"];
19
20
  }>;
20
21
  };
21
- export declare function CountrySelect({ name, countries, theme: selectTheme, ...rest }: CountrySelectProps): JSX.Element;
22
+ export declare function CountrySelect({ name, countries, theme: selectTheme, fieldValueIsCountryCode, ...rest }: CountrySelectProps): JSX.Element;
22
23
  //# sourceMappingURL=CountrySelect.d.ts.map
package/dist/cjs/components/form/CountrySelect.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CountrySelect.d.ts","sourceRoot":"","sources":["../../../../src/components/form/CountrySelect.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvE,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,YAAY,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AA6GvE,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG;IAC5C,SAAS,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;QACd,aAAa,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;QACvC,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;QAC5C,uBAAuB,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QACtD,iBAAiB,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;QAC/C,uBAAuB,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QACtD,2BAA2B,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QAC1D,wBAAwB,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;QACtD,0BAA0B,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;QACxD,mBAAmB,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;QAC5C,qBAAqB,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/C,CAAC,CAAC;CACJ,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,SAAS,EACT,KAAK,EAAE,WAAW,EAClB,GAAG,IAAI,EACR,EAAE,kBAAkB,eAuHpB"}
1
+ {"version":3,"file":"CountrySelect.d.ts","sourceRoot":"","sources":["../../../../src/components/form/CountrySelect.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvE,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,YAAY,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AA6GvE,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG;IAC5C,SAAS,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,KAAK,CAAC,EAAE,OAAO,CAAC;QACd,aAAa,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;QACvC,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;QAC5C,uBAAuB,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QACtD,iBAAiB,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;QAC/C,uBAAuB,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QACtD,2BAA2B,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QAC1D,wBAAwB,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;QACtD,0BAA0B,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;QACxD,mBAAmB,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;QAC5C,qBAAqB,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/C,CAAC,CAAC;CACJ,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,SAAS,EACT,KAAK,EAAE,WAAW,EAClB,uBAAuB,EACvB,GAAG,IAAI,EACR,EAAE,kBAAkB,eAmIpB"}
package/dist/cjs/components/form/CountrySelect.js CHANGED
@@ -122,7 +122,7 @@ const PhoneWrapper = styled_components_1.default.div `
122
122
  }
123
123
  `;
124
124
  function CountrySelect(_a) {
125
- var { name, countries, theme: selectTheme } = _a, rest = __rest(_a, ["name", "countries", "theme"]);
125
+ var { name, countries, theme: selectTheme, fieldValueIsCountryCode } = _a, rest = __rest(_a, ["name", "countries", "theme", "fieldValueIsCountryCode"]);
126
126
  const { status } = (0, formik_1.useFormikContext)();
127
127
  const [initialized, setInitialized] = (0, react_1.useState)(false);
128
128
  const [field, meta, helpers] = (0, formik_1.useField)(name);
@@ -130,10 +130,10 @@ function CountrySelect(_a) {
130
130
  const errorMessage = errorText && meta.touched ? errorText : "";
131
131
  const displayError = typeof errorMessage === "string" && errorMessage !== "";
132
132
  const [phone, setPhone] = (0, react_1.useState)(undefined);
133
- const [countryCode, setCountryCode] = (0, react_1.useState)();
133
+ const [countryCodeOrName, setCountryCodeOrName] = (0, react_1.useState)();
134
134
  (0, react_1.useEffect)(() => {
135
135
  if (!initialized && field.value) {
136
- setCountryCode(field.value);
136
+ setCountryCodeOrName(field.value);
137
137
  setInitialized(true);
138
138
  }
139
139
  }, [field.value, initialized]); // eslint-disable-line
@@ -143,17 +143,22 @@ function CountrySelect(_a) {
143
143
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
144
144
  , {
145
145
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
146
- inputComponent: (0, react_1.forwardRef)((props, ref) => (react_1.default.createElement("div", null))), addInternationalOption: false, country: countryCode, value: phone, onChange: (value) => setPhone((value || "").replace(/\+/g, "")), countries: countries, countrySelectComponent: (_a) => {
146
+ inputComponent: (0, react_1.forwardRef)((props, ref) => (react_1.default.createElement("div", null))), addInternationalOption: false, country: countryCodeOrName, value: phone, onChange: (value) => setPhone((value || "").replace(/\+/g, "")), countries: countries, countrySelectComponent: (_a) => {
147
147
  var { iconComponent: Icon } = _a, props = __rest(_a, ["iconComponent"]);
148
+ const value = ((props === null || props === void 0 ? void 0 : props.options) || []).find((o) => fieldValueIsCountryCode
149
+ ? o.value === countryCodeOrName
150
+ : o.label === countryCodeOrName);
148
151
  return (react_1.default.createElement(react_1.default.Fragment, null,
149
152
  react_1.default.createElement("div", null,
150
153
  react_1.default.createElement(react_select_1.default, Object.assign({}, rest, props, { isDisabled: rest.disabled, theme: (theme) => (Object.assign(Object.assign({}, theme), { controlHeight: selectTheme === null || selectTheme === void 0 ? void 0 : selectTheme.controlHeight, borderRadius: (selectTheme === null || selectTheme === void 0 ? void 0 : selectTheme.borderRadius) || 0, colors: Object.assign(Object.assign({}, theme.colors), { controlHoverBorderColor: (selectTheme === null || selectTheme === void 0 ? void 0 : selectTheme.controlHoverBorderColor) ||
151
154
  colors.secondary, controlBackground: (selectTheme === null || selectTheme === void 0 ? void 0 : selectTheme.controlBackground) || colors.lightGrey, controlFocusBorderColor: (selectTheme === null || selectTheme === void 0 ? void 0 : selectTheme.controlFocusBorderColor) ||
152
155
  colors.secondary, controlUnfocusedBorderColor: (selectTheme === null || selectTheme === void 0 ? void 0 : selectTheme.controlUnfocusedBorderColor) ||
153
156
  colors.border, selectedOptionBackground: (selectTheme === null || selectTheme === void 0 ? void 0 : selectTheme.selectedOptionBackground) ||
154
- colors.lightGrey, unselectedOptionBackground: (selectTheme === null || selectTheme === void 0 ? void 0 : selectTheme.unselectedOptionBackground) || colors.white, selectedOptionColor: (selectTheme === null || selectTheme === void 0 ? void 0 : selectTheme.selectedOptionColor) || colors.secondary, unselectedOptionColor: (selectTheme === null || selectTheme === void 0 ? void 0 : selectTheme.unselectedOptionColor) || colors.black }) })), styles: customStyles, name: "countrySelect", value: ((props === null || props === void 0 ? void 0 : props.options) || []).find((o) => o.value === countryCode), onChange: (o) => {
155
- setCountryCode(o.value);
156
- helpers.setValue(o.label);
157
+ colors.lightGrey, unselectedOptionBackground: (selectTheme === null || selectTheme === void 0 ? void 0 : selectTheme.unselectedOptionBackground) ||
158
+ colors.white, selectedOptionColor: (selectTheme === null || selectTheme === void 0 ? void 0 : selectTheme.selectedOptionColor) || colors.secondary, unselectedOptionColor: (selectTheme === null || selectTheme === void 0 ? void 0 : selectTheme.unselectedOptionColor) || colors.black }) })), styles: customStyles, name: "countrySelect", value: value, onChange: (o) => {
159
+ const value = fieldValueIsCountryCode ? o.value : o.label;
160
+ setCountryCodeOrName(value);
161
+ helpers.setValue(value);
157
162
  }, components: {
158
163
  Control: (props) => {
159
164
  var _a;
package/dist/cjs/components/form/CountrySelect.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CountrySelect.js","sourceRoot":"","sources":["../../../../src/components/form/CountrySelect.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CountrySelect.js","sourceRoot":"","sources":["../../../../src/components/form/CountrySelect.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/form/CountrySelect.d.ts CHANGED
@@ -5,6 +5,7 @@ import type { InputProps } from "./types";
5
5
  export type { Country as CountryCode } from "react-phone-number-input";
6
6
  export type CountrySelectProps = InputProps & {
7
7
  countries?: CountryCode[];
8
+ fieldValueIsCountryCode?: boolean;
8
9
  theme?: Partial<{
9
10
  controlHeight: CSSProperties["height"];
10
11
  borderRadius: CSSProperties["borderRadius"];
@@ -18,5 +19,5 @@ export type CountrySelectProps = InputProps & {
18
19
  unselectedOptionColor: CSSProperties["color"];
19
20
  }>;
20
21
  };
21
- export declare function CountrySelect({ name, countries, theme: selectTheme, ...rest }: CountrySelectProps): JSX.Element;
22
+ export declare function CountrySelect({ name, countries, theme: selectTheme, fieldValueIsCountryCode, ...rest }: CountrySelectProps): JSX.Element;
22
23
  //# sourceMappingURL=CountrySelect.d.ts.map
package/dist/esm/components/form/CountrySelect.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CountrySelect.d.ts","sourceRoot":"","sources":["../../../../src/components/form/CountrySelect.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvE,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,YAAY,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AA6GvE,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG;IAC5C,SAAS,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;QACd,aAAa,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;QACvC,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;QAC5C,uBAAuB,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QACtD,iBAAiB,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;QAC/C,uBAAuB,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QACtD,2BAA2B,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QAC1D,wBAAwB,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;QACtD,0BAA0B,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;QACxD,mBAAmB,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;QAC5C,qBAAqB,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/C,CAAC,CAAC;CACJ,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,SAAS,EACT,KAAK,EAAE,WAAW,EAClB,GAAG,IAAI,EACR,EAAE,kBAAkB,eAuHpB"}
1
+ {"version":3,"file":"CountrySelect.d.ts","sourceRoot":"","sources":["../../../../src/components/form/CountrySelect.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvE,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,YAAY,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AA6GvE,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG;IAC5C,SAAS,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,KAAK,CAAC,EAAE,OAAO,CAAC;QACd,aAAa,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;QACvC,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;QAC5C,uBAAuB,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QACtD,iBAAiB,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;QAC/C,uBAAuB,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QACtD,2BAA2B,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QAC1D,wBAAwB,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;QACtD,0BAA0B,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;QACxD,mBAAmB,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;QAC5C,qBAAqB,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/C,CAAC,CAAC;CACJ,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,SAAS,EACT,KAAK,EAAE,WAAW,EAClB,uBAAuB,EACvB,GAAG,IAAI,EACR,EAAE,kBAAkB,eAmIpB"}
package/dist/esm/components/form/CountrySelect.js CHANGED
@@ -106,7 +106,7 @@ const PhoneWrapper = styled.div `
106
106
  transition: all 150ms ease-in-out;
107
107
  }
108
108
  `;
109
- export function CountrySelect({ name, countries, theme: selectTheme, ...rest }) {
109
+ export function CountrySelect({ name, countries, theme: selectTheme, fieldValueIsCountryCode, ...rest }) {
110
110
  const { status } = useFormikContext();
111
111
  const [initialized, setInitialized] = useState(false);
112
112
  const [field, meta, helpers] = useField(name);
@@ -114,10 +114,10 @@ export function CountrySelect({ name, countries, theme: selectTheme, ...rest })
114
114
  const errorMessage = errorText && meta.touched ? errorText : "";
115
115
  const displayError = typeof errorMessage === "string" && errorMessage !== "";
116
116
  const [phone, setPhone] = useState(undefined);
117
- const [countryCode, setCountryCode] = useState();
117
+ const [countryCodeOrName, setCountryCodeOrName] = useState();
118
118
  useEffect(() => {
119
119
  if (!initialized && field.value) {
120
- setCountryCode(field.value);
120
+ setCountryCodeOrName(field.value);
121
121
  setInitialized(true);
122
122
  }
123
123
  }, [field.value, initialized]); // eslint-disable-line
@@ -127,46 +127,53 @@ export function CountrySelect({ name, countries, theme: selectTheme, ...rest })
127
127
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
128
128
  , {
129
129
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
130
- inputComponent: forwardRef((props, ref) => (React.createElement("div", null))), addInternationalOption: false, country: countryCode, value: phone, onChange: (value) => setPhone((value || "").replace(/\+/g, "")), countries: countries, countrySelectComponent: ({ iconComponent: Icon, ...props }) => (React.createElement(React.Fragment, null,
131
- React.createElement("div", null,
132
- React.createElement(Select, { ...rest, ...props, isDisabled: rest.disabled, theme: (theme) => ({
133
- ...theme,
134
- controlHeight: selectTheme?.controlHeight,
135
- borderRadius: selectTheme?.borderRadius || 0,
136
- colors: {
137
- ...theme.colors,
138
- controlHoverBorderColor: selectTheme?.controlHoverBorderColor ||
139
- colors.secondary,
140
- controlBackground: selectTheme?.controlBackground || colors.lightGrey,
141
- controlFocusBorderColor: selectTheme?.controlFocusBorderColor ||
142
- colors.secondary,
143
- controlUnfocusedBorderColor: selectTheme?.controlUnfocusedBorderColor ||
144
- colors.border,
145
- selectedOptionBackground: selectTheme?.selectedOptionBackground ||
146
- colors.lightGrey,
147
- unselectedOptionBackground: selectTheme?.unselectedOptionBackground || colors.white,
148
- selectedOptionColor: selectTheme?.selectedOptionColor || colors.secondary,
149
- unselectedOptionColor: selectTheme?.unselectedOptionColor || colors.black
150
- }
151
- }), styles: customStyles, name: "countrySelect", value: (props?.options || []).find((o) => o.value === countryCode), onChange: (o) => {
152
- setCountryCode(o.value);
153
- helpers.setValue(o.label);
154
- }, components: {
155
- Control: (props) => {
156
- const country = props?.getValue()[0]?.value || null;
157
- return (React.createElement(components.Control, { ...props },
158
- React.createElement(ControlGrid, null,
159
- country ? (React.createElement(Icon, { country: country, label: "" })) : (React.createElement(GlobeHemisphereWest, null)),
160
- props.children)));
161
- },
162
- Option: (props) => {
163
- const country = props?.data?.value || null;
164
- return (React.createElement(components.Option, { ...props },
165
- React.createElement(OptionGrid, null,
166
- country ? (React.createElement(Icon, { country: country, label: props.label })) : (React.createElement(GlobeHemisphereWest, null)),
167
- props.label)));
168
- }
169
- } })))) })),
130
+ inputComponent: forwardRef((props, ref) => (React.createElement("div", null))), addInternationalOption: false, country: countryCodeOrName, value: phone, onChange: (value) => setPhone((value || "").replace(/\+/g, "")), countries: countries, countrySelectComponent: ({ iconComponent: Icon, ...props }) => {
131
+ const value = (props?.options || []).find((o) => fieldValueIsCountryCode
132
+ ? o.value === countryCodeOrName
133
+ : o.label === countryCodeOrName);
134
+ return (React.createElement(React.Fragment, null,
135
+ React.createElement("div", null,
136
+ React.createElement(Select, { ...rest, ...props, isDisabled: rest.disabled, theme: (theme) => ({
137
+ ...theme,
138
+ controlHeight: selectTheme?.controlHeight,
139
+ borderRadius: selectTheme?.borderRadius || 0,
140
+ colors: {
141
+ ...theme.colors,
142
+ controlHoverBorderColor: selectTheme?.controlHoverBorderColor ||
143
+ colors.secondary,
144
+ controlBackground: selectTheme?.controlBackground || colors.lightGrey,
145
+ controlFocusBorderColor: selectTheme?.controlFocusBorderColor ||
146
+ colors.secondary,
147
+ controlUnfocusedBorderColor: selectTheme?.controlUnfocusedBorderColor ||
148
+ colors.border,
149
+ selectedOptionBackground: selectTheme?.selectedOptionBackground ||
150
+ colors.lightGrey,
151
+ unselectedOptionBackground: selectTheme?.unselectedOptionBackground ||
152
+ colors.white,
153
+ selectedOptionColor: selectTheme?.selectedOptionColor || colors.secondary,
154
+ unselectedOptionColor: selectTheme?.unselectedOptionColor || colors.black
155
+ }
156
+ }), styles: customStyles, name: "countrySelect", value: value, onChange: (o) => {
157
+ const value = fieldValueIsCountryCode ? o.value : o.label;
158
+ setCountryCodeOrName(value);
159
+ helpers.setValue(value);
160
+ }, components: {
161
+ Control: (props) => {
162
+ const country = props?.getValue()[0]?.value || null;
163
+ return (React.createElement(components.Control, { ...props },
164
+ React.createElement(ControlGrid, null,
165
+ country ? (React.createElement(Icon, { country: country, label: "" })) : (React.createElement(GlobeHemisphereWest, null)),
166
+ props.children)));
167
+ },
168
+ Option: (props) => {
169
+ const country = props?.data?.value || null;
170
+ return (React.createElement(components.Option, { ...props },
171
+ React.createElement(OptionGrid, null,
172
+ country ? (React.createElement(Icon, { country: country, label: props.label })) : (React.createElement(GlobeHemisphereWest, null)),
173
+ props.label)));
174
+ }
175
+ } }))));
176
+ } })),
170
177
  React.createElement(Error, { display: !rest.hideError && displayError, message: errorMessage })));
171
178
  }
172
179
  //# sourceMappingURL=CountrySelect.js.map
package/dist/esm/components/form/CountrySelect.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CountrySelect.js","sourceRoot":"","sources":["../../../../src/components/form/CountrySelect.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CountrySelect.js","sourceRoot":"","sources":["../../../../src/components/form/CountrySelect.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bosonprotocol/react-kit",
3
3
  "description": "React toolkit with smart components and hooks for building on top of the Boson Protocol.",
4
- "version": "0.33.0-alpha.11",
4
+ "version": "0.33.0-alpha.12",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",
7
7
  "types": "./dist/cjs/index.d.ts",
@@ -15,9 +15,9 @@
15
15
  "license": "Apache-2.0",
16
16
  "dependencies": {
17
17
  "@bosonprotocol/chat-sdk": "^1.3.1-alpha.9",
18
- "@bosonprotocol/core-sdk": "^1.40.5-alpha.10",
19
- "@bosonprotocol/ethers-sdk": "^1.14.5-alpha.10",
20
- "@bosonprotocol/ipfs-storage": "^1.11.4-alpha.5",
18
+ "@bosonprotocol/core-sdk": "^1.40.5-alpha.11",
19
+ "@bosonprotocol/ethers-sdk": "^1.14.5-alpha.11",
20
+ "@bosonprotocol/ipfs-storage": "^1.11.4-alpha.6",
21
21
  "@davatar/react": "1.11.1",
22
22
  "@ethersproject/units": "5.6.0",
23
23
  "@glidejs/glide": "3.6.0",
@@ -188,5 +188,5 @@
188
188
  "overrides": {
189
189
  "typescript": "^5.1.6"
190
190
  },
191
- "gitHead": "ef36d597644bb21937e62fc64d86ff22ef714651"
191
+ "gitHead": "1650d963f4a2f1f152c6202154f24b5ec9be281c"
192
192
  }
package/src/components/form/CountrySelect.tsx CHANGED
@@ -122,6 +122,7 @@ const PhoneWrapper = styled.div`
122
122
 
123
123
  export type CountrySelectProps = InputProps & {
124
124
  countries?: CountryCode[];
125
+ fieldValueIsCountryCode?: boolean; // if true, the field.value will be the countryCodeOrName, otherwise the country name
125
126
  theme?: Partial<{
126
127
  controlHeight: CSSProperties["height"];
127
128
  borderRadius: CSSProperties["borderRadius"];
@@ -135,11 +136,12 @@ export type CountrySelectProps = InputProps & {
135
136
  unselectedOptionColor: CSSProperties["color"];
136
137
  }>;
137
138
  };
138
-
139
+ type CountryName = string;
139
140
  export function CountrySelect({
140
141
  name,
141
142
  countries,
142
143
  theme: selectTheme,
144
+ fieldValueIsCountryCode,
143
145
  ...rest
144
146
  }: CountrySelectProps) {
145
147
  const { status } = useFormikContext();
@@ -149,11 +151,13 @@ export function CountrySelect({
149
151
  const errorMessage = errorText && meta.touched ? errorText : "";
150
152
  const displayError = typeof errorMessage === "string" && errorMessage !== "";
151
153
  const [phone, setPhone] = useState<string | undefined>(undefined);
152
- const [countryCode, setCountryCode] = useState<CountryCode | undefined>();
154
+ const [countryCodeOrName, setCountryCodeOrName] = useState<
155
+ CountryCode | CountryName | undefined
156
+ >();
153
157
 
154
158
  useEffect(() => {
155
159
  if (!initialized && field.value) {
156
- setCountryCode(field.value as CountryCode);
160
+ setCountryCodeOrName(field.value);
157
161
  setInitialized(true);
158
162
  }
159
163
  }, [field.value, initialized]); // eslint-disable-line
@@ -167,94 +171,104 @@ export function CountrySelect({
167
171
  <div></div>
168
172
  ))}
169
173
  addInternationalOption={false}
170
- country={countryCode}
174
+ country={countryCodeOrName}
171
175
  value={phone}
172
176
  onChange={(value) => setPhone((value || "").replace(/\+/g, ""))}
173
177
  countries={countries}
174
- countrySelectComponent={({ iconComponent: Icon, ...props }) => (
175
- <>
176
- <div>
177
- <Select
178
- {...rest}
179
- {...props}
180
- isDisabled={rest.disabled}
181
- theme={(theme) => ({
182
- ...theme,
183
- controlHeight: selectTheme?.controlHeight,
184
- borderRadius: selectTheme?.borderRadius || 0,
185
- colors: {
186
- ...theme.colors,
187
- controlHoverBorderColor:
188
- selectTheme?.controlHoverBorderColor ||
189
- colors.secondary,
190
- controlBackground:
191
- selectTheme?.controlBackground || colors.lightGrey,
192
- controlFocusBorderColor:
193
- selectTheme?.controlFocusBorderColor ||
194
- colors.secondary,
195
- controlUnfocusedBorderColor:
196
- selectTheme?.controlUnfocusedBorderColor ||
197
- colors.border,
198
- selectedOptionBackground:
199
- selectTheme?.selectedOptionBackground ||
200
- colors.lightGrey,
201
- unselectedOptionBackground:
202
- selectTheme?.unselectedOptionBackground || colors.white,
203
- selectedOptionColor:
204
- selectTheme?.selectedOptionColor || colors.secondary,
205
- unselectedOptionColor:
206
- selectTheme?.unselectedOptionColor || colors.black
207
- }
208
- })}
209
- styles={customStyles}
210
- name="countrySelect"
211
- value={(props?.options || []).find(
212
- (o: SelectDataProps) => o.value === countryCode
213
- )}
214
- onChange={(o: SelectDataProps) => {
215
- setCountryCode(o.value as CountryCode);
216
- helpers.setValue(o.label);
217
- }}
218
- components={{
219
- Control: (props) => {
220
- const country =
221
- (props?.getValue()[0] as any)?.value || null;
222
- return (
223
- <components.Control {...props}>
224
- <ControlGrid>
225
- {country ? (
226
- <Icon country={country as CountryCode} label="" />
227
- ) : (
228
- <GlobeHemisphereWest />
229
- )}
230
- {props.children as any}
231
- </ControlGrid>
232
- </components.Control>
233
- );
234
- },
235
- Option: (props) => {
236
- const country = (props?.data as any)?.value || null;
237
- return (
238
- <components.Option {...props}>
239
- <OptionGrid>
240
- {country ? (
241
- <Icon
242
- country={country as CountryCode}
243
- label={props.label}
244
- />
245
- ) : (
246
- <GlobeHemisphereWest />
247
- )}
248
- {props.label}
249
- </OptionGrid>
250
- </components.Option>
251
- );
252
- }
253
- }}
254
- />
255
- </div>
256
- </>
257
- )}
178
+ countrySelectComponent={({ iconComponent: Icon, ...props }) => {
179
+ const value = (props?.options || []).find((o: SelectDataProps) =>
180
+ fieldValueIsCountryCode
181
+ ? o.value === countryCodeOrName
182
+ : o.label === countryCodeOrName
183
+ );
184
+ return (
185
+ <>
186
+ <div>
187
+ <Select
188
+ {...rest}
189
+ {...props}
190
+ isDisabled={rest.disabled}
191
+ theme={(theme) => ({
192
+ ...theme,
193
+ controlHeight: selectTheme?.controlHeight,
194
+ borderRadius: selectTheme?.borderRadius || 0,
195
+ colors: {
196
+ ...theme.colors,
197
+ controlHoverBorderColor:
198
+ selectTheme?.controlHoverBorderColor ||
199
+ colors.secondary,
200
+ controlBackground:
201
+ selectTheme?.controlBackground || colors.lightGrey,
202
+ controlFocusBorderColor:
203
+ selectTheme?.controlFocusBorderColor ||
204
+ colors.secondary,
205
+ controlUnfocusedBorderColor:
206
+ selectTheme?.controlUnfocusedBorderColor ||
207
+ colors.border,
208
+ selectedOptionBackground:
209
+ selectTheme?.selectedOptionBackground ||
210
+ colors.lightGrey,
211
+ unselectedOptionBackground:
212
+ selectTheme?.unselectedOptionBackground ||
213
+ colors.white,
214
+ selectedOptionColor:
215
+ selectTheme?.selectedOptionColor || colors.secondary,
216
+ unselectedOptionColor:
217
+ selectTheme?.unselectedOptionColor || colors.black
218
+ }
219
+ })}
220
+ styles={customStyles}
221
+ name="countrySelect"
222
+ value={value}
223
+ onChange={(o: SelectDataProps) => {
224
+ const value = fieldValueIsCountryCode ? o.value : o.label;
225
+ setCountryCodeOrName(value);
226
+ helpers.setValue(value);
227
+ }}
228
+ components={{
229
+ Control: (props) => {
230
+ const country =
231
+ (props?.getValue()[0] as any)?.value || null;
232
+ return (
233
+ <components.Control {...props}>
234
+ <ControlGrid>
235
+ {country ? (
236
+ <Icon
237
+ country={country as CountryCode}
238
+ label=""
239
+ />
240
+ ) : (
241
+ <GlobeHemisphereWest />
242
+ )}
243
+ {props.children as any}
244
+ </ControlGrid>
245
+ </components.Control>
246
+ );
247
+ },
248
+ Option: (props) => {
249
+ const country = (props?.data as any)?.value || null;
250
+ return (
251
+ <components.Option {...props}>
252
+ <OptionGrid>
253
+ {country ? (
254
+ <Icon
255
+ country={country as CountryCode}
256
+ label={props.label}
257
+ />
258
+ ) : (
259
+ <GlobeHemisphereWest />
260
+ )}
261
+ {props.label}
262
+ </OptionGrid>
263
+ </components.Option>
264
+ );
265
+ }
266
+ }}
267
+ />
268
+ </div>
269
+ </>
270
+ );
271
+ }}
258
272
  />
259
273
  </PhoneWrapper>
260
274
  <Error display={!rest.hideError && displayError} message={errorMessage} />
package/src/stories/selects/CountrySelect.stories.tsx CHANGED
@@ -74,7 +74,14 @@ export default {
74
74
  initialValues={{ [inputName]: "" }}
75
75
  initialTouched={{ [inputName]: true }}
76
76
  >
77
- <Story args={{ ...args, name: inputName }} />
77
+ {({ values }) => {
78
+ return (
79
+ <>
80
+ <Story args={{ ...args, name: inputName }} />
81
+ <div>selected value: {JSON.stringify(values)}</div>
82
+ </>
83
+ );
84
+ }}
78
85
  </Formik>
79
86
  );
80
87
  }