@bigbinary/neeto-team-members-frontend 4.5.15 → 4.5.17

package/dist/MembersDropdown.js

@@ -6,7 +6,7 @@ import Dropdown from '@bigbinary/neetoui/Dropdown';
 import Spinner from '@bigbinary/neetoui/Spinner';
 import { includes, toLower, map, append, pluck, any, not, isEmpty } from 'ramda';
 import { useTranslation } from 'react-i18next';
-import { A as AssignList } from './index-DlpnpPeg.js';
+import { A as AssignList } from './index-pomEkfAY.js';
 import Down from '@bigbinary/neeto-icons/Down';
 import Avatar from '@bigbinary/neetoui/Avatar';
 import Tooltip from '@bigbinary/neetoui/Tooltip';

package/dist/{Permissions-s2RncWGu.js → Permissions-Cn1UxkGE.js}

@@ -129,7 +129,7 @@ var Permissions = function Permissions(_ref) {
         return !_permissionIdsToBeUnchecked.includes(id);
       })), [permissionId]) : [].concat(_toConsumableArray(permissionIds), [permissionId]);
     }
-    setFieldValue("permissionIds", nextPermissionIds);
+    setFieldValue("permissionIds", nextPermissionIds.sort());
   };
   var groupedPermissions = useMemo(function () {
     var childrenRemovedFromRoot = getChildrenRemovedFromRoot({
@@ -220,4 +220,4 @@ var Permissions = function Permissions(_ref) {
 };
 
 export { Permissions as P, getPermissionGroups as a, getModifiedPermissions as b, getChildrenRemovedFromRoot as g, sortPermissionsBySequence as s };
-//# sourceMappingURL=Permissions-s2RncWGu.js.map
+//# sourceMappingURL=Permissions-Cn1UxkGE.js.map

package/dist/Permissions-Cn1UxkGE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Permissions-Cn1UxkGE.js","sources":["../app/javascript/src/components/Roles/utils.js","../app/javascript/src/components/Roles/Permissions.jsx"],"sourcesContent":["import { findById } from \"neetocist\";\nimport { append, concat, equals, prop } from \"ramda\";\n\nexport const sortPermissionsBySequence = (permissions = []) =>\n  permissions?.[0]?.sequence\n    ? permissions.sort((first, second) => first.sequence - second.sequence)\n    : permissions;\n\nexport const getPermissionGroups = (permissions = []) => {\n  const sortBySequence = sortPermissionsBySequence(permissions);\n\n  const groupedPermissions = new Map();\n  (\"\");\n  sortBySequence.forEach(permission => {\n    if (groupedPermissions.has(permission?.category)) {\n      const category = groupedPermissions.get(permission.category);\n      const currentPermissions = category.get(\"permissions\");\n      const permissions = append(permission, currentPermissions);\n      category.set(\"permissions\", permissions);\n    } else {\n      const value = new Map();\n      value.set(\"permissions\", append(permission, []));\n      value.set(\"isPermissionVisible\", true);\n      groupedPermissions.set(permission?.category, value);\n    }\n  });\n\n  return groupedPermissions;\n};\n\nexport const getModifiedPermissions = (roles = [], modifiedRoles = []) =>\n  modifiedRoles\n    .map(role => {\n      const oldPermissions = findById(role.id, roles).permissionIds;\n      if (equals(oldPermissions, role.permissionIds)) return false;\n\n      return { id: role.id, permissionIds: role.permissionIds };\n    })\n    .filter(Boolean);\n\nexport const attachChildrenRecursively = (\n  permission,\n  permissionsNameMap,\n  permissionRelationConfig\n) => {\n  const { children } = permissionRelationConfig[permission.name] || {};\n\n  return children\n    ? {\n        ...permission,\n        children: children.flatMap(childName =>\n          attachChildrenRecursively(\n            permissionsNameMap[childName][0],\n            permissionsNameMap,\n            permissionRelationConfig\n          )\n        ),\n      }\n    : permission;\n};\n\nexport const findChildIdsRecursively = (\n  permission,\n  permissionsNameMap,\n  permissionRelationConfig\n) => {\n  const { children } = permissionRelationConfig[permission.name] || {};\n\n  return children\n    ? concat(\n        children.flatMap(childName =>\n          findChildIdsRecursively(\n            permissionsNameMap[childName][0],\n            permissionsNameMap,\n            permissionRelationConfig\n          )\n        ),\n        [permission.id]\n      )\n    : [permission.id];\n};\n\nexport const getChildrenRemovedFromRoot = ({\n  permissions,\n  permissionsNameMap,\n  permissionRelationConfig,\n}) => {\n  const permissionsWithChildren = permissions.map(permission =>\n    attachChildrenRecursively(\n      permission,\n      permissionsNameMap,\n      permissionRelationConfig\n    )\n  );\n\n  const childPermissions = Object.values(permissionRelationConfig).flatMap(\n    prop(\"children\")\n  );\n\n  return permissionsWithChildren.filter(\n    permission => !childPermissions.includes(permission.name)\n  );\n};\n","import { Fragment, useMemo } from \"react\";\n\nimport { useFormikContext } from \"formik\";\nimport { findById, isNotEmpty } from \"neetocist\";\nimport { SINGULAR } from \"neetocommons/constants\";\nimport { Typography, Checkbox, Tooltip } from \"neetoui\";\nimport { groupBy, pluck, prop } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\n// eslint-disable-next-line import/extensions\nimport \"src/stylesheets/components/_roles-permissions.scss\";\n\nimport {\n  findChildIdsRecursively,\n  getChildrenRemovedFromRoot,\n  sortPermissionsBySequence,\n} from \"./utils\";\n\nconst Permissions = ({\n  permissions = [],\n  isDisabled = false,\n  permissionRelationConfig = {},\n}) => {\n  const { t } = useTranslation();\n\n  const { setFieldValue, values } = useFormikContext();\n  const { permissionIds = [] } = values;\n  const permissionsNameMap = groupBy(prop(\"name\"))(permissions);\n\n  const handleTogglePermission = permissionId => {\n    const permission = findById(permissionId, permissions);\n    let nextPermissionIds = [];\n    if (permissionIds.includes(permissionId)) {\n      let childIds = [];\n      if (permissionRelationConfig[permission.name]) {\n        childIds = findChildIdsRecursively(\n          permission,\n          permissionsNameMap,\n          permissionRelationConfig\n        );\n      }\n\n      const permissionIdsToBeUnchecked = [permissionId, ...childIds];\n\n      nextPermissionIds = permissionIds.filter(\n        id => !permissionIdsToBeUnchecked.includes(id)\n      );\n    } else {\n      const { uncheckOnSelect } =\n        permissionRelationConfig[permission.name] || {};\n\n      const uncheckOnSelectPermissions =\n        uncheckOnSelect?.flatMap(name => permissionsNameMap[name]) ?? [];\n\n      const childIds = uncheckOnSelectPermissions.flatMap(permission =>\n        findChildIdsRecursively(\n          permission,\n          permissionsNameMap,\n          permissionRelationConfig\n        )\n      );\n\n      const uncheckedPermissionIds = pluck(\"id\", uncheckOnSelectPermissions);\n      const permissionIdsToBeUnchecked = [\n        ...uncheckedPermissionIds,\n        ...childIds,\n      ];\n\n      nextPermissionIds = uncheckOnSelect\n        ? [\n            ...permissionIds.filter(\n              id => !permissionIdsToBeUnchecked.includes(id)\n            ),\n            permissionId,\n          ]\n        : [...permissionIds, permissionId];\n    }\n\n    setFieldValue(\"permissionIds\", nextPermissionIds.sort());\n  };\n\n  const groupedPermissions = useMemo(() => {\n    const childrenRemovedFromRoot = getChildrenRemovedFromRoot({\n      permissions,\n      permissionsNameMap,\n      permissionRelationConfig,\n    });\n\n    return groupBy(prop(\"category\"))(childrenRemovedFromRoot);\n  }, [permissions]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const renderPermission = ({\n    id,\n    name,\n    description,\n    children,\n    isParentChecked = true,\n  }) => {\n    const sortedChildren = children && sortPermissionsBySequence(children);\n\n    const isCheckingDisabled = !isParentChecked || isDisabled;\n    const isChecked = permissionIds.includes(id);\n\n    const permissionsToBeUnchecked =\n      permissionRelationConfig[name]?.uncheckOnSelect;\n\n    const hasUnCheckOnSelect =\n      permissionsToBeUnchecked && isNotEmpty(permissionsToBeUnchecked);\n\n    const tooltipMessage =\n      hasUnCheckOnSelect &&\n      t(\"neetoTeamMembers.tooltips.uncheckOnSelectPermissions\", {\n        permissions: permissionsToBeUnchecked\n          .flatMap(name => pluck(\"description\", permissionsNameMap[name]))\n          .join(\", \"),\n      });\n\n    return (\n      <Fragment key={id}>\n        <Tooltip\n          content={tooltipMessage}\n          disabled={!tooltipMessage || isChecked}\n          position=\"left-start\"\n        >\n          <div className=\"ntm-roles-permission__card\">\n            <Checkbox\n              checked={isChecked}\n              className=\"flex-grow-0\"\n              data-cy=\"ntm-roles-permission-checkbox\"\n              disabled={isCheckingDisabled}\n              label={description}\n              onChange={() => handleTogglePermission(id)}\n            />\n            <div className=\"ntm-roles-permission__sub-blocks neeto-ui-relative neeto-ui-pl-6\">\n              {sortedChildren?.map(childPermission =>\n                renderPermission({\n                  ...childPermission,\n                  isParentChecked: isChecked,\n                })\n              )}\n            </div>\n          </div>\n        </Tooltip>\n      </Fragment>\n    );\n  };\n\n  return (\n    <div className=\"ntm-roles-pane__body-wrapper\">\n      <div>\n        <Typography lineHeight=\"normal\" style=\"h4\" weight=\"semibold\">\n          {t(\"neetoTeamMembers.common.permission\", SINGULAR)}\n        </Typography>\n        <Typography lineHeight=\"normal\" style=\"body2\">\n          {t(\"neetoTeamMembers.helpers.configPermissions\")}\n        </Typography>\n      </div>\n      {Object.keys(groupedPermissions).map(category => (\n        <div\n          className=\"ntm-roles-permission\"\n          data-cy=\"ntm-roles-permission-card\"\n          key={category}\n        >\n          <Typography\n            className=\"ntm-roles-permission__heading neeto-ui-mb-2\"\n            data-cy=\"ntm-roles-permission-category-title\"\n            lineHeight=\"normal\"\n            style=\"h5\"\n            weight=\"bold\"\n          >\n            {category}\n          </Typography>\n          <div className=\"ntm-roles-permission-category-card\">\n            {groupedPermissions[category].map(renderPermission)}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport default Permissions;\n"],"names":["sortPermissionsBySequence","_permissions$","permissions","arguments","length","undefined","sequence","sort","first","second","getPermissionGroups","sortBySequence","groupedPermissions","Map","forEach","permission","has","category","get","currentPermissions","append","set","value","getModifiedPermissions","roles","modifiedRoles","map","role","oldPermissions","findById","id","permissionIds","equals","filter","Boolean","attachChildrenRecursively","permissionsNameMap","permissionRelationConfig","_ref","name","children","_objectSpread","flatMap","childName","findChildIdsRecursively","_ref2","concat","getChildrenRemovedFromRoot","_ref3","permissionsWithChildren","childPermissions","Object","values","prop","includes","Permissions","_ref$permissions","_ref$isDisabled","isDisabled","_ref$permissionRelati","_useTranslation","useTranslation","t","_useFormikContext","useFormikContext","setFieldValue","_values$permissionIds","groupBy","handleTogglePermission","permissionId","nextPermissionIds","childIds","permissionIdsToBeUnchecked","_toConsumableArray","_uncheckOnSelect$flat","uncheckOnSelect","uncheckOnSelectPermissions","uncheckedPermissionIds","pluck","useMemo","childrenRemovedFromRoot","renderPermission","_permissionRelationCo","description","_ref3$isParentChecked","isParentChecked","sortedChildren","isCheckingDisabled","isChecked","permissionsToBeUnchecked","hasUnCheckOnSelect","isNotEmpty","tooltipMessage","join","_jsx","Fragment","Tooltip","content","disabled","position","_jsxs","className","Checkbox","checked","label","onChange","childPermission","Typography","lineHeight","style","weight","SINGULAR","keys"],"mappings":"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"}

package/dist/{Permissions-BRbkK2yW.js → Permissions-DdepVkPY.js}

@@ -131,7 +131,7 @@ var Permissions = function Permissions(_ref) {
         return !_permissionIdsToBeUnchecked.includes(id);
       })), [permissionId]) : [].concat(_toConsumableArray(permissionIds), [permissionId]);
     }
