ordering-ui-admin-external 1.45.3 → 1.45.5

package/_modules/components/Delivery/UsersList/index.js

@@ -74,7 +74,8 @@ var UsersList = exports.UsersList = function UsersList(props) {
     handleOpenUserDetails(user);
   };
   var handleChangePage = function handleChangePage(page) {
-    getUsers(page, 10);
+    var _paginationProps$page;
+    getUsers(page, (_paginationProps$page = paginationProps === null || paginationProps === void 0 ? void 0 : paginationProps.pageSize) !== null && _paginationProps$page !== void 0 ? _paginationProps$page : 10);
   };
   var handleChangePageSize = function handleChangePageSize(pageSize) {
     var expectedPage = Math.ceil(paginationProps.from / pageSize);

package/_modules/components/Settings/InsertImage/index.js

@@ -62,9 +62,14 @@ var InsertImage = exports.InsertImage = function InsertImage(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     confirm = _useState6[0],
     setConfirm = _useState6[1];
+  var _useState7 = (0, _react.useState)(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    altText = _useState8[0],
+    setAltText = _useState8[1];
   var handleInsertClick = function handleInsertClick() {
     handleRestoreEditor();
-    editorContext.invoke('editor.insertImage', imageUrl);
+    var imgTag = "<img src=\"".concat(imageUrl, "\" alt=\"").concat(altText || t('IMAGE', 'Image'), "\" />");
+    editorContext.invoke('editor.pasteHTML', imgTag);
     onClose();
   };
   var handleClickImage = function handleClickImage(type) {
@@ -120,6 +125,12 @@ var InsertImage = exports.InsertImage = function InsertImage(props) {
     onChange: function onChange(e) {
       return setImageUrl(e.target.value);
     }
+  })), /*#__PURE__*/_react.default.createElement(_styles2.WrapperInput, null, /*#__PURE__*/_react.default.createElement("label", null, t('ALT_TEXT', 'Alt text')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
+    value: insertImageState.alt,
+    onChange: function onChange(e) {
+      return setAltText(e.target.value);
+    },
+    placeholder: t('ENTER_ALT_TEXT', 'Enter alt text')
   })), /*#__PURE__*/_react.default.createElement(_styles.Button, {
     borderRadius: "8px",
     color: "primary",

package/_modules/styles/Select/index.js

@@ -218,6 +218,6 @@ var Select = exports.Select = /*#__PURE__*/_react.default.memo(function (props)
     isHidePagecontrol: isHidePagecontrol
   })))));
 }, function (prevProps, nextProps) {
-  return prevProps.defaultValue === nextProps.defaultValue && prevProps.options === nextProps.options && prevProps.searchValue === nextProps.searchValue && prevProps.pagination === nextProps.pagination;
+  return prevProps.defaultValue === nextProps.defaultValue && prevProps.options === nextProps.options && prevProps.searchValue === nextProps.searchValue && prevProps.pagination === nextProps.pagination && prevProps.onChange === nextProps.onChange && prevProps.handleChangePage === nextProps.handleChangePage;
 });
 Select.displayName = 'Select';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ordering-ui-admin-external",
-  "version": "1.45.03",
+  "version": "1.45.05",
   "description": "Ordering UI Admin Components",
   "main": "./_modules/index.js",
   "exports": {

package/src/components/Delivery/UsersList/index.js

@@ -61,7 +61,7 @@ export const UsersList = (props) => {
   }
 
   const handleChangePage = (page) => {
-    getUsers(page, 10)
+    getUsers(page, paginationProps?.pageSize ?? 10)
   }
 
   const handleChangePageSize = (pageSize) => {

package/src/components/Settings/InsertImage/index.js

@@ -41,10 +41,12 @@ export const InsertImage = (props) => {
   const imageInputRef = useRef(null)
   const [alertState, setAlertState] = useState({ open: false, content: [] })
   const [confirm, setConfirm] = useState({ open: false, content: null, handleOnAccept: null })
+  const [altText, setAltText] = useState('')
 
   const handleInsertClick = () => {
     handleRestoreEditor()
-    editorContext.invoke('editor.insertImage', imageUrl)
+    const imgTag = `<img src="${imageUrl}" alt="${altText || t('IMAGE', 'Image')}" />`
+    editorContext.invoke('editor.pasteHTML', imgTag)
     onClose()
   }
 
@@ -107,6 +109,14 @@ export const InsertImage = (props) => {
           onChange={e => setImageUrl(e.target.value)}
         />
       </WrapperInput>
+      <WrapperInput>
+        <label>{t('ALT_TEXT', 'Alt text')}</label>
+        <Input
+          value={insertImageState.alt}
+          onChange={(e) => setAltText(e.target.value)}
+          placeholder={t('ENTER_ALT_TEXT', 'Enter alt text')}
+        />
+      </WrapperInput>
       <Button
         borderRadius='8px'
         color='primary'

package/src/styles/Select/index.js

@@ -241,7 +241,9 @@ export const Select = React.memo((props) => {
   return prevProps.defaultValue === nextProps.defaultValue &&
     prevProps.options === nextProps.options &&
     prevProps.searchValue === nextProps.searchValue &&
-    prevProps.pagination === nextProps.pagination
+    prevProps.pagination === nextProps.pagination &&
+    prevProps.onChange === nextProps.onChange &&
+    prevProps.handleChangePage === nextProps.handleChangePage
 })
 
 Select.displayName = 'Select'