@tellescope/react-components 1.168.0 → 1.170.0

package/lib/esm/Forms/wysiwyg.js

@@ -0,0 +1,218 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { Editor } from 'react-draft-wysiwyg';
+import draftToHtml from 'draftjs-to-html';
+import htmlToDraft from 'html-to-draftjs';
+import { EditorState, ContentState, convertToRaw } from 'draft-js';
+import { Paper } from '@mui/material';
+import "react-draft-wysiwyg/dist/react-draft-wysiwyg.css";
+var getToolbar = function (_a) {
+    var hideEmoji = _a.hideEmoji;
+    return ({
+        // hide image and embedded in favor of custom sections
+        options: __spreadArray([
+            // 'inline', 
+            // 'blockType', 
+            'fontSize',
+            // 'fontFamily', 
+            'list',
+            'textAlign',
+            // 'colorPicker', 
+            'link'
+        ], (hideEmoji ? [] : ['emoji']), true),
+        inline: {
+            inDropdown: false,
+            className: undefined,
+            component: undefined,
+            dropdownClassName: undefined,
+            options: ['bold', 'italic', 'underline', 'strikethrough', 'monospace', 'superscript', 'subscript'],
+            // bold: { icon: bold, className: undefined },
+            // italic: { icon: italic, className: undefined },
+            // underline: { icon: underline, className: undefined },
+            // strikethrough: { icon: strikethrough, className: undefined },
+            // monospace: { icon: monospace, className: undefined },
+            // superscript: { icon: superscript, className: undefined },
+            // subscript: { icon: subscript, className: undefined },
+        },
+        blockType: {
+            inDropdown: true,
+            options: ['Normal', 'H1', 'H2', 'H3', 'H4', 'H5', 'H6', 'Blockquote', 'Code'],
+            className: undefined,
+            component: undefined,
+            dropdownClassName: undefined,
+        },
+        fontSize: {
+            // icon: fontSize,
+            options: [8, 9, 10, 11, 12, 14, 16, 18, 24, 30, 36, 48, 60, 72, 96],
+            className: undefined,
+            component: undefined,
+            dropdownClassName: undefined,
+        },
+        fontFamily: {
+            options: ['Arial', 'Georgia', 'Impact', 'Tahoma', 'Times New Roman', 'Verdana'],
+            className: undefined,
+            component: undefined,
+            dropdownClassName: undefined,
+        },
+        list: {
+            inDropdown: false,
+            className: undefined,
+            component: undefined,
+            dropdownClassName: undefined,
+            options: ['unordered', 'ordered', 'indent', 'outdent'],
+            // unordered: { icon: unordered, className: undefined },
+            // ordered: { icon: ordered, className: undefined },
+            // indent: { icon: indent, className: undefined },
+            // outdent: { icon: outdent, className: undefined },
+        },
+        textAlign: {
+            inDropdown: false,
+            className: undefined,
+            component: undefined,
+            dropdownClassName: undefined,
+            options: ['left', 'center', 'right', 'justify'],
+            // left: { icon: left, className: undefined },
+            // center: { icon: center, className: undefined },
+            // right: { icon: right, className: undefined },
+            // justify: { icon: justify, className: undefined },
+        },
+        colorPicker: {
+            // icon: color,
+            className: undefined,
+            component: undefined,
+            popupClassName: undefined,
+            colors: ['rgb(97,189,109)', 'rgb(26,188,156)', 'rgb(84,172,210)', 'rgb(44,130,201)',
+                'rgb(147,101,184)', 'rgb(71,85,119)', 'rgb(204,204,204)', 'rgb(65,168,95)', 'rgb(0,168,133)',
+                'rgb(61,142,185)', 'rgb(41,105,176)', 'rgb(85,57,130)', 'rgb(40,50,78)', 'rgb(0,0,0)',
+                'rgb(247,218,100)', 'rgb(251,160,38)', 'rgb(235,107,86)', 'rgb(226,80,65)', 'rgb(163,143,132)',
+                'rgb(239,239,239)', 'rgb(255,255,255)', 'rgb(250,197,28)', 'rgb(243,121,52)', 'rgb(209,72,65)',
+                'rgb(184,49,47)', 'rgb(124,112,107)', 'rgb(209,213,216)'],
+        },
+        link: {
+            inDropdown: false,
+            className: undefined,
+            component: undefined,
+            popupClassName: undefined,
+            dropdownClassName: undefined,
+            showOpenOptionOnHover: true,
+            defaultTargetOption: '_blank',
+            options: ['link', 'unlink'],
+            // link: { icon: link, className: undefined },
+            // unlink: { icon: unlink, className: undefined },
+            linkCallback: undefined
+        },
+        emoji: {
+            // icon: emoji,
+            className: undefined,
+            component: undefined,
+            popupClassName: undefined,
+            emojis: [
+                '😀', '😁', '😂', '😃', '😉', '😋', '😎', '😍', '😗', '🤗', '🤔', '😣', '😫', '😴', '😌', '🤓',
+                '😛', '😜', '😠', '😇', '😷', '😈', '👻', '😺', '😸', '😹', '😻', '😼', '😽', '🙀', '🙈',
+                '🙉', '🙊', '👼', '👮', '🕵', '💂', '👳', '🎅', '👸', '👰', '👲', '🙍', '🙇', '🚶', '🏃', '💃',
+                '⛷', '🏂', '🏌', '🏄', '🚣', '🏊', '⛹', '🏋', '🚴', '👫', '💪', '👈', '👉', '👉', '👆', '🖕',
+                '👇', '🖖', '🤘', '🖐', '👌', '👍', '👎', '✊', '👊', '👏', '🙌', '🙏', '🐵', '🐶', '🐇', '🐥',
+                '🐸', '🐌', '🐛', '🐜', '🐝', '🍉', '🍄', '🍔', '🍤', '🍨', '🍪', '🎂', '🍰', '🍾', '🍷', '🍸',
+                '🍺', '🌍', '🚑', '⏰', '🌙', '🌝', '🌞', '⭐', '🌟', '🌠', '🌨', '🌩', '⛄', '🔥', '🎄', '🎈',
+                '🎉', '🎊', '🎁', '🎗', '🏀', '🏈', '🎲', '🔇', '🔈', '📣', '🔔', '🎵', '🎷', '💰', '🖊', '📅',
+                '✅', '❎', '💯',
+            ],
+        },
+        embedded: {
+            // icon: embedded,
+            className: undefined,
+            component: undefined,
+            popupClassName: undefined,
+            embedCallback: undefined,
+            defaultSize: {
+                height: 'auto',
+                width: 'auto',
+            },
+        },
+        image: {
+            // icon: image,
+            className: undefined,
+            component: undefined,
+            popupClassName: undefined,
+            urlEnabled: true,
+            uploadEnabled: true,
+            alignmentEnabled: true,
+            // uploadCallback,
+            previewImage: true,
+            inputAccept: 'image/gif,image/jpeg,image/jpg,image/png,image/svg',
+            alt: { present: false, mandatory: false },
+            defaultSize: {
+                height: 'auto',
+                width: 'auto',
+            },
+        },
+        remove: {
+            // icon: eraser, 
+            className: undefined, component: undefined
+        },
+        history: {
+            inDropdown: false,
+            className: undefined,
+            component: undefined,
+            dropdownClassName: undefined,
+            options: ['undo', 'redo'],
+            // undo: { icon: undo, className: undefined },
+            // redo: { icon: redo, className: undefined },
+        },
+    });
+};
+export var WYSIWYG = function (_a) {
+    var updateHtml = _a.updateHtml, _b = _a.initialHTML, _initialHTML = _b === void 0 ? '' : _b, autoFocus = _a.autoFocus, onChange = _a.onChange, style = _a.style, editorStyle = _a.editorStyle, hideEmoji = _a.hideEmoji;
+    var trimmed = _initialHTML.trim();
+    var initialHTML = (trimmed.startsWith('<p>') && trimmed.endsWith('</p>')
+        ? trimmed
+        : "<p>".concat(trimmed, "</p>"));
+    var _c = useState(EditorState.createWithContent(ContentState.createFromBlockArray(htmlToDraft(initialHTML).contentBlocks))), editorState = _c[0], setEditorState = _c[1];
+    var editorStateRef = useRef(editorState);
+    var editorRef = useRef(null);
+    useEffect(function () {
+        if (!updateHtml)
+            return;
+        setEditorState(EditorState.createWithContent(ContentState.createFromBlockArray(htmlToDraft(updateHtml).contentBlocks)));
+    }, [updateHtml]);
+    useEffect(function () {
+        var _a, _b;
+        if (!autoFocus)
+            return;
+        if (editorRef.current) {
+            (_b = (_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.focusEditor) === null || _b === void 0 ? void 0 : _b.call(_a);
+            setEditorState(function (es) { return EditorState.moveFocusToEnd(es); });
+        }
+    }, [editorRef, autoFocus]);
+    useEffect(function () {
+        if (editorStateRef.current === editorState)
+            return;
+        editorStateRef.current = editorState;
+        // unbounce a bit for perf
+        var t = setTimeout(function () { return (onChange(draftToHtml(convertToRaw(editorState.getCurrentContent())))); }, 99);
+        return function () { clearTimeout(t); };
+    }, [onChange, editorState]);
+    var toolbar = useMemo(function () { return getToolbar({ hideEmoji: hideEmoji }); }, [hideEmoji]);
+    return (_jsx(Paper, __assign({ sx: { padding: 1 }, style: style }, { children: _jsx(Editor, { spellCheck: true, ref: editorRef, editorStyle: editorStyle, editorState: editorState, wrapperClassName: "demo-wrapper", editorClassName: "demo-editor", onEditorStateChange: setEditorState, toolbar: toolbar }) })));
+};
+//# sourceMappingURL=wysiwyg.js.map

package/lib/esm/Forms/wysiwyg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wysiwyg.js","sourceRoot":"","sources":["../../../src/Forms/wysiwyg.tsx"],"names":[],"mappings":"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"}

package/lib/esm/controls.d.ts

@@ -74,7 +74,7 @@ export declare const useModalIconButton: (props: UseModalIconButtonProps) => {
     id?: string | undefined;
     ariaLabel?: string | undefined;
     disabled?: boolean | undefined;
-    color?: "error" | "inherit" | "white" | "default" | "primary" | "secondary" | undefined;
+    color?: "primary" | "secondary" | "error" | "inherit" | "default" | "white" | undefined;
     placement?: TooltipPlacement | undefined;
     onClick?: ((e: any) => void) | undefined;
     showArrow?: boolean | undefined;
@@ -95,7 +95,7 @@ export declare const IconModal: ({ open, setOpen, children, disabled, onClick, s
     id?: string | undefined;
     ariaLabel?: string | undefined;
     disabled?: boolean | undefined;
-    color?: "error" | "inherit" | "white" | "default" | "primary" | "secondary" | undefined;
+    color?: "primary" | "secondary" | "error" | "inherit" | "default" | "white" | undefined;
     placement?: TooltipPlacement | undefined;
     onClick?: ((e: any) => void) | undefined;
     showArrow?: boolean | undefined;

package/lib/esm/inputs.d.ts

@@ -29,7 +29,7 @@ export declare const useFileDropzone: ({ DropzoneComponent, style }: {
     setFile: React.Dispatch<React.SetStateAction<FileBlob | undefined>>;
     dropzone: JSX.Element;
 };
-type FileUploadHandler = (details: FileDetails & {
+export type FileUploadHandler = (details: FileDetails & {
     externalId?: string;
 }, file: Blob | Buffer | ReactNativeFile, options?: {}) => Promise<FileClientType>;
 interface UseFileUploaderOptions {
@@ -104,7 +104,7 @@ export declare const SearchTextInput: ({ onChange, hideIcon, ...props }: {
     fullWidth?: boolean | undefined;
     name?: string | undefined;
     sx?: import("@mui/material").SxProps<{}> | undefined;
-    variant?: "filled" | "outlined" | "flat" | undefined;
+    variant?: "outlined" | "filled" | "flat" | undefined;
     type?: React.HTMLInputTypeAttribute | undefined;
     autoCapitalize?: "none" | "characters" | "sentences" | "words" | undefined;
     autoCorrect?: boolean | undefined;

package/lib/esm/inputs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inputs.d.ts","sourceRoot":"","sources":["../../src/inputs.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"inputs.d.ts","sourceRoot":"","sources":["../../src/inputs.tsx"],"names":[],"mappings":"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"}

package/lib/esm/inputs.native.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FileUploaderProps, useDisplayPictureUploadForSelf, useFileUpload } from "./inputs.js";
 import { TextFieldProps } from "./mui";
 export { useDisplayPictureUploadForSelf, useFileUpload };

package/lib/esm/inputs.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inputs.native.d.ts","sourceRoot":"","sources":["../../src/inputs.native.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,iBAAiB,EACjB,8BAA8B,EAC9B,aAAa,EACd,MAAM,aAAa,CAAA;AACpB,OAAO,EAAa,cAAc,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,EAAE,8BAA8B,EAAE,aAAa,EAAE,CAAA;AAExD,eAAO,MAAM,YAAY,aAExB,CAAA;AAED,eAAO,MAAM,YAAY,MAAO,iBAAiB,UAEhD,CAAA;AAED,eAAO,MAAM,eAAe,UAAY,cAAc,gBAErD,CAAA"}
+{"version":3,"file":"inputs.native.d.ts","sourceRoot":"","sources":["../../src/inputs.native.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,iBAAiB,EACjB,8BAA8B,EAC9B,aAAa,EACd,MAAM,aAAa,CAAA;AACpB,OAAO,EAAa,cAAc,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,EAAE,8BAA8B,EAAE,aAAa,EAAE,CAAA;AAExD,eAAO,MAAM,YAAY,aAExB,CAAA;AAED,eAAO,MAAM,YAAY,MAAO,iBAAiB,UAEhD,CAAA;AAED,eAAO,MAAM,eAAe,UAAY,cAAc,gBAErD,CAAA"}

package/lib/esm/layout.d.ts

@@ -51,7 +51,7 @@ export interface Flex_T {
 }
 interface Flex_Web extends Flex_T, Styled, ClickableWeb {
 }
-export declare const resolve_direction_for_props: (row?: boolean, col?: boolean) => "row" | "column";
+export declare const resolve_direction_for_props: (row?: boolean, col?: boolean) => "column" | "row";
 export declare const compute_flex_direction_with_props: <T extends string>(direction: T, reverse?: boolean) => T | `${T}-reverse`;
 export interface WithHoverColors {
     hoveredColor?: CSSProperties['backgroundColor'];