react-admin-base-bootstrap 0.7.6 → 0.7.7

package/lib/esm/Components/BootstrapDataTable.js

@@ -67,10 +67,7 @@ export function ActionsColumn() {
 export function Column(props) {
     const [params, setParams] = useContext(DataTableContext);
     const { sort } = props;
-    return React.createElement("th", Object.assign({}, props, { style: props.sort && { cursor: 'pointer' }, onClick: props.sort && (() => setParams({
-            sort: sort,
-            desc: params.sort === sort ? !params.desc : true
-        })) }),
+    return React.createElement("th", Object.assign({}, props, { style: props.sort && { cursor: 'pointer' }, onClick: props.sort && (() => setParams(params => (Object.assign(Object.assign({}, params), { sort: sort, desc: params.sort === sort ? !params.desc : true })))) }),
         props.children,
         " ",
         sort && params.sort && params.sort === sort ? params.desc ?

package/lib/esm/Components/PasswordInput.js

@@ -12,7 +12,7 @@ function BootstrapPasswordInput({ className, value, onChange, disabled, placehol
     const perfect = intl.formatMessage({ id: "PASSWORD_PERFECT" });
     const scoreWords = useMemo(() => [short, bad, okay, good, perfect], [short, bad, okay, good, perfect]);
     return React.createElement(React.Fragment, null,
-        React.createElement(Input, { className: className, type: "password", value: value || '', onChange: a => onChange(a.currentTarget.value), disabled: disabled, placeholder: placeholder }),
+        React.createElement(Input, { className: className, type: "password", value: value || '', onChange: a => onChange(a.currentTarget.value), disabled: disabled, placeholder: placeholder, autoComplete: "new-password" }),
         React.createElement(PasswordStrengthBar, { className: "password-str-bar", password: value || '', scoreWords: scoreWords, shortScoreWord: short }));
 }
 export default function PasswordInput({ value, onChange, className, disabled, icon, required, placeholder }) {
@@ -35,5 +35,5 @@ export default function PasswordInput({ value, onChange, className, disabled, ic
             React.createElement(Label, null,
                 React.createElement(FormattedMessage, { id: "PASSWORD_AGAIN" })),
             React.createElement(Validator, { name: "password2", type: [(required || value) && "required", { password: value || '' }].filter(a => !!a) },
-                React.createElement(Input, { type: "password", value: password2 || '', onChange: a => setPassword2(a.currentTarget.value), disabled: disabled }))));
+                React.createElement(Input, { type: "password", value: password2 || '', onChange: a => setPassword2(a.currentTarget.value), disabled: disabled, autoComplete: "new-password" }))));
 }

package/lib/esm/Components/RichTextEditor.d.ts

@@ -0,0 +1,4 @@
+export default function RichTextEditor({ value, onChange }: {
+    value: any;
+    onChange: any;
+}): JSX.Element;

package/lib/esm/Components/RichTextEditor.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import { LexicalComposer } from "@lexical/react/LexicalComposer";
+import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
+import { ContentEditable } from "@lexical/react/LexicalContentEditable";
+import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin";
+import { AutoFocusPlugin } from "@lexical/react/LexicalAutoFocusPlugin";
+import { HeadingNode, QuoteNode } from "@lexical/rich-text";
+import { TableCellNode, TableNode, TableRowNode } from "@lexical/table";
+import { ListItemNode, ListNode } from "@lexical/list";
+import { CodeHighlightNode, CodeNode } from "@lexical/code";
+import { AutoLinkNode, LinkNode } from "@lexical/link";
+import { LinkPlugin } from "@lexical/react/LexicalLinkPlugin";
+import { ListPlugin } from "@lexical/react/LexicalListPlugin";
+import { MarkdownShortcutPlugin } from "@lexical/react/LexicalMarkdownShortcutPlugin";
+import { TRANSFORMERS } from "@lexical/markdown";
+import ToolbarPlugin from '../Lexical/ToolbarPlugin';
+function Placeholder() {
+    return React.createElement("div", { className: "editor-placeholder" }, "Enter some rich text...");
+}
+const editorConfig = {
+    namespace: '',
+    // Handling of errors during update
+    onError(error) {
+        throw error;
+    },
+    // Any custom nodes go here
+    nodes: [
+        HeadingNode,
+        ListNode,
+        ListItemNode,
+        QuoteNode,
+        CodeNode,
+        CodeHighlightNode,
+        TableNode,
+        TableCellNode,
+        TableRowNode,
+        AutoLinkNode,
+        LinkNode
+    ]
+};
+export default function RichTextEditor({ value, onChange }) {
+    return React.createElement(LexicalComposer, { initialConfig: editorConfig },
+        React.createElement("div", { className: "editor-container" },
+            React.createElement(ToolbarPlugin, null),
+            React.createElement("div", { className: "editor-inner" },
+                React.createElement(RichTextPlugin, { contentEditable: React.createElement(ContentEditable, { className: "editor-input" }), placeholder: React.createElement(Placeholder, null) }),
+                React.createElement(HistoryPlugin, null),
+                React.createElement(AutoFocusPlugin, null),
+                React.createElement(ListPlugin, null),
+                React.createElement(LinkPlugin, null),
+                React.createElement(MarkdownShortcutPlugin, { transformers: TRANSFORMERS }))));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-admin-base-bootstrap",
-  "version": "0.7.6",
+  "version": "0.7.7",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",

package/src/Components/BootstrapDataTable.tsx

@@ -64,10 +64,11 @@ export function Column(props) {
     return <th
         {...props}
         style={props.sort && {cursor: 'pointer'}}
-        onClick={props.sort && (() => setParams({
-            sort: sort,
+        onClick={props.sort && (() => setParams(params => ({
+            ...params,
+	    sort: sort,
             desc: params.sort === sort ? !params.desc : true
-        }))}
+        })))}
     >{props.children} {sort && params.sort && params.sort === sort ? params.desc ?
         <i className="fa fa-sort-down"/> :
         <i className="fa fa-sort-up"/> : ''}

package/src/Components/PasswordInput.tsx

@@ -33,6 +33,7 @@ function BootstrapPasswordInput({ className, value, onChange, disabled, placehol
 			onChange={a => onChange(a.currentTarget.value)}
 			disabled={disabled}
 			placeholder={placeholder}
+			autoComplete="new-password"
 		/>
 		<PasswordStrengthBar
 			className="password-str-bar"
@@ -86,6 +87,7 @@ export default function PasswordInput({ value, onChange, className, disabled, ic
 					value={password2 || ''}
 					onChange={a => setPassword2(a.currentTarget.value)}
 					disabled={disabled}
+					autoComplete="new-password"
 				/>
 			</Validator>
 		</FormGroup> }