-    setFieldValue("permissionIds", nextPermissionIds);
+    setFieldValue("permissionIds", nextPermissionIds.sort());
   };
   var groupedPermissions = require$$0.useMemo(function () {
     var childrenRemovedFromRoot = getChildrenRemovedFromRoot({
@@ -226,4 +226,4 @@ exports.getChildrenRemovedFromRoot = getChildrenRemovedFromRoot;
 exports.getModifiedPermissions = getModifiedPermissions;
 exports.getPermissionGroups = getPermissionGroups;
 exports.sortPermissionsBySequence = sortPermissionsBySequence;
-//# sourceMappingURL=Permissions-BRbkK2yW.js.map
+//# sourceMappingURL=Permissions-DdepVkPY.js.map

package/dist/Permissions-DdepVkPY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Permissions-DdepVkPY.js","sources":["../app/javascript/src/components/Roles/utils.js","../app/javascript/src/components/Roles/Permissions.jsx"],"sourcesContent":["import { findById } from \"neetocist\";\nimport { append, concat, equals, prop } from \"ramda\";\n\nexport const sortPermissionsBySequence = (permissions = []) =>\n  permissions?.[0]?.sequence\n    ? permissions.sort((first, second) => first.sequence - second.sequence)\n    : permissions;\n\nexport const getPermissionGroups = (permissions = []) => {\n  const sortBySequence = sortPermissionsBySequence(permissions);\n\n  const groupedPermissions = new Map();\n  (\"\");\n  sortBySequence.forEach(permission => {\n    if (groupedPermissions.has(permission?.category)) {\n      const category = groupedPermissions.get(permission.category);\n      const currentPermissions = category.get(\"permissions\");\n      const permissions = append(permission, currentPermissions);\n      category.set(\"permissions\", permissions);\n    } else {\n      const value = new Map();\n      value.set(\"permissions\", append(permission, []));\n      value.set(\"isPermissionVisible\", true);\n      groupedPermissions.set(permission?.category, value);\n    }\n  });\n\n  return groupedPermissions;\n};\n\nexport const getModifiedPermissions = (roles = [], modifiedRoles = []) =>\n  modifiedRoles\n    .map(role => {\n      const oldPermissions = findById(role.id, roles).permissionIds;\n      if (equals(oldPermissions, role.permissionIds)) return false;\n\n      return { id: role.id, permissionIds: role.permissionIds };\n    })\n    .filter(Boolean);\n\nexport const attachChildrenRecursively = (\n  permission,\n  permissionsNameMap,\n  permissionRelationConfig\n) => {\n  const { children } = permissionRelationConfig[permission.name] || {};\n\n  return children\n    ? {\n        ...permission,\n        children: children.flatMap(childName =>\n          attachChildrenRecursively(\n            permissionsNameMap[childName][0],\n            permissionsNameMap,\n            permissionRelationConfig\n          )\n        ),\n      }\n    : permission;\n};\n\nexport const findChildIdsRecursively = (\n  permission,\n  permissionsNameMap,\n  permissionRelationConfig\n) => {\n  const { children } = permissionRelationConfig[permission.name] || {};\n\n  return children\n    ? concat(\n        children.flatMap(childName =>\n          findChildIdsRecursively(\n            permissionsNameMap[childName][0],\n            permissionsNameMap,\n            permissionRelationConfig\n          )\n        ),\n        [permission.id]\n      )\n    : [permission.id];\n};\n\nexport const getChildrenRemovedFromRoot = ({\n  permissions,\n  permissionsNameMap,\n  permissionRelationConfig,\n}) => {\n  const permissionsWithChildren = permissions.map(permission =>\n    attachChildrenRecursively(\n      permission,\n      permissionsNameMap,\n      permissionRelationConfig\n    )\n  );\n\n  const childPermissions = Object.values(permissionRelationConfig).flatMap(\n    prop(\"children\")\n  );\n\n  return permissionsWithChildren.filter(\n    permission => !childPermissions.includes(permission.name)\n  );\n};\n","import { Fragment, useMemo } from \"react\";\n\nimport { useFormikContext } from \"formik\";\nimport { findById, isNotEmpty } from \"neetocist\";\nimport { SINGULAR } from \"neetocommons/constants\";\nimport { Typography, Checkbox, Tooltip } from \"neetoui\";\nimport { groupBy, pluck, prop } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\n// eslint-disable-next-line import/extensions\nimport \"src/stylesheets/components/_roles-permissions.scss\";\n\nimport {\n  findChildIdsRecursively,\n  getChildrenRemovedFromRoot,\n  sortPermissionsBySequence,\n} from \"./utils\";\n\nconst Permissions = ({\n  permissions = [],\n  isDisabled = false,\n  permissionRelationConfig = {},\n}) => {\n  const { t } = useTranslation();\n\n  const { setFieldValue, values } = useFormikContext();\n  const { permissionIds = [] } = values;\n  const permissionsNameMap = groupBy(prop(\"name\"))(permissions);\n\n  const handleTogglePermission = permissionId => {\n    const permission = findById(permissionId, permissions);\n    let nextPermissionIds = [];\n    if (permissionIds.includes(permissionId)) {\n      let childIds = [];\n      if (permissionRelationConfig[permission.name]) {\n        childIds = findChildIdsRecursively(\n          permission,\n          permissionsNameMap,\n          permissionRelationConfig\n        );\n      }\n\n      const permissionIdsToBeUnchecked = [permissionId, ...childIds];\n\n      nextPermissionIds = permissionIds.filter(\n        id => !permissionIdsToBeUnchecked.includes(id)\n      );\n    } else {\n      const { uncheckOnSelect } =\n        permissionRelationConfig[permission.name] || {};\n\n      const uncheckOnSelectPermissions =\n        uncheckOnSelect?.flatMap(name => permissionsNameMap[name]) ?? [];\n\n      const childIds = uncheckOnSelectPermissions.flatMap(permission =>\n        findChildIdsRecursively(\n          permission,\n          permissionsNameMap,\n          permissionRelationConfig\n        )\n      );\n\n      const uncheckedPermissionIds = pluck(\"id\", uncheckOnSelectPermissions);\n      const permissionIdsToBeUnchecked = [\n        ...uncheckedPermissionIds,\n        ...childIds,\n      ];\n\n      nextPermissionIds = uncheckOnSelect\n        ? [\n            ...permissionIds.filter(\n              id => !permissionIdsToBeUnchecked.includes(id)\n            ),\n            permissionId,\n          ]\n        : [...permissionIds, permissionId];\n    }\n\n    setFieldValue(\"permissionIds\", nextPermissionIds.sort());\n  };\n\n  const groupedPermissions = useMemo(() => {\n    const childrenRemovedFromRoot = getChildrenRemovedFromRoot({\n      permissions,\n      permissionsNameMap,\n      permissionRelationConfig,\n    });\n\n    return groupBy(prop(\"category\"))(childrenRemovedFromRoot);\n  }, [permissions]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const renderPermission = ({\n    id,\n    name,\n    description,\n    children,\n    isParentChecked = true,\n  }) => {\n    const sortedChildren = children && sortPermissionsBySequence(children);\n\n    const isCheckingDisabled = !isParentChecked || isDisabled;\n    const isChecked = permissionIds.includes(id);\n\n    const permissionsToBeUnchecked =\n      permissionRelationConfig[name]?.uncheckOnSelect;\n\n    const hasUnCheckOnSelect =\n      permissionsToBeUnchecked && isNotEmpty(permissionsToBeUnchecked);\n\n    const tooltipMessage =\n      hasUnCheckOnSelect &&\n      t(\"neetoTeamMembers.tooltips.uncheckOnSelectPermissions\", {\n        permissions: permissionsToBeUnchecked\n          .flatMap(name => pluck(\"description\", permissionsNameMap[name]))\n          .join(\", \"),\n      });\n\n    return (\n      <Fragment key={id}>\n        <Tooltip\n          content={tooltipMessage}\n          disabled={!tooltipMessage || isChecked}\n          position=\"left-start\"\n        >\n          <div className=\"ntm-roles-permission__card\">\n            <Checkbox\n              checked={isChecked}\n              className=\"flex-grow-0\"\n              data-cy=\"ntm-roles-permission-checkbox\"\n              disabled={isCheckingDisabled}\n              label={description}\n              onChange={() => handleTogglePermission(id)}\n            />\n            <div className=\"ntm-roles-permission__sub-blocks neeto-ui-relative neeto-ui-pl-6\">\n              {sortedChildren?.map(childPermission =>\n                renderPermission({\n                  ...childPermission,\n                  isParentChecked: isChecked,\n                })\n              )}\n            </div>\n          </div>\n        </Tooltip>\n      </Fragment>\n    );\n  };\n\n  return (\n    <div className=\"ntm-roles-pane__body-wrapper\">\n      <div>\n        <Typography lineHeight=\"normal\" style=\"h4\" weight=\"semibold\">\n          {t(\"neetoTeamMembers.common.permission\", SINGULAR)}\n        </Typography>\n        <Typography lineHeight=\"normal\" style=\"body2\">\n          {t(\"neetoTeamMembers.helpers.configPermissions\")}\n        </Typography>\n      </div>\n      {Object.keys(groupedPermissions).map(category => (\n        <div\n          className=\"ntm-roles-permission\"\n          data-cy=\"ntm-roles-permission-card\"\n          key={category}\n        >\n          <Typography\n            className=\"ntm-roles-permission__heading neeto-ui-mb-2\"\n            data-cy=\"ntm-roles-permission-category-title\"\n            lineHeight=\"normal\"\n            style=\"h5\"\n            weight=\"bold\"\n          >\n            {category}\n          </Typography>\n          <div className=\"ntm-roles-permission-category-card\">\n            {groupedPermissions[category].map(renderPermission)}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport default Permissions;\n"],"names":["sortPermissionsBySequence","_permissions$","permissions","arguments","length","undefined","sequence","sort","first","second","getPermissionGroups","sortBySequence","groupedPermissions","Map","forEach","permission","has","category","get","currentPermissions","append","set","value","getModifiedPermissions","roles","modifiedRoles","map","role","oldPermissions","findById","id","permissionIds","equals","filter","Boolean","attachChildrenRecursively","permissionsNameMap","permissionRelationConfig","_ref","name","children","_objectSpread","flatMap","childName","findChildIdsRecursively","_ref2","concat","getChildrenRemovedFromRoot","_ref3","permissionsWithChildren","childPermissions","Object","values","prop","includes","Permissions","_ref$permissions","_ref$isDisabled","isDisabled","_ref$permissionRelati","_useTranslation","useTranslation","t","_useFormikContext","useFormikContext","setFieldValue","_values$permissionIds","groupBy","handleTogglePermission","permissionId","nextPermissionIds","childIds","permissionIdsToBeUnchecked","_toConsumableArray","_uncheckOnSelect$flat","uncheckOnSelect","uncheckOnSelectPermissions","uncheckedPermissionIds","pluck","useMemo","childrenRemovedFromRoot","renderPermission","_permissionRelationCo","description","_ref3$isParentChecked","isParentChecked","sortedChildren","isCheckingDisabled","isChecked","permissionsToBeUnchecked","hasUnCheckOnSelect","isNotEmpty","tooltipMessage","join","_jsx","Fragment","Tooltip","content","disabled","position","_jsxs","className","Checkbox","checked","label","onChange","childPermission","Typography","lineHeight","style","weight","SINGULAR","keys"],"mappings":"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"}

package/dist/Permissions.js

@@ -9,7 +9,7 @@ import '@bigbinary/neetoui/Checkbox';
 import '@bigbinary/neetoui/Tooltip';
 import 'ramda';
 import 'react-i18next';
-export { P as default } from './Permissions-s2RncWGu.js';
+export { P as default } from './Permissions-Cn1UxkGE.js';
 import 'react/jsx-runtime';
 import './inject-css-DmrvuTKK.js';
 //# sourceMappingURL=Permissions.js.map

package/dist/Roles.js

@@ -4,7 +4,7 @@ import { c as commonjsGlobal } from './_commonjsHelpers-BFTU3MAI.js';
 import i18next, { t } from 'i18next';
 import { isNotEmpty, isPresent, _findBy, hyphenate, noop } from '@bigbinary/neeto-cist';
 import { PLURAL } from '@bigbinary/neeto-commons-frontend/constants';
-import { withTitle, useQueryParams } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { useQueryParams, withTitle } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Container from '@bigbinary/neeto-molecules/Container';
 import Spinner from '@bigbinary/neetoui/Spinner';
 import { not, map, prop, identical, includes, __, groupBy, pluck, isEmpty, filter } from 'ramda';
@@ -28,7 +28,7 @@ import Form from '@bigbinary/neetoui/formik/Form';
 import Input from '@bigbinary/neetoui/formik/Input';
 import Textarea from '@bigbinary/neetoui/formik/Textarea';
 import { object, string } from 'yup';
-import { P as Permissions, g as getChildrenRemovedFromRoot, s as sortPermissionsBySequence, a as getPermissionGroups, b as getModifiedPermissions } from './Permissions-s2RncWGu.js';
+import { P as Permissions, g as getChildrenRemovedFromRoot, s as sortPermissionsBySequence, a as getPermissionGroups, b as getModifiedPermissions } from './Permissions-Cn1UxkGE.js';
 import NoData from '@bigbinary/neetoui/NoData';
 import classnames from 'classnames';
 import Checkbox from '@bigbinary/neetoui/Checkbox';
@@ -36,8 +36,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import _typeof from '@babel/runtime/helpers/typeof';
 import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
 import Alert from '@bigbinary/neetoui/Alert';
-import Search from '@bigbinary/neeto-icons/Search';
-import Input$1 from '@bigbinary/neetoui/Input';
+import Search from '@bigbinary/neeto-molecules/Search';
 import Down from '@bigbinary/neeto-icons/Down';
 import Up from '@bigbinary/neeto-icons/Up';
 import './queryClient-Dsu-gu4Y.js';
@@ -1573,6 +1572,7 @@ var ROLE_FORMIK_PROPS = {
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ManageRoles = function ManageRoles(_ref) {
+  var _selectedRole$permiss;
   var config = _ref.config,
     _ref$isOpen = _ref.isOpen,
     isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
@@ -1609,7 +1609,9 @@ var ManageRoles = function ManageRoles(_ref) {
       id: selectedRole.id
     }) : createRole(payload);
   };
-  var initialValues = isEdit ? selectedRole : ADD_ROLE_FORM_INITIAL_VALUES;
+  var initialValues = isEdit ? _objectSpread(_objectSpread({}, selectedRole), {}, {
+    permissionIds: (_selectedRole$permiss = selectedRole.permissionIds) === null || _selectedRole$permiss === void 0 ? void 0 : _selectedRole$permiss.sort()
+  }) : ADD_ROLE_FORM_INITIAL_VALUES;
   var formikProps = _objectSpread(_objectSpread({}, ROLE_FORMIK_PROPS), {}, {
     initialValues: initialValues,
     onSubmit: handleSubmit
@@ -2111,9 +2113,7 @@ var getSearchWrapperStyle = function getSearchWrapperStyle() {
 };
 
 var Sidebar = function Sidebar(_ref) {
-  var searchTerm = _ref.searchTerm,
-    setSearchTerm = _ref.setSearchTerm,
-    filteredGroupPermissions = _ref.filteredGroupPermissions,
+  var filteredGroupPermissions = _ref.filteredGroupPermissions,
     toggleDropdown = _ref.toggleDropdown,
     isScrollPresent = _ref.isScrollPresent,
     _ref$permissions = _ref.permissions,
@@ -2138,16 +2138,11 @@ var Sidebar = function Sidebar(_ref) {
     children: [/*#__PURE__*/jsx("div", {
       className: "ntm-roles-table-sidebar__search",
       style: searchWrapperStyle,
-      children: /*#__PURE__*/jsx(Input$1, {
+      children: /*#__PURE__*/jsx(Search, {
+        enableUrlSync: true,
         "data-cy": "ntm-search-permissions-input",
-        prefix: /*#__PURE__*/jsx(Search, {}),
-        type: "search",
-        value: searchTerm,
-        placeholder: t("neetoTeamMembers.placeholders.searchPermission", PLURAL),
-        onChange: function onChange(_ref2) {
-          var value = _ref2.target.value;
-          return setSearchTerm(value);
-        }
+        searchParamName: "permission_search_term",
+        placeholder: t("neetoTeamMembers.placeholders.searchPermission", PLURAL)
       })
     }), /*#__PURE__*/jsx(distExports.ScrollSyncPane, {
       group: "vertical",
@@ -2194,39 +2189,38 @@ var Table = function Table(_ref) {
     setIsNewRolePaneOpen = _ref.setIsNewRolePaneOpen;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var _useQueryParams = useQueryParams(),
+    _useQueryParams$permi = _useQueryParams.permissionSearchTerm,
+    permissionSearchTerm = _useQueryParams$permi === void 0 ? "" : _useQueryParams$permi;
   var isCreatePermissionGranted = config.permissions.create;
-  var _useState = useState(""),
+  var _useState = useState(permissionGroups),
     _useState2 = _slicedToArray(_useState, 2),
-    searchTerm = _useState2[0],
-    setSearchTerm = _useState2[1];
-  var _useState3 = useState(permissionGroups),
+    filteredGroupPermissions = _useState2[0],
+    setFilteredGroupPermissions = _useState2[1];
+  var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    filteredGroupPermissions = _useState4[0],
-    setFilteredGroupPermissions = _useState4[1];
-  var _useState5 = useState(false),
+    isScrollPresent = _useState4[0],
+    setIsScrollPresent = _useState4[1];
+  var _useState5 = useState(undefined),
     _useState6 = _slicedToArray(_useState5, 2),
-    isScrollPresent = _useState6[0],
-    setIsScrollPresent = _useState6[1];
-  var _useState7 = useState(undefined),
+    selectedRole = _useState6[0],
+    setSelectedRole = _useState6[1];
+  var _useState7 = useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
-    selectedRole = _useState8[0],
-    setSelectedRole = _useState8[1];
+    isDeleteAlertOpen = _useState8[0],
+    setIsDeleteAlertOpen = _useState8[1];
   var _useState9 = useState(false),
     _useState10 = _slicedToArray(_useState9, 2),
-    isDeleteAlertOpen = _useState10[0],
-    setIsDeleteAlertOpen = _useState10[1];
-  var _useState11 = useState(false),
-    _useState12 = _slicedToArray(_useState11, 2),
-    isEditPaneOpen = _useState12[0],
-    setIsEditPaneOpen = _useState12[1];
+    isEditPaneOpen = _useState10[0],
+    setIsEditPaneOpen = _useState10[1];
   var toggleDropdown = function toggleDropdown(category) {
     var permissions = updatePermissionVisibility(category, filteredGroupPermissions);
     setFilteredGroupPermissions(permissions);
   };
   useEffect(function () {
-    var newValue = filterPermissionsBySearch(searchTerm, permissionGroups);
+    var newValue = filterPermissionsBySearch(permissionSearchTerm, permissionGroups);
     setFilteredGroupPermissions(newValue);
-  }, [permissionGroups, searchTerm]);
+  }, [permissionGroups, permissionSearchTerm]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx("div", {
       className: "ntm-roles-table__wrapper",
@@ -2250,8 +2244,6 @@ var Table = function Table(_ref) {
             filteredGroupPermissions: filteredGroupPermissions,
             isScrollPresent: isScrollPresent,
             permissions: permissions,
-            searchTerm: searchTerm,
-            setSearchTerm: setSearchTerm,
             toggleDropdown: toggleDropdown,
             permissionRelationConfig: (_config$permissionRel = config === null || config === void 0 ? void 0 : config.permissionRelation) !== null && _config$permissionRel !== void 0 ? _config$permissionRel : {}
           }), /*#__PURE__*/jsx(Columns, {