@bigbinary/neeto-team-members-frontend 2.5.5 → 2.5.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-team-members-frontend",
-  "version": "2.5.5",
+  "version": "2.5.6",
   "description": "To manage team members across neeto products.",
   "license": "UNLICENSED",
   "homepage": "https://github.com/bigbinary/neeto-team-members-frontend#readme",
@@ -47,18 +47,18 @@
     "@babel/plugin-transform-runtime": "7.19.6",
     "@babel/preset-env": "7.20.2",
     "@babel/preset-react": "7.18.6",
-    "@babel/runtime": "7.20.7",
+    "@babel/runtime": "7.20.13",
     "@bigbinary/eslint-plugin-neeto": "1.0.16",
-    "@bigbinary/neeto-commons-frontend": "2.0.25",
-    "@bigbinary/neeto-filters-frontend": "2.3.2",
-    "@bigbinary/neeto-icons": "1.9.1",
-    "@bigbinary/neetoui": "4.1.44",
+    "@bigbinary/neeto-commons-frontend": "2.0.27",
+    "@bigbinary/neeto-filters-frontend": "2.4.0",
+    "@bigbinary/neeto-icons": "1.9.2",
+    "@bigbinary/neetoui": "4.2.0",
     "@faker-js/faker": "7.6.0",
-    "@honeybadger-io/js": "4.9.0",
-    "@honeybadger-io/react": "4.9.0",
-    "@rollup/plugin-alias": "4.0.2",
+    "@honeybadger-io/js": "4.9.3",
+    "@honeybadger-io/react": "4.9.3",
+    "@rollup/plugin-alias": "4.0.3",
     "@rollup/plugin-babel": "6.0.3",
-    "@rollup/plugin-commonjs": "24.0.0",
+    "@rollup/plugin-commonjs": "24.0.1",
     "@rollup/plugin-json": "6.0.0",
     "@rollup/plugin-node-resolve": "15.0.1",
     "@rollup/plugin-replace": "5.0.2",
@@ -67,7 +67,6 @@
     "antd": "4.24.7",
     "axios": "1.2.3",
     "babel-plugin-macros": "3.1.0",
-    "babel-plugin-transform-react-remove-prop-types": "0.4.24",
     "classnames": "2.3.2",
     "eslint": "8.32.0",
     "eslint-config-prettier": "8.6.0",
@@ -89,7 +88,6 @@
     "lint-staged": "13.1.0",
     "pluralize": "8.0.0",
     "prettier": "2.8.3",
-    "prop-types": "15.8.1",
     "qs": "6.11.0",
     "ramda": "0.28.0",
     "react": "17.0.2",
