@plone/volto 18.0.0-alpha.40 → 18.0.0-alpha.42

package/src/helpers/FormValidation/validators.ts

@@ -0,0 +1,203 @@
+import { validationMessage } from './FormValidation';
+import { messages } from '@plone/volto/helpers/MessageLabels/MessageLabels';
+
+type MinMaxValidator = {
+  value: string | number;
+  fieldSpec: string | number;
+  criterion: string;
+  formatMessage: Function;
+};
+
+type Validator = {
+  value: string;
+  field: Record<string, any>;
+  formData: any;
+  formatMessage: Function;
+};
+
+export const isMaxPropertyValid = ({
+  value,
+  fieldSpec,
+  criterion,
+  formatMessage,
+}: MinMaxValidator) => {
+  const isValid = fieldSpec !== undefined ? value <= fieldSpec : true;
+  return validationMessage(isValid, criterion, fieldSpec, formatMessage);
+};
+
+export const isMinPropertyValid = ({
+  value,
+  fieldSpec,
+  criterion,
+  formatMessage,
+}: MinMaxValidator) => {
+  const isValid = fieldSpec !== undefined ? value >= fieldSpec : true;
+  return validationMessage(isValid, criterion, fieldSpec, formatMessage);
+};
+
+export const minLengthValidator = ({
+  value,
+  field,
+  formatMessage,
+}: Validator) =>
+  isMinPropertyValid({
+    value: value.length,
+    fieldSpec: field.minLength,
+    criterion: 'minLength',
+    formatMessage,
+  });
+
+export const maxLengthValidator = ({
+  value,
+  field,
+  formatMessage,
+}: Validator) =>
+  isMaxPropertyValid({
+    value: value.length,
+    fieldSpec: field.maxLength,
+    criterion: 'maxLength',
+    formatMessage,
+  });
+
+export const urlValidator = ({ value, formatMessage }: Validator) => {
+  const urlRegex = new RegExp(
+    '^(https?:\\/\\/)?' + // validate protocol
+      '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|' + // validate domain name
+      '((\\d{1,3}\\.){3}\\d{1,3}))|' + // validate OR ip (v4) address
+      '(localhost)' + // validate OR localhost address
+      '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*' + // validate port and path
+      '(\\?[;&a-z\\d%_.~+=-]*)?' + // validate query string
+      '(\\#[-a-z\\d_]*)?$', // validate fragment locator
+    'i',
+  );
+  const isValid = urlRegex.test(value);
+  return !isValid ? formatMessage(messages.isValidURL) : null;
+};
+
+export const emailValidator = ({ value, formatMessage }: Validator): string => {
+  // Email Regex taken from from WHATWG living standard:
+  // https://html.spec.whatwg.org/multipage/input.html#e-mail-state-(type=email)
+  const emailRegex =
+    /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;
+  const isValid = emailRegex.test(value);
+  return !isValid ? formatMessage(messages.isValidEmail) : null;
+};
+
+export const isNumberValidator = ({ value, formatMessage }: Validator) => {
+  const isNumeric = (string: string | number) => Number.isFinite(+string);
+  const floatRegex = /^[+-]?\d+(\.\d+)?$/;
+  const isValid = isNumeric(value) && floatRegex.test(value);
+  // const isValid =
+  //   typeof value === 'string' && !isNaN(+value) && floatRegex.test(value);
+  return !isValid ? formatMessage(messages.isNumber) : null;
+};
+
+export const minimumValidator = ({ value, field, formatMessage }: Validator) =>
+  isMinPropertyValid({
+    value,
+    fieldSpec: field.minimum,
+    criterion: 'minimum',
+    formatMessage,
+  });
+
+export const maximumValidator = ({ value, field, formatMessage }: Validator) =>
+  isMaxPropertyValid({
+    value,
+    fieldSpec: field.maximum,
+    criterion: 'maximum',
+    formatMessage,
+  });
+
+export const isIntegerValidator = ({ value, formatMessage }: Validator) => {
+  const isNumeric = (string: string | number) => Number.isFinite(+string);
+  const intRegex = /^-?[0-9]+$/;
+  const isValid = isNumeric(value) && intRegex.test(value);
+  return !isValid ? formatMessage(messages.isInteger) : null;
+};
+
+export const hasUniqueItemsValidator = ({
+  value,
+  field,
+  formatMessage,
+}: Validator) => {
+  if (!field.uniqueItems) {
+    return null;
+  }
+  const isValid =
+    field.uniqueItems &&
+    value &&
+    // unique items
+    [...new Set(value)].length === value.length;
+  return !isValid ? formatMessage(messages.uniqueItems) : null;
+};
+
+export const startEventDateRangeValidator = ({
+  value,
+  field,
+  formData,
+  formatMessage,
+}: Validator) => {
+  const isValid =
+    value && formData.end && new Date(value) < new Date(formData.end);
+  return !isValid
+    ? formatMessage(messages.startEventRange, {
+        endDateValueOrEndFieldName: formData.end || 'end',
+      })
+    : null;
+};
+
+export const endEventDateRangeValidator = ({
+  value,
+  field,
+  formData,
+  formatMessage,
+}: Validator) => {
+  const isValid =
+    value && formData.start && new Date(value) > new Date(formData.start);
+  return !isValid
+    ? formatMessage(messages.endEventRange, {
+        startDateValueOrStartFieldName: formData.start || 'start',
+      })
+    : null;
+};
+
+export const patternValidator = ({
+  value,
+  field,
+  formatMessage,
+}: Validator) => {
+  if (!field.pattern) {
+    return null;
+  }
+  const regex = new RegExp(field.pattern);
+  const isValid = regex.test(value);
+  return !isValid ? formatMessage(messages.pattern) : null;
+};
+
+export const maxItemsValidator = ({
+  value,
+  field,
+  formatMessage,
+}: Validator) => {
+  if (!field.maxItems) {
+    return null;
+  }
+  const isValid = Array.isArray(value) && value.length <= field.maxItems;
+  return !isValid
+    ? formatMessage(messages.maxItems, { maxItems: field.maxItems })
+    : null;
+};
+
+export const minItemsValidator = ({
+  value,
+  field,
+  formatMessage,
+}: Validator) => {
+  if (!field.minItems) {
+    return null;
+  }
+  const isValid = Array.isArray(value) && value.length >= field.minItems;
+  return !isValid
+    ? formatMessage(messages.minItems, { minItems: field.minItems })
+    : null;
+};

