refactor: add MSD Radix Sort parameters and URL support

Author: kraklo

src/algorithms/parameters/MSDRadixSortParam.js

@@ -0,0 +1,53 @@
+/* eslint-disable no-prototype-builtins */
+/* eslint-disable jsx-a11y/label-has-associated-control */
+import React, { useState, useContext, useEffect } from 'react';
+import { URLContext } from '../../context/urlState';
+import { genRandNumList } from './helpers/ParamHelper';
+import ListParam from './helpers/ListParam';
+import PropTypes from 'prop-types';
+import { withAlgorithmParams } from './helpers/urlHelpers';
+import '../../styles/Param.scss';
+
+const DEFAULT_NODES = genRandNumList(10, 1, 100);
+const DEFAULT_MODE = 'sort';
+const MSD_RADIX_SORT = 'MSD Radix Sort';
+const MSDRS_SORT_EXAMPLE = 'Please follow the example provided: 0,1,2,3,4';
+
+function MSDRadixSortParam({ mode, list }) {
+    const [message, setMessage] = useState(null);
+    const [localNodes, setLocalNodes] = useState(list || DEFAULT_NODES);
+    const { setNodes } = useContext(URLContext);
+
+    useEffect(() => {
+        setNodes(localNodes);
+    }, [localNodes]);
+
+    return (
+        <>
+            <div className="form">
+                <ListParam
+                    name="radixSortMSD"
+                    buttonName="Sort"
+                    mode={mode || DEFAULT_MODE}
+                    formClassName="formLeft"
+                    DEFAULT_VAL={localNodes}
+                    SET_VAL={setLocalNodes}
+                    ALGORITHM_NAME={MSD_RADIX_SORT}
+                    EXAMPLE={MSDRS_SORT_EXAMPLE}
+                    setMessage={setMessage}
+                />
+            </div>
+
+            {/* render success/error message */}
+            {message}
+        </>
+    );
+}
+
+MSDRadixSortParam.propTypes = {
+    alg: PropTypes.string.isRequired,
+    mode: PropTypes.string.isRequired,
+    list: PropTypes.string.isRequired,
+}
+
+export default withAlgorithmParams(MSDRadixSortParam);

src/algorithms/parameters/index.js

@@ -3,6 +3,7 @@ export { default as HSParam } from './HSParam';
 export { default as BSTParam } from './BSTParam';
 export { default as QSParam } from './QSParam';
 export { default as msort_arr_td } from './msort_arr_td';
+export { default as MSDRadixSortParam } from './MSDRadixSortParam';
 export { default as msort_lista_td } from './msort_lista_td';
 export { default as Prims_oldParam } from './PRIM_oldParam';
 export { default as PrimsParam } from './PRIMParam';