From c23f070dbff51245579f90f6b3c987efeb70ec85 Mon Sep 17 00:00:00 2001 From: Banani Date: Wed, 25 Aug 2021 14:13:02 +0200 Subject: [PATCH 1/2] rest api service --- .../testProject/CustomDropdownTestProject.mpr | Bin 7729152 -> 7733248 bytes 1 file changed, 0 insertions(+), 0 deletions(-) diff --git a/tests/testProject/CustomDropdownTestProject.mpr b/tests/testProject/CustomDropdownTestProject.mpr index 4c746ae8501b2962fc112256e1feb62ebd4855fe..a5933c5b3923a85a5e9a41174eb663db25e13d01 100644 GIT binary patch delta 19749 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 OfkVbDZbz+N3j04R4FEj= delta 1251 zcmY+?Yiv_x9LMp~+j=>do@ytqaBR7#gTdBr%BXXLiLfEyDji!}#ux(1lwHcxLyU>0 z29w3`f{_aUCir3|djSa=w}B5!zyK27nXHN_u<15M7EqIs;3d(BzqX07FFxnR`JVI7 z|4E)?@`fonlQj)4ltn?X?t*QCAlQ$U*BZo;u3@jO(&@nq>*|!`>lkyXS4zfKG|gL6 zo~nDHR=Xz1=j0`lOKDcFIeKK-LE_(zh|{C&bgY-gormq3qtae29Tn%qubsV)GKbk2 zm5(TPdABnwKM+fmd8I}aq(7Ar@uGYv)#+d37T*=S?M-5f2`aeY5qK2bPzsO10(czCzyk|m5oquP zc)D75 zGQAZ^xcGjbp7x$l`z+kzV-KrJ45pA^3gP~3G!2BpjEBOBvlq&7F>Sb;F^Ix;XoGf$ zKme*CO!pi5+tt5L3WDkvjQGnG5Pmty7yrX14gCCX>{koFf1LepG*%qrchl?>^XER@ z?4!m}wv>-wWKBlem+h+|Z54CVmZ5~gqnB8{Y{uwz3S4E2$of80`IWC&gORRYU=`&5 z3};w3!SotxW$o(z*hz8FyqOMuiOx7%GMBS7v)bVUl9le>a4{jFf-djbr zZ7N^WQ-x~#uBblzK3^NBSwn8e2*oE@8KtM$g4`M-)2xLqonkhUX4r=R7Wx3Y+?y@T zi~UeEFMK;c@A&OPwft06|G1N{!MQ>`J@^00hwiej5?+5JAsR@{BvkUo+1A`vQR>Mg zzT{O0Sw^P$>$-oI;{ME_8si6g9*j!x_G6JO|k)H$iEv@(N7-DN$H j`)&ti4ly@RUe=Qe&EL}Bq4$#PXL4EkHLeZmKeqe}Gy$&r From f6d94f88df286ac518b9518b303c5434dcf666d1 Mon Sep 17 00:00:00 2001 From: Banani Date: Wed, 22 Sep 2021 11:41:15 +0200 Subject: [PATCH 2/2] Async pagination --- package-lock.json | 49 +++++++++++++++--- package.json | 4 +- src/components/CustomDropdown/index.tsx | 46 +++++++++++++--- .../testProject/CustomDropdownTestProject.mpr | Bin 7733248 -> 7725056 bytes .../CustomDropdownTestProject.mpr.bak | Bin 14024704 -> 7733248 bytes tests/testProject/project-settings.user.json | 4 +- .../widgets/mendix.CustomDropdown.mpk | Bin 176399 -> 224558 bytes 7 files changed, 86 insertions(+), 17 deletions(-) diff --git a/package-lock.json b/package-lock.json index e69e067..2965cbd 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2359,6 +2359,19 @@ "webpack-dev-server": "^3.10.3", "webpack-merge": "^4.2.2", "xml2js": "^0.4.23" + }, + "dependencies": { + "react": { + "version": "16.9.0", + "resolved": "https://registry.npmjs.org/react/-/react-16.9.0.tgz", + "integrity": "sha512-+7LQnFBwkiw+BobzOF6N//BdoNw0ouwmSJTEm9cglOOmsg/TMiFHZLe2sEoN5M7LgJTj9oHH0gxklfnQe66S1w==", + "dev": true, + "requires": { + "loose-envify": "^1.1.0", + "object-assign": "^4.1.1", + "prop-types": "^15.6.2" + } + } } }, "@nicolo-ribaudo/chokidar-2": { @@ -2487,6 +2500,11 @@ "integrity": "sha512-ng6Tm537E/M42GjE4TRUxQyL8sRfClcL7bQWblOCoxPZzJ2J3bdALsjeG3vDnVCIfI/R0AeFalN9KjMt0+Z/Zg==", "dev": true }, + "@seznam/compose-react-refs": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/@seznam/compose-react-refs/-/compose-react-refs-1.0.6.tgz", + "integrity": "sha512-izzOXQfeQLonzrIQb8u6LQ8dk+ymz3WXTIXjvOlTXHq6sbzROg3NWU+9TTAOpEoK9Bth24/6F/XrfHJ5yR5n6Q==" + }, "@sindresorhus/is": { "version": "4.0.1", "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-4.0.1.tgz", @@ -16650,14 +16668,12 @@ } }, "react": { - "version": "16.9.0", - "resolved": "https://registry.npmjs.org/react/-/react-16.9.0.tgz", - "integrity": "sha512-+7LQnFBwkiw+BobzOF6N//BdoNw0ouwmSJTEm9cglOOmsg/TMiFHZLe2sEoN5M7LgJTj9oHH0gxklfnQe66S1w==", - "dev": true, + "version": "17.0.2", + "resolved": "https://registry.npmjs.org/react/-/react-17.0.2.tgz", + "integrity": "sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==", "requires": { "loose-envify": "^1.1.0", - "object-assign": "^4.1.1", - "prop-types": "^15.6.2" + "object-assign": "^4.1.1" } }, "react-devtools-core": { @@ -16738,6 +16754,11 @@ "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" }, + "react-is-mounted-hook": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/react-is-mounted-hook/-/react-is-mounted-hook-1.1.2.tgz", + "integrity": "sha512-yjq3Tj34CiFcdVOS/h6JerWLOLdJqEGKMNpTHc4kWebzz2YtIpgqMRrqxdmQhewM1KJREojdAV2tsNvBsUWyhA==" + }, "react-lifecycles-compat": { "version": "3.0.4", "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz", @@ -17244,6 +17265,17 @@ "react-transition-group": "^4.3.0" } }, + "react-select-async-paginate": { + "version": "0.5.3", + "resolved": "https://registry.npmjs.org/react-select-async-paginate/-/react-select-async-paginate-0.5.3.tgz", + "integrity": "sha512-SWX1twi/jzViDpQa1nS+xyjrFtn9RBezbL4aIjcJXCABKMY+8JhH4iAKqAW3pryZbm439/DaMtQeZADH17v7bQ==", + "requires": { + "@babel/runtime": "^7.12.5", + "@seznam/compose-react-refs": "^1.0.5", + "react-is-mounted-hook": "^1.0.3", + "sleep-promise": "^9.1.0" + } + }, "react-test-renderer": { "version": "16.9.0", "resolved": "https://registry.npmjs.org/react-test-renderer/-/react-test-renderer-16.9.0.tgz", @@ -18218,6 +18250,11 @@ "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==", "dev": true }, + "sleep-promise": { + "version": "9.1.0", + "resolved": "https://registry.npmjs.org/sleep-promise/-/sleep-promise-9.1.0.tgz", + "integrity": "sha512-UHYzVpz9Xn8b+jikYSD6bqvf754xL2uBUzDFwiU6NcdZeifPr6UfgU43xpkPu67VMS88+TI2PSI7Eohgqf2fKA==" + }, "slice-ansi": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-2.1.0.tgz", diff --git a/package.json b/package.json index de93e23..0cc5007 100644 --- a/package.json +++ b/package.json @@ -43,6 +43,8 @@ "@testing-library/react-hooks": "3.2.1" }, "dependencies": { - "react-select": "^4.3.1" + "react": "^17.0.2", + "react-select": "^4.3.1", + "react-select-async-paginate": "^0.5.3" } } diff --git a/src/components/CustomDropdown/index.tsx b/src/components/CustomDropdown/index.tsx index 674b144..53f1607 100644 --- a/src/components/CustomDropdown/index.tsx +++ b/src/components/CustomDropdown/index.tsx @@ -7,6 +7,7 @@ import { OptionTypeBase } from "react-select/src/types"; import { CustomDropdownContainerProps } from "../../../typings/CustomDropdownProps"; import Label, { getStyles as getLabelStyles } from "./Label"; +import { AsyncPaginate } from "react-select-async-paginate"; export interface Option { id: string; @@ -30,9 +31,29 @@ interface LabelValues { } export default function CustomDropdown(props: CustomDropdownContainerProps): ReactElement { + props.options.setLimit(2); + const current = props.options.offset; + //const [options, setOptions] = useState([]); const [options, setOptions] = useState([]); const [value, setValue] = useState