update to react-widgets 5.0 final and other minor upgrades

Author: olmobrutall

Signum.Entities/EnumMessages.cs

@@ -395,8 +395,6 @@ public enum JavascriptMessage
 
         [Description("Date")]
         Date,
-        [Description("Time")]
-        Time,
     }
 
     //https://github.com/jquense/react-widgets/blob/5d4985c6dac0df34b86c7d8ad311ff97066977ab/packages/react-widgets/src/messages.tsx#L35
@@ -412,14 +410,8 @@ public enum ReactWidgetsMessage
         MoveForward,
         [Description("Select date")]
         DateButton,
-        [Description("Select time")]
-        TimeButton,
         [Description("open combobox")]
         OpenCombobox,
-        [Description("open dropdown")]
-        OpenDropdown,
-        [Description("")]
-        Placeholder,
         [Description("")]
         FilterPlaceholder,
         [Description("There are no items in this list")]

Signum.React/Scripts/ConfigureReactWidgets.tsx

@@ -1,20 +1,17 @@
 import * as React from 'react';
 import { DateTime, Settings } from 'luxon';
 import * as ReactWidgets from 'react-widgets';
-import { UserProvidedMessages } from 'react-widgets/lib/messages';
+import { UserProvidedMessages } from 'react-widgets/cjs/messages';
 import { ReactWidgetsMessage } from './Signum.Entities';