package/src/helpers/MessageLabels/MessageLabels.js

@@ -375,4 +375,32 @@ export const messages = defineMessages({
     id: 'fileTooLarge',
     defaultMessage: 'This website does not accept files larger than {limit}',
   },
+  blocksFieldsErrorTitle: {
+    id: 'blocksFieldsErrorTitle',
+    defaultMessage: 'Error in the block field {errorField}.',
+  },
+  startEventRange: {
+    id: 'Event start date must be on or before {endDateValueOrEndFieldName}',
+    defaultMessage:
+      'Event start date must be on or before {endDateValueOrEndFieldName}',
+  },
+  endEventRange: {
+    id: 'Event end date must be on or after {startDateValueOrStartFieldName}',
+    defaultMessage:
+      'Event end date must be on or after {startDateValueOrStartFieldName}',
+  },
+  pattern: {
+    id: 'The value does not match the pattern {pattern}',
+    defaultMessage: 'The value does not match the pattern {pattern}',
+  },
+  maxItems: {
+    id: 'The number of items must be less than or equal to {maxItems}',
+    defaultMessage:
+      'The number of items must be less than or equal to {maxItems}',
+  },
+  minItems: {
+    id: 'The number of items must be greater than or equal to {minItems}',
+    defaultMessage:
+      'The number of items must be greater than or equal to {minItems}',
+  },
 });

package/src/helpers/Url/Url.test.js

