@pelcro/react-pelcro-js 3.13.0-beta.18 → 3.13.0-beta.19

package/dist/index.cjs.js

@@ -3635,6 +3635,7 @@ var labels$Y = {
 	firstName: "First name",
 	lastName: "Last name",
 	username: "Username",
+	displayname: "Display name",
 	phone: "Phone",
 	submit: "Submit",
 	required: "Required",
@@ -4569,6 +4570,7 @@ var labels$D = {
 	firstName: "Prénom",
 	lastName: "Nom de famille",
 	username: "Nom d'utilisateur",
+	displayname: "Afficher un nom",
 	phone: "Numéro de téléphone",
 	submit: "Soumettre",
 	required: "Champs obligatoires",
@@ -5387,6 +5389,7 @@ var labels$o = {
 	firstName: "이름",
 	lastName: "성",
 	username: "사용자 이름",
+	displayname: "이름 표시하기",
 	phone: "전화번호",
 	submit: "제출",
 	required: "필수 항목",
@@ -6307,6 +6310,7 @@ var labels$9 = {
 	firstName: "Nombre",
 	lastName: "Apellido",
 	username: "Nombre de usuario",
+	displayname: "Nombre para mostrar",
 	phone: "Teléfono",
 	submit: "Enviar",
 	required: "Obligatorio",
@@ -21754,6 +21758,37 @@ const UserUpdateTin = props => /*#__PURE__*/React__default['default'].createElem
   store: store$f
 }, props));
 
+function DisplayName({
+  store,
+  ...otherProps
+}) {
+  const {
+    dispatch,
+    state
+  } = React.useContext(store);
+
+  const handleInputChange = value => {
+    dispatch({
+      type: SET_DISPLAY_NAME,
+      payload: value
+    });
+  };
+
+  if (state.loading) {
+    return /*#__PURE__*/React__default['default'].createElement(Loader, null);
+  }
+
+  return /*#__PURE__*/React__default['default'].createElement(Input, Object.assign({
+    type: "text",
+    value: state.displayName || null,
+    onChange: e => handleInputChange(e.target.value)
+  }, otherProps));
+}
+
+const UserUpdateDisplayName = props => /*#__PURE__*/React__default['default'].createElement(DisplayName, Object.assign({
+  store: store$f
+}, props));
+
 const UserUpdateView = props => {
   var _window$Pelcro$site$r, _window$Pelcro, _window$Pelcro$uiSett;
 
@@ -21789,7 +21824,12 @@ const UserUpdateView = props => {
     errorId: "pelcro-input-last-name-error",
     label: t("labels.lastName"),
     required: supportsTap ? true : false
-  })), showUsernameInput && /*#__PURE__*/React__default['default'].createElement(UserUpdateUsername, {
+  })), /*#__PURE__*/React__default['default'].createElement(UserUpdateDisplayName, {
+    id: "pelcro-input-display-name",
+    autoComplete: "display-name",
+    errorId: "pelcro-input-display-name-error",
+    label: t("labels.displayname")
+  }), showUsernameInput && /*#__PURE__*/React__default['default'].createElement(UserUpdateUsername, {
     id: "pelcro-input-user-name",
     autoComplete: "user-name",
     errorId: "pelcro-input-user-name-error",
@@ -21841,37 +21881,6 @@ function UserUpdateModal({
 }
 UserUpdateModal.viewId = "user-edit";
 
-function DisplayName({
-  store,
-  ...otherProps
-}) {
-  const {
-    dispatch,
-    state
-  } = React.useContext(store);
-
-  const handleInputChange = value => {
-    dispatch({
-      type: SET_DISPLAY_NAME,
-      payload: value
-    });
-  };
-
-  if (state.loading) {
-    return /*#__PURE__*/React__default['default'].createElement(Loader, null);
-  }
-
-  return /*#__PURE__*/React__default['default'].createElement(Input, Object.assign({
-    type: "text",
-    value: state.displayName || null,
-    onChange: e => handleInputChange(e.target.value)
-  }, otherProps));
-}
-
-const UserUpdateDisplayName = props => /*#__PURE__*/React__default['default'].createElement(DisplayName, Object.assign({
-  store: store$f
-}, props));
-
 const UserUpdateTextInput = props => {
   return /*#__PURE__*/React__default['default'].createElement(TextInput, Object.assign({}, props, {
     store: store$f

package/dist/index.esm.js

@@ -3605,6 +3605,7 @@ var labels$Y = {
 	firstName: "First name",
 	lastName: "Last name",
 	username: "Username",
+	displayname: "Display name",
 	phone: "Phone",
 	submit: "Submit",
 	required: "Required",
@@ -4539,6 +4540,7 @@ var labels$D = {
 	firstName: "Prénom",
 	lastName: "Nom de famille",
 	username: "Nom d'utilisateur",
+	displayname: "Afficher un nom",
 	phone: "Numéro de téléphone",
 	submit: "Soumettre",
 	required: "Champs obligatoires",
@@ -5357,6 +5359,7 @@ var labels$o = {
 	firstName: "이름",
 	lastName: "성",
 	username: "사용자 이름",
+	displayname: "이름 표시하기",
 	phone: "전화번호",
 	submit: "제출",
 	required: "필수 항목",
@@ -6277,6 +6280,7 @@ var labels$9 = {
 	firstName: "Nombre",
 	lastName: "Apellido",
 	username: "Nombre de usuario",
+	displayname: "Nombre para mostrar",
 	phone: "Teléfono",
 	submit: "Enviar",
 	required: "Obligatorio",
@@ -21724,6 +21728,37 @@ const UserUpdateTin = props => /*#__PURE__*/React__default.createElement(Tin, Ob
   store: store$f
 }, props));
 
+function DisplayName({
+  store,
+  ...otherProps
+}) {
+  const {
+    dispatch,
+    state
+  } = useContext(store);
+
+  const handleInputChange = value => {
+    dispatch({
+      type: SET_DISPLAY_NAME,
+      payload: value
+    });
+  };
+
+  if (state.loading) {
+    return /*#__PURE__*/React__default.createElement(Loader, null);
+  }
+
+  return /*#__PURE__*/React__default.createElement(Input, Object.assign({
+    type: "text",
+    value: state.displayName || null,
+    onChange: e => handleInputChange(e.target.value)
+  }, otherProps));
+}
+
+const UserUpdateDisplayName = props => /*#__PURE__*/React__default.createElement(DisplayName, Object.assign({
+  store: store$f
+}, props));
+
 const UserUpdateView = props => {
   var _window$Pelcro$site$r, _window$Pelcro, _window$Pelcro$uiSett;
 
@@ -21759,7 +21794,12 @@ const UserUpdateView = props => {
     errorId: "pelcro-input-last-name-error",
     label: t("labels.lastName"),
     required: supportsTap ? true : false
-  })), showUsernameInput && /*#__PURE__*/React__default.createElement(UserUpdateUsername, {
+  })), /*#__PURE__*/React__default.createElement(UserUpdateDisplayName, {
+    id: "pelcro-input-display-name",
+    autoComplete: "display-name",
+    errorId: "pelcro-input-display-name-error",
+    label: t("labels.displayname")
+  }), showUsernameInput && /*#__PURE__*/React__default.createElement(UserUpdateUsername, {
     id: "pelcro-input-user-name",
     autoComplete: "user-name",
     errorId: "pelcro-input-user-name-error",
@@ -21811,37 +21851,6 @@ function UserUpdateModal({
 }
 UserUpdateModal.viewId = "user-edit";
 
-function DisplayName({
-  store,
-  ...otherProps
-}) {
-  const {
-    dispatch,
-    state
-  } = useContext(store);
-
-  const handleInputChange = value => {
-    dispatch({
-      type: SET_DISPLAY_NAME,
-      payload: value
-    });
-  };
-
-  if (state.loading) {
-    return /*#__PURE__*/React__default.createElement(Loader, null);
-  }
-
-  return /*#__PURE__*/React__default.createElement(Input, Object.assign({
-    type: "text",
-    value: state.displayName || null,
-    onChange: e => handleInputChange(e.target.value)
-  }, otherProps));
-}
-
-const UserUpdateDisplayName = props => /*#__PURE__*/React__default.createElement(DisplayName, Object.assign({
-  store: store$f
-}, props));
-
 const UserUpdateTextInput = props => {
   return /*#__PURE__*/React__default.createElement(TextInput, Object.assign({}, props, {
     store: store$f

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pelcro/react-pelcro-js",
   "description": "Pelcro's React UI Elements",
-  "version": "3.13.0-beta.18",
+  "version": "3.13.0-beta.19",
   "license": "MIT",
   "private": false,
   "main": "dist/index.cjs.js",