Demos: convert to js

Author: anna-shakhova

apps/demos/Demos/FilterBuilder/Customization/ReactJs/helpers.js

@@ -3,7 +3,7 @@ function prepareItem(item, spaces) {
   return Array.isArray(item[0]) ? formatValue(item, spaces + TAB_SIZE) : JSON.stringify(item);
 }
 export function formatValue(value, spaces = TAB_SIZE) {
-  if (value && Array.isArray(value[0])) {
+  if (value && Array.isArray(value) && Array.isArray(value[0])) {
     const formattedValue = value
       .map((item) => prepareItem(item, spaces))
       .join(`,${getLineBreak(spaces)}`);

apps/demos/Demos/Sortable/Kanban/ReactJs/App.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useState } from 'react';
 import ScrollView from 'devextreme-react/scroll-view';
 import Sortable from 'devextreme-react/sortable';
-import { tasks as taskList, employees } from './data.js';
+import { tasks as taskList, employees, taskStatuses } from './data.js';
 
 function getLists(statusArray, taskArray) {
   const tasksMap = taskArray.reduce((result, task) => {
@@ -33,7 +33,6 @@ function reorderItem(array, fromIdx, toIdx) {
   const result = removeItem(array, fromIdx);
   return insertItem(result, item, toIdx);
 }
-const taskStatuses = ['Not Started', 'Need Assistance', 'In Progress', 'Deferred', 'Completed'];
 const employeesRecord = getEmployeesMap(employees);
 const Card = ({ task, employeesMap }) => (
   <div className="card dx-card">

apps/demos/Demos/Sortable/Kanban/ReactJs/data.js

@@ -1,3 +1,10 @@
+export const taskStatuses = [
+  'Not Started',
+  'Need Assistance',
+  'In Progress',
+  'Deferred',
+  'Completed',
+];
 export const tasks = [
   {
     Task_ID: 1,