@@ -66,7 +66,7 @@ describe('Url', () => {
     it('return empty string if no url is empty string', () => {
       expect(getBaseUrl('')).toBe('');
     });
-    it('return a null/undefined mailto adress ', () => {
+    it('return a null/undefined mailto address ', () => {
       expect(normaliseMail(null)).toBe('mailto:null');
       expect(normaliseMail(undefined)).toBe('mailto:undefined');
     });
@@ -163,14 +163,14 @@ describe('Url', () => {
   });
 
   describe('flattenHTMLToAppURL', () => {
-    it('flattens all occurences of the api URL from an html snippet', () => {
+    it('flattens all occurrences of the api URL from an html snippet', () => {
       const html = `<a href="${settings.apiPath}/foo/bar">An internal link</a><a href="${settings.apiPath}/foo/baz">second link</a>`;
       expect(flattenHTMLToAppURL(html)).toBe(
         '<a href="/foo/bar">An internal link</a><a href="/foo/baz">second link</a>',
       );
     });
 
-    it('flattens all occurences of the api URL from an html snippet, with settings.internalApiPath', () => {
+    it('flattens all occurrences of the api URL from an html snippet, with settings.internalApiPath', () => {
       const html = `<a href="http://plone:8080/Plone/foo/bar">An internal link</a><a href="http://plone:8080/Plone/foo/baz">second link</a>`;
       const saved = settings.internalApiPath;
       settings.internalApiPath = 'http://plone:8080/Plone';
@@ -228,7 +228,7 @@ describe('Url', () => {
       const href = undefined;
       expect(isInternalURL(href)).toBe(undefined);
     });
-    it('tells if an  URL is external if settings.externalroutes is persent.', () => {
+    it('tells if an  URL is external if settings.externalroutes is present.', () => {
       const url = `https://localhost:3000/fb/my-page/contents`;
       const blacklistedurl = '/blacklisted';
       settings.externalRoutes = [

package/src/helpers/User/User.js

@@ -23,7 +23,7 @@ export function isManager(user) {
 }
 
 /**
- * Checks if the user can assing group.
+ * Checks if the user can assign group.
  * @method canAssignGroup
  * @returns {boolean}
  */

package/src/hooks/client/useClient.js

@@ -1,4 +1,4 @@
-//useClient hook to replace repetitive delcaration in the components
+//useClient hook to replace repetitive declaration in the components
 import { useEffect, useState } from 'react';
 
 export function useClient() {

package/test-setup-config.jsx

@@ -23,6 +23,7 @@ import {
 } from '@plone/volto/config/ControlPanels';
 
 import ListingBlockSchema from '@plone/volto/components/manage/Blocks/Listing/schema';
+import { registerValidators } from '@plone/volto/config/validation';
 
 config.set('settings', {
   apiPath: 'http://localhost:8080/Plone',
@@ -153,9 +154,15 @@ config.set('components', {
     component: (props) => <img alt="Image component mock" {...props} />,
   },
 });
+
+config.set('utilities', {});
+
 config.set('experimental', {
   addBlockButton: {
     enabled: false,
   },
 });
+
 config.set('slots', {});
+
+registerValidators(config);

package/theme/themes/default/modules/embed.variables

@@ -14,7 +14,7 @@
 /* Placeholder */
 @placeholderUnderlay: @background;
 
-/* Placeholder Overlayed Background */
+/* Placeholder Overlaid Background */
 @placeholderBackground: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
 @placeholderBackgroundOpacity: 0.5;
 @placeholderBackgroundTransition: opacity @transitionDuration @transitionEasing;

package/theme/themes/pastanaga/collections/form.overrides

@@ -123,16 +123,50 @@
   z-index: 1;
   top: 0;
   right: 0;
+  left: auto;
   display: flex;
   height: 60px;
   align-items: center;
   margin-right: 1rem;
+  background: transparent;
+  box-shadow: none;
+  transform: none;
 
   .item {
     cursor: pointer;
   }
 }
 
+.block.form {
+  [data-rbd-draggable-context-id] {
+    margin-bottom: 0;
+  }
+
+  .ui.menu .item > i.icon {
+    margin-left: -2px;
+  }
+
+  .square.icon {
+    margin-top: -2px;
+  }
+
+  .ui.segments > div {
+    background: white !important;
+  }
+
+  .drag.handle {
+    cursor: grab;
+  }
+
+  .tabular.menu > .item {
+    height: 66px;
+
+    button {
+      border-bottom-width: 5px;
+    }
+  }
+}
+
 .ui.form .field .ui.basic.button.delete-button {
   padding: 0;
   border: none;
@@ -151,13 +185,13 @@
 .ui.form .inline.field .link-form-container {
   .wrapper {
     display: flex;
-    border-bottom: 1px solid @lightGreyBorderColor;
 
     .ui.input.input-anchorlink-theme {
       vertical-align: unset;
 
       input {
-        height: unset;
+        width: 100%;
+        height: unset; // input is only 40px and form.overrides sets height to 60px
       }
     }
   }

package/theme/themes/pastanaga/extras/blocks.less

@@ -446,6 +446,7 @@ div.image-upload-widget-image {
   text-align: center;
 
   .toolbar-wrapper {
+    position: relative;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
@@ -726,10 +727,22 @@ div.image-upload-widget-image {
 
 .link-form-container {
   .inline.field .wrapper {
-    min-height: initial;
+    width: 270px; // needed to ensure placeholder shows and buttons are aligned to the right
+    min-height: initial; // overrides .input.field .wrapper
+    justify-content: space-between;
     border-bottom: none;
   }
 
+  .ui.input-anchorlink-theme {
+    width: 100% !important; // overrides form.less width: auto
+    max-width: 81%; // needed so buttons don't shift to the right when value is present
+    margin-left: 0 !important; // overrides .block .toolbar-inner .ui.input
+  }
+
+  .ui.buttons {
+    width: auto; // for Add Link popup button to be aligned to the right
+  }
+
   button {
     padding: 0;
     border: 0;
@@ -743,10 +756,6 @@ div.image-upload-widget-image {
       outline: none;
     }
   }
-
-  .ui.input {
-    min-width: 250px;
-  }
 }
 
 .blocks-chooser {

package/theme/themes/pastanaga/extras/sidebar.less

@@ -518,6 +518,10 @@
     padding-left: 0.5rem;
     text-overflow: ellipsis;
     white-space: nowrap;
+
+    &.errored {
+      color: @red;
+    }
   }
 
   &.disable-interaction {

package/theme/themes/pastanaga/extras/toolbar.less

@@ -129,7 +129,7 @@ body:not(.has-sidebar):not(.has-sidebar-collapsed) {
     }
 
     .toolbar-handler {
-      button {
+      .toolbar-handler-button {
         opacity: 0.3;
       }
 
@@ -243,7 +243,7 @@ body:not(.has-sidebar):not(.has-sidebar-collapsed) {
       width: 100%;
       justify-content: center;
 
-      button {
+      .toolbar-handler-button {
         width: @toolbarWidth;
         height: 20px;
         padding: 0;
@@ -428,7 +428,7 @@ body:not(.has-sidebar):not(.has-sidebar-collapsed) {
         flex-direction: column;
         justify-content: center;
 
-        button {
+        .toolbar-handler-button {
           width: @toolbarWidthMin;
           height: @toolbarWidth;
 
@@ -752,3 +752,10 @@ body:not(.has-sidebar):not(.has-sidebar-collapsed) {
   }
 }
 // End Orphaned CSS
+
+// Toolbar handler color in homepage
+.contenttype-plone-site {
+  #toolbar .toolbar-handler .toolbar-handler-button:before {
+    background: @teal-blue;
+  }
+}

package/tsconfig.declarations.json

@@ -9,9 +9,10 @@
     "esModuleInterop": true,
     "jsx": "react-jsx",
     "preserveSymlinks": true,
+    "downlevelIteration": true,
     "paths": {
-      "@plone/volto/*": ["./src/*"],
+      "@plone/volto/*": ["./src/*"]
     }
   },
-  "include": ["src/**/*.js", "src/**/*.jsx", "src/**/*.tsx"],
+  "include": ["src/**/*.js", "src/**/*.jsx", "src/**/*.tsx"]
 }

package/types/components/index.d.ts

@@ -33,7 +33,6 @@ export { default as Logout } from "@plone/volto/components/theme/Logout/Logout";
 export { default as Sitemap } from "@plone/volto/components/theme/Sitemap/Sitemap";
 export { default as Search } from "@plone/volto/components/theme/Search/Search";
 export { default as Comments } from "@plone/volto/components/theme/Comments/Comments";
-export { default as SocialSharing } from "@plone/volto/components/theme/SocialSharing/SocialSharing";
 export { default as Register } from "@plone/volto/components/theme/Register/Register";
 export { default as PasswordReset } from "@plone/volto/components/theme/PasswordReset/PasswordReset";
 export { default as RequestPasswordReset } from "@plone/volto/components/theme/PasswordReset/RequestPasswordReset";

package/types/components/manage/Blocks/Block/Order/Order.d.ts

@@ -1,4 +1,4 @@
-export function Order({ items, onMoveBlock, onDeleteBlock, onSelectBlock, indentationWidth, removable, dndKitCore, dndKitSortable, dndKitUtilities, }: {
+export function Order({ items, onMoveBlock, onDeleteBlock, onSelectBlock, indentationWidth, removable, dndKitCore, dndKitSortable, dndKitUtilities, errors, }: {
     items?: any[];
     onMoveBlock: any;
     onDeleteBlock: any;
@@ -8,6 +8,7 @@ export function Order({ items, onMoveBlock, onDeleteBlock, onSelectBlock, indent
     dndKitCore: any;
     dndKitSortable: any;
     dndKitUtilities: any;
+    errors: any;
 }): import("react/jsx-runtime").JSX.Element;
 declare const _default: any;
 export default _default;

package/types/components/theme/Logout/Logout.d.ts

@@ -1,4 +1,4 @@
 export default Logout;
 declare function Logout({ location }: {
     location: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): string;

package/types/config/RichTextEditor/ToHTML.d.ts

@@ -22,7 +22,7 @@ declare namespace inline {
     }): import("react/jsx-runtime").JSX.Element;
 }
 /**
- * Note that children can be maped to render a list or do other cool stuff
+ * Note that children can be mapped to render a list or do other cool stuff
  */
 declare const blocks: {
     unstyled: (children: any, { keys }: {

package/types/config/Widgets.d.ts

@@ -1,6 +1,5 @@
 export namespace widgetMapping {
     export namespace id {
-        export { SchemaWidget as schema };
         export { TokenWidget as subjects };
         export { QuerystringWidget as query };
         export { RecurrenceWidget as recurrence };
@@ -34,6 +33,7 @@ export namespace widgetMapping {
         export { SelectAutoComplete as autocomplete };
         export { ColorPickerWidget as color_picker };
         export { SelectWidget as select };
+        export { SchemaWidget as schema };
     }
     export let vocabulary: {
         'plone.app.vocabularies.Catalog': import("@loadable/component").LoadableComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & import("react").RefAttributes<import("react").ComponentType<import("react-intl").WrappedComponentProps<string>>>>;
@@ -98,7 +98,6 @@ export namespace widgetMapping {
     }
 }
 export const defaultWidget: import("@loadable/component").LoadableComponent<any>;
-import { SchemaWidget } from '@plone/volto/components/manage/Widgets';
 import { TokenWidget } from '@plone/volto/components/manage/Widgets';
 import { QuerystringWidget } from '@plone/volto/components/manage/Widgets';
 import { RecurrenceWidget } from '@plone/volto/components/manage/Widgets';
@@ -126,6 +125,7 @@ import { SelectMetadataWidget } from '@plone/volto/components/manage/Widgets';
 import { SelectAutoComplete } from '@plone/volto/components/manage/Widgets';
 import { ColorPickerWidget } from '@plone/volto/components/manage/Widgets';
 import { SelectWidget } from '@plone/volto/components/manage/Widgets';
+import { SchemaWidget } from '@plone/volto/components/manage/Widgets';
 import { CheckboxWidget } from '@plone/volto/components/manage/Widgets';
 import { NumberWidget } from '@plone/volto/components/manage/Widgets';
 import { getWidgetView } from '@plone/volto/helpers/Widget/widget';

package/types/config/validation.d.ts

@@ -0,0 +1,3 @@
+import { ConfigType } from '@plone/registry';
+declare const registerValidators: (config: ConfigType) => void;
+export { registerValidators };

package/types/helpers/Extensions/withBlockExtensions.d.ts

@@ -33,7 +33,7 @@ export function resolveExtension(name: any, extensions: any, data: any): any;
  * - extensions is the blocksConfig extensions object for that block
  * - resolvedExtensions is an object with
  *   `{ variation, <someExtensionA>, <someExtensionB> }` and each of these
- *   fields hold the coresponding definition object from the block's
+ *   fields hold the corresponding definition object from the block's
  *   configuration.
  */
 export function resolveBlockExtensions(data: any, blocksConfig: any): {

package/types/helpers/FormValidation/FormValidation.d.ts

@@ -1,3 +1,4 @@
+export function validationMessage(isValid: boolean, criterion: string, valueToCompare: string | number, intlFunc: Function): any;
 export function tryParseJSON(requestItem: string): any;
 export default FormValidation;
 export function validateFileUploadSize(file: File, intlFunc: Function): boolean;

package/types/helpers/FormValidation/validators.d.ts

@@ -0,0 +1,29 @@
+type MinMaxValidator = {
+    value: string | number;
+    fieldSpec: string | number;
+    criterion: string;
+    formatMessage: Function;
+};
+type Validator = {
+    value: string;
+    field: Record<string, any>;
+    formData: any;
+    formatMessage: Function;
+};
+export declare const isMaxPropertyValid: ({ value, fieldSpec, criterion, formatMessage, }: MinMaxValidator) => any;
+export declare const isMinPropertyValid: ({ value, fieldSpec, criterion, formatMessage, }: MinMaxValidator) => any;
+export declare const minLengthValidator: ({ value, field, formatMessage, }: Validator) => any;
+export declare const maxLengthValidator: ({ value, field, formatMessage, }: Validator) => any;
+export declare const urlValidator: ({ value, formatMessage }: Validator) => any;
+export declare const emailValidator: ({ value, formatMessage }: Validator) => string;
+export declare const isNumberValidator: ({ value, formatMessage }: Validator) => any;
+export declare const minimumValidator: ({ value, field, formatMessage }: Validator) => any;
+export declare const maximumValidator: ({ value, field, formatMessage }: Validator) => any;
+export declare const isIntegerValidator: ({ value, formatMessage }: Validator) => any;
+export declare const hasUniqueItemsValidator: ({ value, field, formatMessage, }: Validator) => any;
+export declare const startEventDateRangeValidator: ({ value, field, formData, formatMessage, }: Validator) => any;
+export declare const endEventDateRangeValidator: ({ value, field, formData, formatMessage, }: Validator) => any;
+export declare const patternValidator: ({ value, field, formatMessage, }: Validator) => any;
+export declare const maxItemsValidator: ({ value, field, formatMessage, }: Validator) => any;
+export declare const minItemsValidator: ({ value, field, formatMessage, }: Validator) => any;
+export {};

package/types/helpers/MessageLabels/MessageLabels.d.ts

@@ -549,4 +549,40 @@ export namespace messages {
         let defaultMessage_91: string;
         export { defaultMessage_91 as defaultMessage };
     }
+    namespace blocksFieldsErrorTitle {
+        let id_92: string;
+        export { id_92 as id };
+        let defaultMessage_92: string;
+        export { defaultMessage_92 as defaultMessage };
+    }
+    namespace startEventRange {
+        let id_93: string;
+        export { id_93 as id };
+        let defaultMessage_93: string;
+        export { defaultMessage_93 as defaultMessage };
+    }
+    namespace endEventRange {
+        let id_94: string;
+        export { id_94 as id };
+        let defaultMessage_94: string;
+        export { defaultMessage_94 as defaultMessage };
+    }
+    namespace pattern {
+        let id_95: string;
+        export { id_95 as id };
+        let defaultMessage_95: string;
+        export { defaultMessage_95 as defaultMessage };
+    }
+    namespace maxItems {
+        let id_96: string;
+        export { id_96 as id };
+        let defaultMessage_96: string;
+        export { defaultMessage_96 as defaultMessage };
+    }
+    namespace minItems {
+        let id_97: string;
+        export { id_97 as id };
+        let defaultMessage_97: string;
+        export { defaultMessage_97 as defaultMessage };
+    }
 }

package/types/helpers/User/User.d.ts

@@ -11,7 +11,7 @@ export function userHasRoles(user: any, roles?: any[]): boolean;
  */
 export function isManager(user: any): boolean;
 /**
- * Checks if the user can assing group.
+ * Checks if the user can assign group.
  * @method canAssignGroup
  * @returns {boolean}
  */