IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web:Client: delete useless

Browse Source
This commit is contained in:
TimofeyBoyko 2022-09-05 12:22:21 +03:00
parent 6852781d53
commit a0df5d9a80
3 changed files with 0 additions and 234 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/client/public/locales/en/UserSelector.json
View File

@ -1,4 +0,0 @@
{
"AccountsList": "Accounts list",
"AllAccounts": "All accounts"
}

40
packages/client/src/components/UserSelector/i18n.js
View File

@ -1,40 +0,0 @@
import i18n from "i18next";
import { initReactI18next } from "react-i18next";
import Backend from "@docspace/common/utils/i18next-http-backend";
import { LANGUAGE } from "@docspace/common/constants";
import config from "PACKAGE_FILE";
import { loadLanguagePath } from "@docspace/common/utils";
const newInstance = i18n.createInstance();
newInstance
.use(Backend)
.use(initReactI18next)
.init({
lng: localStorage.getItem(LANGUAGE) || "en",
fallbackLng: "en",
load: "currentOnly",
//debug: true,
interpolation: {
escapeValue: false, // not needed for react as it escapes by default
format: function (value, format) {
if (format === "lowercase") return value.toLowerCase();
return value;
},
},
backend: {
loadPath: loadLanguagePath(config.homepage),
},
ns: ["PeopleSelector", "Common", "PeopleTranslations"],
defaultNS: "PeopleSelector",
react: {
useSuspense: false,
},
});
export default newInstance;

190
packages/client/src/components/UserSelector/index.js
View File

@ -1,190 +0,0 @@
import React from "react";
import { inject, observer } from "mobx-react";
import PropTypes from "prop-types";
import { I18nextProvider, withTranslation } from "react-i18next";
import i18n from "./i18n";
import { getUserList } from "@docspace/common/api/people";
import Filter from "@docspace/common/api/people/filter";
import Selector from "@docspace/components/selector";
const defaultFilterData = {
total: 0,
page: 0,
pageCount: 100,
hasNextPage: true,
isNextPageLoading: false,
isFirstLoad: true,
};
const convertToItem = (user) => {
const role = user.isOwner ? "owner" : user.isAdmin ? "admin" : "user";
return {
id: user.id,
role,
label: user.displayName,
avatar: user.avatar,
};
};
const UserSelector = ({
id,
className,
style,
t,
isOpen,
isMultiSelect,
withSelectAll,
withAccessRights,
withCancelButton,
onSearch,
onClearSearch,
onSelect,
onSelectAll,
onAccept,
onCancel,
onAccessRightsChange,
selectedItems,
accessRights,
selectedAccessRight,
excludeItems,
userFilter,
}) => {
const [filterData, setFilterData] = React.useState(defaultFilterData);
const [searchValue, setSearchValue] = React.useState("");
const [items, setItems] = React.useState([]);
const fetchUserList = React.useCallback(
(loadNextPage = false) => {
const filter = userFilter ? userFilter : Filter.getDefault();
filter.page = filterData.page;
filter.pageCount = filterData.pageCount;
if (searchValue) filter.search = searchValue;
getUserList(filter, false).then((res) => {
const { total, count } = res;
const users = res.items.filter(
(item) => !excludeItems.includes(item.id)
);
const items = users.map((user) => convertToItem(user));
setItems((val) => (loadNextPage ? [...val, ...items] : [...items]));
setFilterData((val) => ({
...val,
total: res.total,
hasNextPage: (val.page + 1) * res.total > val.pageCount,
}));
});
},
[
userFilter,
excludeItems,
searchValue,
filterData.page,
filterData.pageCount,
]
);
const loadNextPage = React.useCallback((index) => {
console.log(index);
}, []);
const onSearchAction = React.useCallback(
(value) => {
onSearch && onSearch(value);
setSearchValue(value);
},
[onSearch]
);
const onClearSearchAction = React.useCallback(() => {
onClearSearch && onClearSearch();
setSearchValue("");
}, [onClearSearch]);
React.useEffect(() => {
fetchUserList();
}, [searchValue]);
return (
<Selector
id={id}
className={className}
style={style}
headerLabel={t("AccountsList")}
onBackClick={onCancel}
searchPlaceholder={t("Common:Search")}
searchValue={searchValue}
onSearch={onSearchAction}
onClearSearch={onClearSearchAction}
items={items}
totalItems={filterData.total}
loadNextPage={loadNextPage}
hasNextPage={filterData.hasNextPage}
isNextPageLoading={filterData.isNextPageLoading}
/>
);
};
UserSelector.propTypes = {
id: PropTypes.string,
className: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
style: PropTypes.object,
t: PropTypes.func,
isOpen: PropTypes.bool,
isMultiSelect: PropTypes.bool,
withSelectAll: PropTypes.bool,
withAccessRights: PropTypes.bool,
withCancelButton: PropTypes.bool,
onSearch: PropTypes.func,
onClearSearch: PropTypes.func,
onSelect: PropTypes.func,
onSelectAll: PropTypes.func,
onAccept: PropTypes.func,
onCancel: PropTypes.func,
onAccessRightsChange: PropTypes.func,
selectedItems: PropTypes.array,
accessRights: PropTypes.array,
selectedAccessRight: PropTypes.object,
excludeItems: PropTypes.array,
userFilter: PropTypes.instanceOf(Filter),
};
UserSelector.defaultProps = {
excludeItems: [],
};
const ExtendedUserSelector = inject(({ auth }) => {
return { theme: auth.settingsStore.theme };
})(
observer(
withTranslation([
"UserSelector",
"PeopleSelector",
"PeopleTranslations",
"Common",
])(UserSelector)
)
);
export default (props) => (
<I18nextProvider i18n={i18n}>
<ExtendedUserSelector {...props} />
</I18nextProvider>
);