-import { NumberLocalizer } from 'react-widgets/lib/IntlLocalizer';
+import { NumberLocalizer } from 'react-widgets/cjs/IntlLocalizer';
 
 export function getMessages(): UserProvidedMessages{
   return ({
     moveToday: ReactWidgetsMessage.MoveToday.niceToString(),
     moveBack: ReactWidgetsMessage.MoveBack.niceToString(),
     moveForward: ReactWidgetsMessage.MoveForward.niceToString(),
     dateButton: ReactWidgetsMessage.DateButton.niceToString(),
-    timeButton: ReactWidgetsMessage.TimeButton.niceToString(),
     openCombobox: ReactWidgetsMessage.OpenCombobox.niceToString(),
-    openDropdown: ReactWidgetsMessage.OpenDropdown.niceToString(),
-    placeholder: ReactWidgetsMessage.Placeholder.niceToString(),
     emptyList: ReactWidgetsMessage.EmptyList.niceToString(),
     emptyFilter: ReactWidgetsMessage.EmptyFilter.niceToString(),
     createOption: (_value, searchTerm) =>

Signum.React/Scripts/Lines/EntityCombo.tsx

@@ -10,7 +10,7 @@ import { FormControlReadonly } from './FormControlReadonly'
 import { classes } from '../Globals';
 import { useController } from './LineBase'
 import { useMounted } from '../Hooks'
-import { DropdownList } from 'react-widgets/lib'
+import { DropdownList } from 'react-widgets'
 
 
 export interface EntityComboProps extends EntityBaseProps {

Signum.React/Scripts/Lines/ValueLine.tsx

@@ -1,15 +1,14 @@
 import * as React from 'react'
 import { DateTime, Duration, DurationObjectUnits } from 'luxon'
 import { DateTimePicker, DatePicker, DropdownList } from 'react-widgets'
-import { CalendarProps } from 'react-widgets/lib/Calendar'
+import { CalendarProps } from 'react-widgets/cjs/Calendar'
 import { Dic, addClass, classes } from '../Globals'
 import { MemberInfo, getTypeInfo, TypeReference, toLuxonFormat, toDurationFormat, toNumberFormat, isTypeEnum, durationToString, TypeInfo, parseDuration } from '../Reflection'
 import { LineBaseController, LineBaseProps, useController } from '../Lines/LineBase'
 import { FormGroup } from '../Lines/FormGroup'
 import { FormControlReadonly } from '../Lines/FormControlReadonly'
 import { BooleanEnum, JavascriptMessage } from '../Signum.Entities'
 import TextArea from '../Components/TextArea';
-import 'react-widgets/dist/css/react-widgets.css';
 import { KeyCodes } from '../Components/Basic';
 import { format } from 'd3';
 import { isPrefix, QueryToken } from '../FindOptions'
@@ -336,7 +335,8 @@ function internalComboBox(vl: ValueLineController) {
       <FormGroup ctx={s.ctx} labelText={s.labelText} helpText={s.helpText} htmlAttributes={{ ...vl.baseHtmlAttributes(), ...s.formGroupHtmlAttributes }} labelHtmlAttributes={s.labelHtmlAttributes}>
         {vl.withItemGroup(
           <DropdownList className={addClass(vl.props.valueHtmlAttributes, classes(s.ctx.formControlClass, vl.mandatoryClass))} data={optionItems} onChange={handleOptionItem} value={oi}
-            filter="contains"
+            filter={false}
+            autoComplete="off"
             dataKey="value"
             textField="label"
             renderValue={a => vl.props.onRenderComboBoxItem!(a.item)}
@@ -698,7 +698,7 @@ ValueLineRenderers.renderers["DateTime" as ValueLineType] = (vl) => {
             valueDisplayFormat={luxonFormat}
             includeTime={showTime}
             inputProps={htmlAttributes as any} placeholder={htmlAttributes.placeholder}
-            messages={{ dateButton: JavascriptMessage.Date.niceToString(), timeButton: JavascriptMessage.Time.niceToString() }}
+            messages={{ dateButton: JavascriptMessage.Date.niceToString() }}
             min={s.minDate}
             max={s.maxDate}
             calendarProps={s.calendarProps}

Signum.React/Scripts/SearchControl/QueryTokenBuilder.tsx

@@ -1,5 +1,4 @@
 import * as React from 'react'
-import 'react-widgets/dist/css/react-widgets.css';
 import { areEqual, classes } from '../Globals'
 import * as Finder from '../Finder'
 import { QueryToken, SubTokensOptions, getTokenParents, isPrefix } from '../FindOptions'

Signum.React/Scripts/SearchControl/SystemTimeEditor.tsx

@@ -147,7 +147,7 @@ export default class SystemTimeEditor extends React.Component<SystemTimeEditorPr
     return (
       <div className="rw-widget-sm ml-1" style={{ width: "230px" }}>
         <DateTimePicker value={m?.toJSDate()} onChange={handleDatePickerOnChange}
-          valueEditFormat={luxonFormat} valueDisplayFormat={luxonFormat} includeTime={true} messages={{ dateButton: JavascriptMessage.Date.niceToString(), timeButton: JavascriptMessage.Time.niceToString() }} />
+          valueEditFormat={luxonFormat} valueDisplayFormat={luxonFormat} includeTime={true} messages={{ dateButton: JavascriptMessage.Date.niceToString() }} />
       </div>
     );
   }

Signum.React/Scripts/Signum.Entities.ts

@@ -340,7 +340,6 @@ export module JavascriptMessage {
   export const showPeriod = new MessageKey("JavascriptMessage", "showPeriod");
   export const showPreviousOperation = new MessageKey("JavascriptMessage", "showPreviousOperation");
   export const Date = new MessageKey("JavascriptMessage", "Date");
-  export const Time = new MessageKey("JavascriptMessage", "Time");
 }
 
 export module LiteMessage {
@@ -438,10 +437,7 @@ export module ReactWidgetsMessage {
   export const MoveBack = new MessageKey("ReactWidgetsMessage", "MoveBack");
   export const MoveForward = new MessageKey("ReactWidgetsMessage", "MoveForward");
   export const DateButton = new MessageKey("ReactWidgetsMessage", "DateButton");
-  export const TimeButton = new MessageKey("ReactWidgetsMessage", "TimeButton");
   export const OpenCombobox = new MessageKey("ReactWidgetsMessage", "OpenCombobox");
-  export const OpenDropdown = new MessageKey("ReactWidgetsMessage", "OpenDropdown");
-  export const Placeholder = new MessageKey("ReactWidgetsMessage", "Placeholder");
   export const FilterPlaceholder = new MessageKey("ReactWidgetsMessage", "FilterPlaceholder");
   export const EmptyList = new MessageKey("ReactWidgetsMessage", "EmptyList");
   export const EmptyFilter = new MessageKey("ReactWidgetsMessage", "EmptyFilter");

Signum.React/Signum.React.csproj

@@ -2,7 +2,6 @@
 
   <PropertyGroup>
     <TargetFramework>net5.0</TargetFramework>
-    <TypeScriptBuildMode>true</TypeScriptBuildMode>
     <Nullable>enable</Nullable>
     <WarningsAsErrors>nullable</WarningsAsErrors>
     <OutputType>Library</OutputType>

Signum.React/package.json

@@ -21,30 +21,30 @@
   },
   "homepage": "https://github.com/signumsoftware/framework#readme",
   "resolutions": {
-    "@types/react": "17.0.0",
-    "@types/history": "4.7.7"
+    "@types/react": "17.0.3",
+    "@types/history": "4.7.8"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "1.2.32",
+    "@fortawesome/fontawesome-svg-core": "1.2.35",
     "@fortawesome/free-brands-svg-icons": "5.15.1",
-    "@fortawesome/free-regular-svg-icons": "5.15.1",
-    "@fortawesome/free-solid-svg-icons": "5.15.1",
-    "@fortawesome/react-fontawesome": "0.1.13",
-    "@types/d3": "6.2.0",
+    "@fortawesome/free-regular-svg-icons": "5.15.3",
+    "@fortawesome/free-solid-svg-icons": "5.15.3",
+    "@fortawesome/react-fontawesome": "0.1.14",
+    "@types/d3": "6.3.0",
     "@types/d3-scale-chromatic": "2.0.0",
     "@types/history": "4.7.8",
-    "@types/luxon": "1.25.0",
+    "@types/luxon": "1.26.2",
     "@types/prop-types": "15.7.3",
-    "@types/react": "17.0.0",
-    "@types/react-dom": "17.0.0",
-    "@types/react-router": "5.1.8",
-    "@types/react-router-dom": "5.1.6",
-    "@types/react-transition-group": "4.4.0",
-    "react-widgets": "5.0.0-beta.22",
+    "@types/react": "17.0.3",
+    "@types/react-dom": "17.0.3",
+    "@types/react-router": "5.1.13",
+    "@types/react-router-dom": "5.1.7",
+    "@types/react-transition-group": "4.4.1",
+    "react-widgets": "5.0.0",
     "luxon": "1.25.0",
     "popper.js": "1.16.1",
-    "react": "17.0.1",
-    "react-dom": "17.0.1",
-    "react-bootstrap": "1.4.0"
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "react-bootstrap": "1.5.2"
   }
 }