react-admin-base-bootstrap 0.8.17 → 0.8.19

package/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/react-admin-base-bootstrap.iml" filepath="$PROJECT_DIR$/.idea/react-admin-base-bootstrap.iml" />
+    </modules>
+  </component>
+</project>

package/.idea/react-admin-base-bootstrap.iml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

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

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import React from 'react';
 export interface ApiSelectProps<Option = any> {
     url?: string;
@@ -19,8 +17,8 @@ export interface ApiSelectProps<Option = any> {
     onAddOrEdit?: (item: any) => void;
     getNewOptionData?: (name: string, elem: React.ReactNode) => any | null;
 }
-export default function ApiSelect<Option = any>(props: ApiSelectProps<Option>): jsx.JSX.Element;
+export default function ApiSelect<Option = any>(props: ApiSelectProps<Option>): React.JSX.Element;
 export interface CreateSelectProps<Option = any> extends ApiSelectProps<Option> {
     Component: any;
 }
-export declare function CreateSelect(props: CreateSelectProps): jsx.JSX.Element;
+export declare function CreateSelect(props: CreateSelectProps): React.JSX.Element;

package/lib/esm/Components/ApiSelect.js

@@ -7,25 +7,23 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import React, { Fragment, useCallback, useMemo, useState } from 'react';
 import { RefreshScope, useFetch, useRefresh } from 'react-admin-base';
 import { FormattedMessage, useIntl } from 'react-intl';
 import Select, { components } from "react-select";
 import CreatableSelect from 'react-select/creatable';
 function Option(props) {
-    return jsx(components.Option, Object.assign({}, props), (props.selectProps.children && props.selectProps.children(props.data)) || (props.data.__isNew__ ? jsx(FormattedMessage, { id: "CREATE_VALUE", values: { text: props.children } }) : props.children));
+    return React.createElement(components.Option, Object.assign({}, props), (props.selectProps.children && props.selectProps.children(props.data)) || (props.data.__isNew__ ? React.createElement(FormattedMessage, { id: "CREATE_VALUE", values: { text: props.children } }) : props.children));
 }
 function SingleValue(props) {
-    return jsx(components.SingleValue, Object.assign({}, props), (props.selectProps.children && props.selectProps.children(props.data)) || (props.data.__isNew__ ? jsx(FormattedMessage, { id: "CREATE_VALUE", values: { text: props.children } }) : props.children));
+    return React.createElement(components.SingleValue, Object.assign({}, props), (props.selectProps.children && props.selectProps.children(props.data)) || (props.data.__isNew__ ? React.createElement(FormattedMessage, { id: "CREATE_VALUE", values: { text: props.children } }) : props.children));
 }
 function MultiValue(props) {
-    return jsx(components.MultiValue, Object.assign({}, props), (props.selectProps.children && props.selectProps.children(props.data)) || props.children);
+    return React.createElement(components.MultiValue, Object.assign({}, props), (props.selectProps.children && props.selectProps.children(props.data)) || props.children);
 }
 function EditOrAddIndicator(props) {
     const { className, cx, getStyles, innerProps, isMulti } = props;
-    return (jsx("div", Object.assign({}, innerProps, { className: cx({
+    return (React.createElement("div", Object.assign({}, innerProps, { className: cx({
             indicator: true,
             'clear-indicator': true
         }, className), css: getStyles('clearIndicator', props), onMouseDown: e => {
@@ -33,20 +31,20 @@ function EditOrAddIndicator(props) {
             e.preventDefault();
             props.selectProps.onAddOrEdit();
         } }),
-        jsx("i", { className: "fas " + (props.hasValue && !isMulti ? 'fa-pencil-alt' : 'fa-plus') })));
+        React.createElement("i", { className: "fas " + (props.hasValue && !isMulti ? 'fa-pencil-alt' : 'fa-plus') })));
 }
 function IndicatorsContainer(props) {
-    return jsx(components.IndicatorsContainer, Object.assign({}, props),
-        props.selectProps.onAddOrEdit && jsx(React.Fragment, null,
-            jsx(EditOrAddIndicator, Object.assign({}, props)),
-            jsx(components.IndicatorSeparator, Object.assign({}, props))),
+    return React.createElement(components.IndicatorsContainer, Object.assign({}, props),
+        props.selectProps.onAddOrEdit && React.createElement(React.Fragment, null,
+            React.createElement(EditOrAddIndicator, Object.assign({}, props)),
+            React.createElement(components.IndicatorSeparator, Object.assign({}, props))),
         props.children);
 }
 function MultiValueRemove(props) {
-    return jsx(Fragment, null,
-        props.selectProps.onAddOrEdit && jsx(components.MultiValueRemove, Object.assign({}, props, { innerProps: Object.assign(Object.assign({}, props.innerProps), { onClick: () => props.selectProps.onAddOrEdit(props.data) }) }),
-            jsx("i", { className: "fas fa-pencil", style: { fontSize: '.75em' } })),
-        jsx(components.MultiValueRemove, Object.assign({}, props)));
+    return React.createElement(Fragment, null,
+        props.selectProps.onAddOrEdit && React.createElement(components.MultiValueRemove, Object.assign({}, props, { innerProps: Object.assign(Object.assign({}, props.innerProps), { onClick: () => props.selectProps.onAddOrEdit(props.data) }) }),
+            React.createElement("i", { className: "fas fa-pencil", style: { fontSize: '.75em' } })),
+        React.createElement(components.MultiValueRemove, Object.assign({}, props)));
 }
 const Components = { Option, SingleValue, MultiValue, IndicatorsContainer, MultiValueRemove };
 export default function ApiSelect(props) {
@@ -89,8 +87,8 @@ export default function ApiSelect(props) {
         setIsMenuOpen(false);
     }, [setIsMenuOpen]);
     const Component = onCreateOption ? CreatableSelect : Select;
-    return jsx(RefreshScope, { update: update },
-        jsx(Component, Object.assign({}, props, { className: 'react-select-container', classNamePrefix: "react-select", onCreateOption: onCreateOption && handleCreateOption, getNewOptionData: (onCreateOption && (getNewOptionData || ((inputValue) => ({ [nameKey || 'name']: inputValue, __isNew__: true })))) || undefined, inputValue: search, onInputChange: a => setSearch(a), components: Components, isLoading: !!loading || creating, getOptionLabel: getOptionLabel || ((row) => row[nameKey || 'name']), getOptionValue: getOptionValue || ((row) => row[idKey || 'id']), isDisabled: !!disabled || creating, isClearable: true, isSearchable: true, placeholder: placeholder || intl.formatMessage({ id: 'SELECT' }), options: !options ? [] : ((filter && options.filter(filter)) || options), onMenuOpen: onMenuOpen, onMenuClose: onMenuClose })));
+    return React.createElement(RefreshScope, { update: update },
+        React.createElement(Component, Object.assign({}, props, { className: 'react-select-container', classNamePrefix: "react-select", onCreateOption: onCreateOption && handleCreateOption, getNewOptionData: (onCreateOption && (getNewOptionData || ((inputValue) => ({ [nameKey || 'name']: inputValue, __isNew__: true })))) || undefined, inputValue: search, onInputChange: a => setSearch(a), components: Components, isLoading: !!loading || creating, getOptionLabel: getOptionLabel || ((row) => row[nameKey || 'name']), getOptionValue: getOptionValue || ((row) => row[idKey || 'id']), isDisabled: !!disabled || creating, isClearable: true, isSearchable: true, placeholder: placeholder || intl.formatMessage({ id: 'SELECT' }), options: !options ? [] : ((filter && options.filter(filter)) || options), onMenuOpen: onMenuOpen, onMenuClose: onMenuClose })));
 }
 export function CreateSelect(props) {
     const { Component, onChange, value, isMulti, idKey } = props;
@@ -102,7 +100,7 @@ export function CreateSelect(props) {
         data && onChange(isMulti ? isOpenId ? value.map(b => b.id === isOpenId ? data : b) : (value || []).concat([data]) : data);
         update && update();
     }, [value, onChange, isMulti, isOpenId, isOpen, update, setIsOpen]);
-    return jsx(Fragment, null,
-        isOpen && jsx(Component, { id: isOpenId || (!isMulti && value && value[idKey || "id"]), onReload: onReload }),
-        jsx(ApiSelect, Object.assign({}, props, { onAddOrEdit: item => setIsOpen(item || true) })));
+    return React.createElement(Fragment, null,
+        isOpen && React.createElement(Component, { id: isOpenId || (!isMulti && value && value[idKey || "id"]), onReload: onReload }),
+        React.createElement(ApiSelect, Object.assign({}, props, { onAddOrEdit: item => setIsOpen(item || true) })));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-admin-base-bootstrap",
-  "version": "0.8.17",
+  "version": "0.8.19",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -28,7 +28,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-intl": "^6.2.10",
-    "react-router-dom": "^6.13.0"
+    "react-router-dom": "^6.18.0"
   },
   "dependencies": {
     "@emotion/react": "^11.11.1",

package/src/Components/ApiSelect.tsx

@@ -1,4 +1,3 @@
-/** @jsx jsx */
 import { jsx } from '@emotion/react';
 import React, {Fragment, useCallback, useMemo, useState} from 'react';
 import {RefreshScope, useFetch, useRefresh} from 'react-admin-base';

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

@@ -1,2 +0,0 @@
-import { ButtonProps } from "reactstrap";
-export declare function DragAndDropArrow(props: ButtonProps): JSX.Element | null;

package/lib/esm/Components/DragDrop.js

@@ -1,11 +0,0 @@
-import React from "react";
-import { Button } from "reactstrap";
-import { useDragContext } from "react-admin-base";
-export function DragAndDropArrow(props) {
-    const [ref, isDragging] = useDragContext();
-    if (!ref)
-        return null;
-    return React.createElement(Button, Object.assign({ type: "button", innerRef: ref, outline: true, size: "sm", color: "primary" }, props),
-        React.createElement("i", { className: "fas fa-arrows-up-down-left-right" }),
-        props.children);
-}

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

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

package/lib/esm/Components/RichTextEditor.js

@@ -1,52 +0,0 @@
-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 }))));
-}