From fa6c400f69f99159dd7359e037e32e67e4ce7378 Mon Sep 17 00:00:00 2001 From: Alexey Safronov Date: Thu, 22 Feb 2024 20:19:23 +0400 Subject: [PATCH] Removed packages/common --- frontend.code-workspace | 92 ++-- packages/common/browserslist-config-asc.js | 7 - .../AdvancedSelector/AdvancedSelector.js | 208 -------- .../AdvancedSelector.stories.js | 258 ---------- .../components/AdvancedSelector/README.md | 47 -- .../components/AdvancedSelector/index.js | 2 - .../AdvancedSelector/sub-components/Footer.js | 50 -- .../AdvancedSelector/sub-components/Group.js | 62 --- .../sub-components/GroupHeader.js | 59 --- .../sub-components/GroupList.js | 28 -- .../AdvancedSelector/sub-components/Header.js | 25 - .../AdvancedSelector/sub-components/Option.js | 97 ---- .../sub-components/OptionList.js | 93 ---- .../AdvancedSelector/sub-components/Search.js | 29 -- .../sub-components/Selector.js | 447 ------------------ .../sub-components/StyledFooter.js | 38 -- .../sub-components/StyledSelector.js | 212 --------- .../ExternalRedirect/ExternalRedirect.js | 31 -- .../components/ExternalRedirect/index.js | 1 - .../DialogAsideLoader/DialogAsideLoader.js | 50 -- .../StyledDialogAsideLoader.js | 63 --- .../Loaders/DialogAsideLoader/index.js | 1 - .../Loaders/DialogLoader/DialogLoader.js | 22 - .../DialogLoader/StyledDialogLoader.js | 34 -- .../components/Loaders/DialogLoader/index.js | 1 - .../EmptyContainerLoader.js | 47 -- .../Loaders/EmptyContainerLoader/index.js | 1 - .../Loaders/GroupLoader/GroupLoader.js | 93 ---- .../GroupLoader/GroupLoader.stories.js | 40 -- .../components/Loaders/GroupLoader/README.md | 26 - .../Loaders/GroupLoader/StyledGroupLoader.js | 27 -- .../components/Loaders/GroupLoader/index.js | 1 - .../NewTreeFolderLoader/StyledTreeFolder.js | 31 -- .../Loaders/NewTreeFolderLoader/index.js | 51 -- .../SharingPanelLoader/StyledSharingPanel.js | 159 ------- .../Loaders/SharingPanelLoader/index.js | 138 ------ .../Loaders/SharingPanelLoader/modal.js | 66 --- .../common/components/Loaders/TextLoader.js | 21 - .../Loaders/TreeFolderLoader/README.md | 26 - .../StyledTreeFolderLoader.js | 27 -- .../TreeFolderLoader/TreeFolderLoader.js | 71 --- .../TreeFolderLoader.stories.js | 40 -- .../Loaders/TreeFolderLoader/index.js | 1 - .../Loaders/TreeNodeLoader/TreeNodeLoader.js | 62 --- .../Loaders/TreeNodeLoader/index.js | 1 - .../StyledTreeSettingsLoader.js | 12 - .../TreeSettingsLoader/TreeSettingsLoader.js | 28 -- .../Loaders/TreeSettingsLoader/index.js | 1 - packages/common/components/Loaders/index.js | 31 -- packages/common/components/index.js | 6 - packages/common/index.d.ts | 20 - packages/common/index.js | 7 - packages/common/package.json | 50 -- 53 files changed, 44 insertions(+), 2997 deletions(-) delete mode 100644 packages/common/browserslist-config-asc.js delete mode 100644 packages/common/components/AdvancedSelector/AdvancedSelector.js delete mode 100644 packages/common/components/AdvancedSelector/AdvancedSelector.stories.js delete mode 100644 packages/common/components/AdvancedSelector/README.md delete mode 100644 packages/common/components/AdvancedSelector/index.js delete mode 100644 packages/common/components/AdvancedSelector/sub-components/Footer.js delete mode 100644 packages/common/components/AdvancedSelector/sub-components/Group.js delete mode 100644 packages/common/components/AdvancedSelector/sub-components/GroupHeader.js delete mode 100644 packages/common/components/AdvancedSelector/sub-components/GroupList.js delete mode 100644 packages/common/components/AdvancedSelector/sub-components/Header.js delete mode 100644 packages/common/components/AdvancedSelector/sub-components/Option.js delete mode 100644 packages/common/components/AdvancedSelector/sub-components/OptionList.js delete mode 100644 packages/common/components/AdvancedSelector/sub-components/Search.js delete mode 100644 packages/common/components/AdvancedSelector/sub-components/Selector.js delete mode 100644 packages/common/components/AdvancedSelector/sub-components/StyledFooter.js delete mode 100644 packages/common/components/AdvancedSelector/sub-components/StyledSelector.js delete mode 100644 packages/common/components/ExternalRedirect/ExternalRedirect.js delete mode 100644 packages/common/components/ExternalRedirect/index.js delete mode 100644 packages/common/components/Loaders/DialogAsideLoader/DialogAsideLoader.js delete mode 100644 packages/common/components/Loaders/DialogAsideLoader/StyledDialogAsideLoader.js delete mode 100644 packages/common/components/Loaders/DialogAsideLoader/index.js delete mode 100644 packages/common/components/Loaders/DialogLoader/DialogLoader.js delete mode 100644 packages/common/components/Loaders/DialogLoader/StyledDialogLoader.js delete mode 100644 packages/common/components/Loaders/DialogLoader/index.js delete mode 100644 packages/common/components/Loaders/EmptyContainerLoader/EmptyContainerLoader.js delete mode 100644 packages/common/components/Loaders/EmptyContainerLoader/index.js delete mode 100644 packages/common/components/Loaders/GroupLoader/GroupLoader.js delete mode 100644 packages/common/components/Loaders/GroupLoader/GroupLoader.stories.js delete mode 100644 packages/common/components/Loaders/GroupLoader/README.md delete mode 100644 packages/common/components/Loaders/GroupLoader/StyledGroupLoader.js delete mode 100644 packages/common/components/Loaders/GroupLoader/index.js delete mode 100644 packages/common/components/Loaders/NewTreeFolderLoader/StyledTreeFolder.js delete mode 100644 packages/common/components/Loaders/NewTreeFolderLoader/index.js delete mode 100644 packages/common/components/Loaders/SharingPanelLoader/StyledSharingPanel.js delete mode 100644 packages/common/components/Loaders/SharingPanelLoader/index.js delete mode 100644 packages/common/components/Loaders/SharingPanelLoader/modal.js delete mode 100644 packages/common/components/Loaders/TextLoader.js delete mode 100644 packages/common/components/Loaders/TreeFolderLoader/README.md delete mode 100644 packages/common/components/Loaders/TreeFolderLoader/StyledTreeFolderLoader.js delete mode 100644 packages/common/components/Loaders/TreeFolderLoader/TreeFolderLoader.js delete mode 100644 packages/common/components/Loaders/TreeFolderLoader/TreeFolderLoader.stories.js delete mode 100644 packages/common/components/Loaders/TreeFolderLoader/index.js delete mode 100644 packages/common/components/Loaders/TreeNodeLoader/TreeNodeLoader.js delete mode 100644 packages/common/components/Loaders/TreeNodeLoader/index.js delete mode 100644 packages/common/components/Loaders/TreeSettingsLoader/StyledTreeSettingsLoader.js delete mode 100644 packages/common/components/Loaders/TreeSettingsLoader/TreeSettingsLoader.js delete mode 100644 packages/common/components/Loaders/TreeSettingsLoader/index.js delete mode 100644 packages/common/components/Loaders/index.js delete mode 100644 packages/common/components/index.js delete mode 100644 packages/common/index.d.ts delete mode 100644 packages/common/index.js delete mode 100644 packages/common/package.json diff --git a/frontend.code-workspace b/frontend.code-workspace index 6ae0306f08..8ee7bef6c8 100644 --- a/frontend.code-workspace +++ b/frontend.code-workspace @@ -2,32 +2,28 @@ "folders": [ { "name": "🌐 root", - "path": "." + "path": ".", }, { "name": "🚀 @docspace/client", - "path": "packages/client" + "path": "packages/client", }, { "name": "🔑 @docspace/login", - "path": "packages/login" + "path": "packages/login", }, { "name": "📄 @docspace/editor", - "path": "packages/editor" + "path": "packages/editor", }, { "name": "🗂 @docspace/management", - "path": "packages/management" - }, - { - "name": "📦 @docspace/common", - "path": "packages/common" + "path": "packages/management", }, { "name": "📦 @docspace/shared", - "path": "packages/shared" - } + "path": "packages/shared", + }, ], "settings": { "window.zoomLevel": 0, @@ -42,10 +38,10 @@ "🚀 @docspace/client", "📄 @docspace/editor", "📦 @docspace/common", - "🗂 @docspace/management" + "🗂 @docspace/management", ], "[javascript]": { - "editor.defaultFormatter": "esbenp.prettier-vscode" + "editor.defaultFormatter": "esbenp.prettier-vscode", }, "VsCodeTaskButtons.tasks": [ { @@ -54,55 +50,55 @@ { "label": "Docker : Build-EE", "task": "Backend | build EE", - "tooltip": "🛠️ Start the \"backend docker build EE\" task" + "tooltip": "🛠️ Start the \"backend docker build EE\" task", }, { "label": "Docker : ReBuild-EE", "task": "Backend | rebuild EE", - "tooltip": "🛠️ Start the \"backend docker rebuild EE\" task" + "tooltip": "🛠️ Start the \"backend docker rebuild EE\" task", }, { "label": "Docker : Build-CE", "task": "Backend | build CE", - "tooltip": "🛠️ Start the \"backend docker build CE\" task" + "tooltip": "🛠️ Start the \"backend docker build CE\" task", }, { "label": "Docker : Build-SAAS + dnsmasq", "task": "Backend | build SAAS + dnsmasq", - "tooltip": "🛠️ Start the \"backend docker build SAAS + dnsmasq\" task" + "tooltip": "🛠️ Start the \"backend docker build SAAS + dnsmasq\" task", }, { "label": "Docker : ReBuild-SAAS + dnsmasq", "task": "Backend | rebuild SAAS + dnsmasq", - "tooltip": "🛠️ Start the \"backend docker rebuild SAAS + dnsmasq\" task" + "tooltip": "🛠️ Start the \"backend docker rebuild SAAS + dnsmasq\" task", }, { "label": "Docker : Build-EE + dnsmasq", "task": "Backend | build EE + dnsmasq", - "tooltip": "🛠️ Start the \"backend docker build EE + dnsmasq\" task" + "tooltip": "🛠️ Start the \"backend docker build EE + dnsmasq\" task", }, { "label": "Docker : Clear", "task": "Backend | clear", - "tooltip": "🛠️ Start the \"backend docker clear\" task" + "tooltip": "🛠️ Start the \"backend docker clear\" task", }, { "label": "Docker : Stop", "task": "Backend | stop", - "tooltip": "🛠️ Start the \"backend docker stop\" task" + "tooltip": "🛠️ Start the \"backend docker stop\" task", }, { "label": "Docker : Start", "task": "Backend | start", - "tooltip": "🛠️ Start the \"backend docker start\" task" + "tooltip": "🛠️ Start the \"backend docker start\" task", }, { "label": "Docker : Restart", "task": "Backend | restart", - "tooltip": "🛠️ Start the \"backend docker restart\" task" - } + "tooltip": "🛠️ Start the \"backend docker restart\" task", + }, ], - "tooltip": "🛠️ Server tasks" + "tooltip": "🛠️ Server tasks", }, { "label": "Client", @@ -110,55 +106,55 @@ { "label": "Install", "task": "Frontend | install", - "tooltip": "🛠️ Start the \"frontend install packages\" task" + "tooltip": "🛠️ Start the \"frontend install packages\" task", }, { "label": "Update yarn.lock", "task": "Frontend | update yarn.lock", - "tooltip": "🛠️ Start the \"frontend update yarn.lock\" task" + "tooltip": "🛠️ Start the \"frontend update yarn.lock\" task", }, { "label": "Build", "task": "Frontend | build", - "tooltip": "🛠️ Start the \"frontend build\" task" + "tooltip": "🛠️ Start the \"frontend build\" task", }, { "label": "Build and start prod", "task": "Frontend | build-and-start-prod", - "tooltip": "🛠️ Start the \"frontend build and start production\" task" + "tooltip": "🛠️ Start the \"frontend build and start production\" task", }, { "label": "Start", "task": "Frontend | start", - "tooltip": "🛠️ Start the \"frontend start\" task" + "tooltip": "🛠️ Start the \"frontend start\" task", }, { "label": "Start prod", "task": "Frontend | start-prod", - "tooltip": "🛠️ Start the \"frontend start production\" task" + "tooltip": "🛠️ Start the \"frontend start production\" task", }, { "label": "Start storybook", "task": "Frontend | storybook", - "tooltip": "🛠️ Start the \"frontend start storybook\" task" + "tooltip": "🛠️ Start the \"frontend start storybook\" task", }, { "label": "Start storybook prod", "task": "Frontend | storybook prod", - "tooltip": "🛠️ Start the \"frontend start storybook\" task" + "tooltip": "🛠️ Start the \"frontend start storybook\" task", }, { "label": "Lint", "task": "Frontend | Eslint", - "tooltip": "🛠️ Start the \"frontend start storybook\" task" + "tooltip": "🛠️ Start the \"frontend start storybook\" task", }, { "label": "Lint:fix", "task": "Frontend | Eslint:fix", - "tooltip": "🛠️ Start the \"frontend start storybook\" task" - } + "tooltip": "🛠️ Start the \"frontend start storybook\" task", + }, ], - "tooltip": "🛠️ Client tasks" + "tooltip": "🛠️ Client tasks", }, { "label": "Tests", @@ -166,27 +162,27 @@ { "label": "translations", "task": "Test | frontend-translations", - "tooltip": "🛠️ Start the \"frontend translation tests\" task" + "tooltip": "🛠️ Start the \"frontend translation tests\" task", }, { "label": "spellcheck", "task": "Test | frontend-translations-spellcheck", - "tooltip": "🛠️ Start the \"frontend translation spellcheck tests\" task" + "tooltip": "🛠️ Start the \"frontend translation spellcheck tests\" task", }, { "label": "spellcheck-force-save", "task": "Test | frontend-translations-spellcheck-force-save", - "tooltip": "🛠️ Start the \"frontend translation spellcheck tests\" task" + "tooltip": "🛠️ Start the \"frontend translation spellcheck tests\" task", }, { "label": "unit", "task": "Test | Jest:unit", - "tooltip": "🛠️ Start the \"Test | Jest:unit\" task" - } + "tooltip": "🛠️ Start the \"Test | Jest:unit\" task", + }, ], - "tooltip": "🛠️ Client tests tasks" - } - ] + "tooltip": "🛠️ Client tests tasks", + }, + ], }, "extensions": { "recommendations": [ @@ -199,7 +195,7 @@ "formulahendry.auto-complete-tag", "formulahendry.auto-rename-tag", "mrmlnc.vscode-duplicate", - "ms-python.python" - ] - } + "ms-python.python", + ], + }, } diff --git a/packages/common/browserslist-config-asc.js b/packages/common/browserslist-config-asc.js deleted file mode 100644 index bc6ff8113d..0000000000 --- a/packages/common/browserslist-config-asc.js +++ /dev/null @@ -1,7 +0,0 @@ -module.exports = [ - '>0.25%', - 'not ie 11', - 'not op_mini all', - 'not dead', - 'Firefox ESR', -]; \ No newline at end of file diff --git a/packages/common/components/AdvancedSelector/AdvancedSelector.js b/packages/common/components/AdvancedSelector/AdvancedSelector.js deleted file mode 100644 index 591f680548..0000000000 --- a/packages/common/components/AdvancedSelector/AdvancedSelector.js +++ /dev/null @@ -1,208 +0,0 @@ -import React from "react"; -import PropTypes from "prop-types"; -import styled, { css } from "styled-components"; - -import { isMobile } from "react-device-detect"; -import { tablet, mobile } from "@docspace/shared/utils"; -import { Base } from "@docspace/shared/themes"; - -import Selector from "./sub-components/Selector"; -import { Backdrop } from "@docspace/shared/components/backdrop"; - -import CrossIcon from "PUBLIC_DIR/images/cross.react.svg"; - -const StyledBlock = styled.div` - position: fixed; - top: 0; - - ${({ theme }) => - theme.interfaceDirection === "rtl" ? `left: 0;` : `right: 0;`} - - width: 480px; - max-width: 100%; - height: 100%; - - z-index: 400; - - display: flex; - flex-direction: column; - - background: ${(props) => props.theme.filterInput.filter.background}; - - @media ${tablet} { - max-width: calc(100% - 69px); - } - - ${isMobile && - css` - max-width: calc(100% - 69px); - `} - - @media ${mobile} { - bottom: 0; - top: unset; - height: calc(100% - 64px); - width: 100%; - max-width: 100%; - } - - .people-selector { - height: 100%; - width: 100%; - - .selector-wrapper, - .column-options { - width: 100%; - } - } -`; - -StyledBlock.defaultProps = { theme: Base }; - -const StyledControlContainer = styled.div` - display: flex; - - width: 17px; - height: 17px; - position: absolute; - - border-radius: 100px; - cursor: pointer; - - align-items: center; - justify-content: center; - z-index: 450; - - top: 18px; - - ${({ theme }) => - theme.interfaceDirection === "rtl" ? `right: -27px;` : `left: -27px;`} - - ${isMobile && - css` - top: 18px; - `} - - @media ${mobile} { - top: -27px; - - ${({ theme }) => - theme.interfaceDirection === "rtl" - ? css` - left: 10px; - right: unset; - ` - : css` - right: 10px; - left: unset; - `} - } -`; - -StyledControlContainer.defaultProps = { theme: Base }; - -const StyledCrossIcon = styled(CrossIcon)` - width: 17px; - height: 17px; - z-index: 455; - path { - fill: ${(props) => props.theme.catalog.control.fill}; - } -`; - -StyledCrossIcon.defaultProps = { theme: Base }; - -class AdvancedSelector extends React.Component { - constructor(props) { - super(props); - - this.ref = React.createRef(); - } - - onClose = (e) => { - //console.log("onClose"); - //this.setState({ isOpen: false }); - this.props.onCancel && this.props.onCancel(e); - }; - - render() { - const { isOpen, id, className, style, withoutAside } = this.props; - - return ( - <> - {isOpen && ( -
- {withoutAside ? ( - - ) : ( - <> - - - - - - - - - - )} -
- )} - - ); - } -} - -AdvancedSelector.propTypes = { - id: PropTypes.string, - className: PropTypes.oneOfType([PropTypes.string, PropTypes.array]), - style: PropTypes.object, - options: PropTypes.array, - selectedOptions: PropTypes.array, - groups: PropTypes.array, - selectedGroups: PropTypes.array, - - value: PropTypes.string, - placeholder: PropTypes.string, - selectAllLabel: PropTypes.string, - buttonLabel: PropTypes.string, - - maxHeight: PropTypes.number, - - isMultiSelect: PropTypes.bool, - isDisabled: PropTypes.bool, - selectedAll: PropTypes.bool, - isOpen: PropTypes.bool, - allowGroupSelection: PropTypes.bool, - allowCreation: PropTypes.bool, - allowAnyClickClose: PropTypes.bool, - hasNextPage: PropTypes.bool, - isNextPageLoading: PropTypes.bool, - withoutAside: PropTypes.bool, - - onSearchChanged: PropTypes.func, - onSelect: PropTypes.func, - onGroupChange: PropTypes.func, - onCancel: PropTypes.func, - onAddNewClick: PropTypes.func, - loadNextPage: PropTypes.func, - isDefaultDisplayDropDown: PropTypes.bool, -}; - -AdvancedSelector.defaultProps = { - isMultiSelect: false, - size: "full", - buttonLabel: "Add members", - selectAllLabel: "Select all", - allowGroupSelection: false, - allowAnyClickClose: true, - options: [], - isDefaultDisplayDropDown: true, -}; - -export default AdvancedSelector; diff --git a/packages/common/components/AdvancedSelector/AdvancedSelector.stories.js b/packages/common/components/AdvancedSelector/AdvancedSelector.stories.js deleted file mode 100644 index e39a071e40..0000000000 --- a/packages/common/components/AdvancedSelector/AdvancedSelector.stories.js +++ /dev/null @@ -1,258 +0,0 @@ -/* eslint-disable react/prop-types */ -import React from "react"; -import { storiesOf } from "@storybook/react"; -import { action } from "@storybook/addon-actions"; -import { - withKnobs, - text, - number, - boolean, - select, -} from "@storybook/addon-knobs/react"; -import withReadme from "storybook-readme/with-readme"; -import Readme from "./README.md"; -import AdvancedSelector2 from "."; -import Section from "../../../.storybook/decorators/section"; -import { Button } from "@docspace/shared/components/button"; -import equal from "fast-deep-equal/react"; -import UserTooltip from "@docspace/client/src/components/PeopleSelector/UserTooltip"; - -function getRandomInt(min, max) { - return Math.floor(Math.random() * (max - min)) + min; -} -const sizes = ["compact", "full"]; -const displayTypes = ["dropdown", "aside", "auto"]; - -class ADSelectorExample extends React.Component { - constructor(props) { - super(props); - - const { isOpen, total } = props; - - const groups = this.generateGroups(); - const users = this.generateUsers(total, groups); - - this.state = this.getDefaultState(isOpen, groups, users); - } - - getDefaultState = (isOpen, groups, allOptions) => { - return { - isOpen: isOpen, - allOptions, - options: [], - groups, - hasNextPage: true, - isNextPageLoading: false, - }; - }; - - generateGroups = () => { - return [ - { - key: "group-administration", - label: "Administration", - total: 0, - }, - { - key: "group-dev", - label: "Development", - total: 0, - }, - { - key: "group-management", - label: "Management", - total: 0, - }, - { - key: "group-marketing", - label: "Marketing", - total: 0, - }, - { - key: "group-mobile", - label: "Mobile", - total: 0, - }, - { - key: "group-support", - label: "Support", - total: 0, - }, - { - key: "group-web", - label: "Web", - total: 0, - }, - ]; - }; - - generateUsers = (count, groups) => { - return Array.from({ length: count }, (v, index) => { - const additional_group = groups[getRandomInt(0, 6)]; - //groups[0].total++; - additional_group.total++; - return { - key: `user${index}`, - groups: [additional_group.key], - label: `Demo User ${index}`, - avatarUrl: ``, - position: `Demo`, - email: `demo@demo.demo`, - }; - }); - }; - - loadNextPage = ({ startIndex, searchValue, currentGroup }) => { - console.log( - `loadNextPage(startIndex=${startIndex}, searchValue="${searchValue}", currentGroup="${currentGroup}")` - ); - this.setState({ isNextPageLoading: true }, () => { - setTimeout(() => { - const { options } = this.state; - - let filtered = [...this.state.allOptions]; - - if (currentGroup) { - filtered = filtered.filter( - (o) => o.groups.indexOf(currentGroup) > -1 - ); - } - - if (searchValue) { - filtered = filtered.filter((o) => o.label.indexOf(searchValue) > -1); - } - - const newOptions = [...options].concat( - filtered.slice(startIndex, startIndex + 100) - ); - - this.setState({ - hasNextPage: newOptions.length < filtered.length, - isNextPageLoading: false, - options: newOptions, - }); - }, 1000); - }); - }; - - componentDidUpdate(prevProps) { - const { total, options, isOpen } = this.props; - if (!equal(prevProps.options, options)) { - this.setState({ - options: options, - }); - } - - if (isOpen !== prevProps.isOpen) { - this.setState({ - isOpen: isOpen, - }); - } - - if (total !== prevProps.total) { - const groups = this.generateGroups(); - const users = this.generateUsers(total, groups); - this.setState(this.getDefaultState(isOpen, groups, users)); - } - } - - toggle = () => { - this.setState({ - isOpen: !this.state.isOpen, - }); - }; - - render() { - const { - isOpen, - options, - groups, - selectedOptions, - selectedGroups, - hasNextPage, - isNextPageLoading, - } = this.state; - return ( -
-
- ); - } -} - -storiesOf("Components|AdvancedSelector", module) - .addDecorator(withKnobs) - .addDecorator(withReadme(Readme)) - .addParameters({ options: { addonPanelInRight: false } }) - .add("base", () => { - return ( -
- -
- ); - }); diff --git a/packages/common/components/AdvancedSelector/README.md b/packages/common/components/AdvancedSelector/README.md deleted file mode 100644 index 8f445b0b0b..0000000000 --- a/packages/common/components/AdvancedSelector/README.md +++ /dev/null @@ -1,47 +0,0 @@ -# AdvancedSelector - -## Usage - -```js -import AdvancedSelector from "@docspace/common/components/AdvancedSelector"; -``` - -#### Description - -Required to select some advanced data. - -#### Usage - -```js -let options = [{ key: "self", label: "Me" }]; - -options = [ - ...options, - ...[...Array(100).keys()].map((index) => { - return { - key: `user${index}`, - label: `User ${index + 1} of ${optionsCount}`, - }; - }), -]; - - console.log(e.target.value)} - options={options} - isMultiSelect={false} - buttonLabel="Add members" - onSelect={(selectedOptions) => console.log("onSelect", selectedOptions)} -/>; -``` - -#### Properties - -| Props | Type | Required | Values | Default | Description | -| ----------------- | ------------------ | :------: | ------ | ------- | ----------- | -| `placeholder` | `string` | - | | | | -| `options` | `array of objects` | - | | | | -| `isMultiSelect` | `bool` | - | - | | | -| `buttonLabel` | `string` | - | - | | | -| `onSearchChanged` | `func` | - | - | | | -| `onSelect` | `func` | - | - | | | diff --git a/packages/common/components/AdvancedSelector/index.js b/packages/common/components/AdvancedSelector/index.js deleted file mode 100644 index 49aed4f9ca..0000000000 --- a/packages/common/components/AdvancedSelector/index.js +++ /dev/null @@ -1,2 +0,0 @@ -import AdvancedSelector from "./AdvancedSelector"; -export default AdvancedSelector; diff --git a/packages/common/components/AdvancedSelector/sub-components/Footer.js b/packages/common/components/AdvancedSelector/sub-components/Footer.js deleted file mode 100644 index 177d4918be..0000000000 --- a/packages/common/components/AdvancedSelector/sub-components/Footer.js +++ /dev/null @@ -1,50 +0,0 @@ -import React from "react"; -import PropTypes from "prop-types"; -import { Button } from "@docspace/shared/components/button"; -import StyledFooter from "./StyledFooter"; - -const Footer = (props) => { - const { - selectButtonLabel, - isDisabled, - onClick, - isVisible, - className, - embeddedComponent, - selectedLength, - showCounter, - } = props; - - return ( - -