@@ -113,11 +111,11 @@
     "yup": "0.32.11"
   },
   "peerDependencies": {
-    "@bigbinary/neeto-commons-frontend": "2.0.25",
-    "@bigbinary/neeto-icons": "1.9.1",
-    "@bigbinary/neetoui": "4.1.44",
-    "@honeybadger-io/js": "4.9.0",
-    "@honeybadger-io/react": "4.9.0",
+    "@bigbinary/neeto-commons-frontend": "2.0.27",
+    "@bigbinary/neeto-icons": "1.9.2",
+    "@bigbinary/neetoui": "4.2.0",
+    "@honeybadger-io/js": "4.9.3",
+    "@honeybadger-io/react": "4.9.3",
     "axios": "1.2.3",
     "classnames": "2.3.2",
     "formik": "2.2.9",

package/types.d.ts

@@ -13,7 +13,7 @@ type Except<ObjectType, KeysType extends keyof ObjectType> = {
   [KeyType in keyof ObjectType as Filter<KeyType, KeysType>]: ObjectType[KeyType];
 };
 
-type Only<ObjectType> = Except<ObjectType, null>;
+type Only<ObjectType> = Except<ObjectType, never>
 
 type Member = {
   active: boolean;
@@ -56,17 +56,15 @@ type SelectedMember = {
   role: string;
 }
 
-type FilterProps = { [key: string]: string; }
-
 type RowProps = { [key: string]: string[]; }
 
 type TableProps = {
-  onRowSelect: (props: {
+  onRowSelect?: (props: {
     rows: RowProps;
     resetSelectedRows: () => void;
     rowData: object[];
   }) => void;
-  onDropdownClick: (props: {
+  onDropdownClick?: (props: {
     handleUpdateRole: (props: { member: object }) => void;
     handleUpdateStatus: (props: { member: object }) => void;
   }) => void;
@@ -79,27 +77,54 @@ type MembersHeader = {
 
 type DefaultBulkActions = "activate" | "deactivate" | "role"
 
+type Categories = "ALL" | "ACTIVE" | "DEACTIVATED"
+
+type SortDirection = "ascend" | "descend" | ""
+
+type DefaultFilterValues = {
+  page?: number;
+  results?: number;
+  category?: Categories;
+  search?: string;
+  sortBy?: string;
+  sortDirection?: SortDirection;
+  neetoFilters?: object;
+};
+
+type LabelValueObject = {
+  label: string;
+  value: string;
+};
+
+type FilterColumns = {
+    key: string,
+    node: string,
+    label: string | (() => string),
+    type: string,
+    model: string,
+    values: LabelValueObject[] | (() => LabelValueObject[]),
+};
+
 type TeamMembersConfig = {
   alert?: Only<Alert>;
   bulkUpdateMembers?: Only<BulkUpdateMembers>;
   createMember?: Only<CreateMember>;
-  defaultFilterValues?: object;
+  defaultFilterValues?: Only<DefaultFilterValues>;
   fetchApiResponse?: (response: object) => void;
+  filterColumns?: FilterColumns[];
   header?: Only<MembersHeader>;
   hiddenBulkActions?: DefaultBulkActions[];
   manageMember?: Only<ManageMember>;
   otherBulkActions?: React.FC;
   otherColumns?: object[];
-  otherFilterProps?: Only<FilterProps>;
-  otherMenuElements?: React.FC;
   permissions: Except<Permission, "delete">;
-  rolesButtonProps?: ButtonProps;
+  rolesButtonProps: ButtonProps;
   table?: TableProps;
-  updateMember: Only<UpdateMember>;
+  updateMember?: Only<UpdateMember>;
 };
 
 type RolesConfig = {
-  header?: Only<Header>;
+  header: Only<Header>;
   helpUrl?: string;
   permissions: Only<Permission>;
 };
@@ -107,33 +132,33 @@ type RolesConfig = {
 type PopupComponentProps = {
   className?: string;
   children?: React.ReactNode;
-}
+};
 
 type Role = {
-  description: string
-  id: string
-  kind: string
-  name: string
-  organizationId: string
-  permissionIds: string[]
-}
+  description?: string;
+  id: string;
+  kind: string;
+  name: string;
+  organizationId: string;
+  permissionIds: string[];
+};
 
 type ManageMemberComponentProps = PopupComponentProps | React.HTMLAttributes<HTMLDivElement>
 
 type ManageMemberOverlayProps = {
-  type?: "pane" | "modal" | "page"
-  isOpen: boolean
-  className?: string
-  headerProps?: ManageMemberComponentProps
-  bodyProps?: ManageMemberComponentProps
-  footerProps?: ManageMemberComponentProps
+  type?: "pane" | "modal" | "page";
+  isOpen: boolean;
+  className?: string;
+  headerProps?: ManageMemberComponentProps;
+  bodyProps?: ManageMemberComponentProps;
+  footerProps?: ManageMemberComponentProps;
 }
 
 type ManageMemberFormProps = Omit<ManageMemberOverlayProps, "isOpen">;
 
 export function TeamMembers(props: { config?: Only<TeamMembersConfig>; }): JSX.Element;
 
-export function Roles(props: { config?: RolesConfig; }): JSX.Element;
+export function Roles(props: { config?: Only<RolesConfig>; }): JSX.Element;
 
 export function hasPermission(permissions: string[] | string): boolean;
 
@@ -145,11 +170,11 @@ export function MultipleEmailInput(props: {
 }): JSX.Element;
 
 export function ManageMember(props: {
-  config?: Only<TeamMembersConfig>
-  onComplete: () => void
-  roles: Role[]
-  selectedMember: SelectedMember
-  componentConfig: ManageMemberOverlayProps | ManageMemberFormProps
+  config?: Only<TeamMembersConfig>;
+  onComplete: () => void;
+  roles: Role[];
+  selectedMember?: SelectedMember;
+  componentConfig?: ManageMemberOverlayProps | ManageMemberFormProps;
 }): JSX.Element;
 
 export function RolesRadioGroup(props: {
@@ -158,6 +183,6 @@ export function RolesRadioGroup(props: {
 }): JSX.Element;
 
 export const VALIDATION_SCHEMA: {
-  MULTIPLE_EMAIL_INPUT: any,
-  ROLES_RADIO_GROUP: any,
+  MULTIPLE_EMAIL_INPUT: any;
+  ROLES_RADIO_GROUP: any;
 };