ish-ui 1.0.0-alpha.12

package/dist/index.d.ts

@@ -0,0 +1,18 @@
+export * from './actions';
+export * from './appBar';
+export * from './buttons';
+export * from './colorPicker';
+export * from './dialog';
+export * from './documents';
+export * from './dynamicSizeList';
+export * from './fieldMessage';
+export * from './fileUploader';
+export * from './formFields';
+export * from './layout';
+export * from './markdownEditor';
+export * from './model';
+export * from './styles';
+export * from './tagsInput';
+export * from './themes';
+export * from './utils';
+export * from './timetable';

package/dist/index.js

@@ -0,0 +1,25 @@
+/*
+ * Copyright ish group pty ltd 2023.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
+ */
+export * from './actions';
+export * from './appBar';
+export * from './buttons';
+export * from './colorPicker';
+export * from './dialog';
+export * from './documents';
+export * from './dynamicSizeList';
+export * from './fieldMessage';
+export * from './fileUploader';
+export * from './formFields';
+export * from './layout';
+export * from './markdownEditor';
+export * from './model';
+export * from './styles';
+export * from './tagsInput';
+export * from './themes';
+export * from './utils';
+export * from './timetable';

package/dist/layout/InfoPill.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface Props {
+    label: string;
+    color?: 'success' | 'primary';
+}
+declare const InfoPill: ({ label, color }: Props) => React.JSX.Element;
+export default InfoPill;

package/dist/layout/InfoPill.js

@@ -0,0 +1,26 @@
+/*
+ * Copyright ish group pty ltd 2022.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
+ */
+import { Chip } from '@mui/material';
+import React from 'react';
+import { alpha } from '@mui/material/styles';
+import { makeAppStyles } from '../styles';
+const useStyles = makeAppStyles(theme => ({
+    chip: {
+        textTransform: 'uppercase',
+        fontWeight: 600,
+        fontSize: '12px',
+        marginLeft: theme.spacing(1),
+        color: ({ color }) => theme.palette[color].light,
+        backgroundColor: ({ color }) => alpha(theme.palette[color].light, 0.15)
+    }
+}));
+const InfoPill = ({ label, color = label === 'custom' ? 'primary' : 'success' }) => {
+    const classes = useStyles({ label, color });
+    return React.createElement(Chip, { className: classes.chip, label: label, size: "small" });
+};
+export default InfoPill;

package/dist/layout/index.d.ts

@@ -0,0 +1,4 @@
+export * from './resizable/ResizableWrapper';
+export { default as ResizableWrapper } from './resizable/ResizableWrapper';
+export * from './InfoPill';
+export { default as InfoPill } from './InfoPill';

package/dist/layout/index.js

@@ -0,0 +1,11 @@
+/*
+ * Copyright ish group pty ltd 2023.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
+ */
+export * from './resizable/ResizableWrapper';
+export { default as ResizableWrapper } from './resizable/ResizableWrapper';
+export * from './InfoPill';
+export { default as InfoPill } from './InfoPill';

package/dist/layout/resizable/ResizableWrapper.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+interface Props {
+    sidebarWidth: number;
+    minWidth?: number | string;
+    maxWidth?: number | string;
+    onResizeStop?: any;
+    onResize?: any;
+    classes?: any;
+    className?: any;
+    ignoreScreenWidth?: boolean;
+    children?: any;
+}
+declare const _default: React.FC<Props>;
+export default _default;

package/dist/layout/resizable/ResizableWrapper.js

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import { Resizable } from 're-resizable';
+import { withStyles, createStyles } from '@mui/styles';
+import useMediaQuery from '@mui/material/useMediaQuery';
+import clsx from 'clsx';
+const LIST_SIDE_BAR_DEFAULT_WIDTH = 265;
+const styles = (theme) => createStyles({
+    sideBar: {
+        borderRight: `1px solid ${theme.palette.divider}`,
+        display: 'flex',
+        paddingRight: '1px',
+        '&.d-none': {
+            display: 'none'
+        }
+    },
+    sideBarWrapper: {
+        overflowX: 'hidden',
+        overflowY: 'auto',
+        flex: 1
+    },
+    line: {
+        height: '100%',
+        width: '2px',
+        transition: 'background 120ms ease-in-out',
+    },
+    resizeLine: {
+        zIndex: theme.zIndex.drawer,
+        display: 'flex',
+        justifyContent: 'center',
+        '&:active $line, &:hover $line': {
+            background: `${theme.palette.secondary.main}`,
+            overflow: 'visible'
+        }
+    }
+});
+const ResizableWrapper = (props) => {
+    const { classes, onResizeStop, onResize, sidebarWidth, minWidth, maxWidth, children, className, ignoreScreenWidth } = props;
+    return useMediaQuery('(min-width:992px)') || ignoreScreenWidth ? (React.createElement(Resizable, { size: { width: sidebarWidth, height: '100%' }, minWidth: minWidth || LIST_SIDE_BAR_DEFAULT_WIDTH, maxWidth: maxWidth, onResizeStop: onResizeStop, onResize: onResize, enable: { right: true }, className: clsx(classes.sideBar, className), handleClasses: { right: classes.resizeLine }, handleComponent: { right: React.createElement("div", { className: props.classes.line }) } },
+        React.createElement("div", { className: classes.sideBarWrapper }, children))) : (children);
+};
+const wrapped = withStyles(styles)(ResizableWrapper);
+export default wrapped;

package/dist/markdownEditor/HtmlEditor.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import 'ace-builds/webpack-resolver';
+import 'ace-builds/src-noconflict/mode-html';
+import 'ace-builds/src-noconflict/mode-textile';
+import 'ace-builds/src-noconflict/theme-tomorrow';
+import 'ace-builds/src-noconflict/ext-language_tools';
+import 'ace-builds/src-noconflict/snippets/html';
+import 'ace-builds/src-noconflict/snippets/textile';
+interface Props {
+    value?: string;
+    mode?: string;
+    onChange?: (html: any) => void;
+}
+declare const _default: React.FunctionComponent<Props>;
+export default _default;

package/dist/markdownEditor/HtmlEditor.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import AceEditor from 'react-ace';
+import 'ace-builds/webpack-resolver';
+import 'ace-builds/src-noconflict/mode-html';
+import 'ace-builds/src-noconflict/mode-textile';
+import 'ace-builds/src-noconflict/theme-tomorrow';
+import 'ace-builds/src-noconflict/ext-language_tools';
+import 'ace-builds/src-noconflict/snippets/html';
+import 'ace-builds/src-noconflict/snippets/textile';
+const HtmlEditor = props => {
+    const { value, onChange, mode = 'html' } = props;
+    return (React.createElement(AceEditor, { mode: mode, theme: "tomorrow", fontSize: 14, height: "200px", showGutter: false, width: "100%", wrapEnabled: true, highlightActiveLine: true, enableLiveAutocompletion: mode === 'html', enableBasicAutocompletion: mode === 'html', setOptions: {
+            enableSnippets: true,
+            showLineNumbers: true,
+            tabSize: 2,
+        }, editorProps: { $blockScrolling: Infinity }, defaultValue: value, onChange: onChange }));
+};
+export default HtmlEditor;

package/dist/markdownEditor/WysiwygEditor.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props {
+    value?: string;
+    onChange?: (val: any) => void;
+    wysiwygRef?: any;
+}
+declare const WysiwygEditor: React.FC<Props>;
+export default WysiwygEditor;

package/dist/markdownEditor/WysiwygEditor.js

@@ -0,0 +1,100 @@
+/*
+ * Copyright ish group pty ltd 2022.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
+ */
+import React from 'react';
+import ClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classiceditor';
+import EssentialsPlugin from '@ckeditor/ckeditor5-essentials/src/essentials';
+import AutoformatPlugin from '@ckeditor/ckeditor5-autoformat/src/autoformat';
+import SourceEditing from '@ckeditor/ckeditor5-source-editing/src/sourceediting';
+import BoldPlugin from '@ckeditor/ckeditor5-basic-styles/src/bold';
+import ItalicPlugin from '@ckeditor/ckeditor5-basic-styles/src/italic';
+import HeadingPlugin from '@ckeditor/ckeditor5-heading/src/heading';
+import LinkPlugin from '@ckeditor/ckeditor5-link/src/link';
+import ListPlugin from '@ckeditor/ckeditor5-list/src/list';
+import ParagraphPlugin from '@ckeditor/ckeditor5-paragraph/src/paragraph';
+import Markdown from '@ckeditor/ckeditor5-markdown-gfm/src/markdown';
+import Table from '@ckeditor/ckeditor5-table/src/table';
+import TableToolbar from '@ckeditor/ckeditor5-table/src/tabletoolbar';
+import Image from '@ckeditor/ckeditor5-image/src/image';
+import LinkImage from '@ckeditor/ckeditor5-link/src/linkimage';
+import ImageCaption from '@ckeditor/ckeditor5-image/src/imagecaption';
+import ImageStyle from '@ckeditor/ckeditor5-image/src/imagestyle';
+import { CKEditor } from '@ckeditor/ckeditor5-react/dist/ckeditor';
+import { createRoot } from 'react-dom/client';
+import CodeIcon from '@mui/icons-material/Code';
+const SourceEditingSwitch = () => (React.createElement("div", { className: "ck_source_edit_custom" },
+    React.createElement(CodeIcon, { className: "ck_code_icon_custom" })));
+const config = {
+    plugins: [
+        Markdown,
+        SourceEditing,
+        EssentialsPlugin,
+        AutoformatPlugin,
+        BoldPlugin,
+        ItalicPlugin,
+        HeadingPlugin,
+        LinkPlugin,
+        ListPlugin,
+        ParagraphPlugin,
+        Table,
+        TableToolbar,
+        Image,
+        LinkImage,
+        ImageStyle,
+        ImageCaption,
+    ],
+    toolbar: [
+        'heading',
+        'bold',
+        'italic',
+        'link',
+        'bulletedList',
+        'numberedList',
+        'insertTable',
+        'sourceEditing',
+    ],
+    table: {
+        defaultHeadings: { rows: 1 },
+        contentToolbar: ['tableColumn', 'tableRow']
+    },
+    heading: {
+        options: [
+            { model: 'paragraph', title: 'Paragraph', class: 'ck-heading_paragraph' },
+            {
+                model: 'heading1', view: 'h1', title: 'Heading 1', class: 'ck-heading_heading1',
+            },
+            {
+                model: 'heading2', view: 'h2', title: 'Heading 2', class: 'ck-heading_heading2',
+            },
+            {
+                model: 'heading3', view: 'h3', title: 'Heading 3', class: 'ck-heading_heading3',
+            },
+            {
+                model: 'heading4', view: 'h4', title: 'Heading 4', class: 'ck-heading_heading4',
+            },
+        ],
+    },
+};
+const WysiwygEditor = ({ value, onChange, wysiwygRef }) => {
+    const onReady = editor => {
+        wysiwygRef.current = editor;
+        const sourceEdit = document.querySelector('.ck-source-editing-button');
+        sourceEdit.dataset.ckeTooltipText = 'Edit source';
+        sourceEdit.dataset.ckeTooltipPosition = 's';
+        const root = createRoot(sourceEdit);
+        root.render(React.createElement(SourceEditingSwitch, null));
+        editor.plugins.get('SourceEditing').on('change:isSourceEditingMode', () => {
+            const sourceEdit = document.querySelector('.ck-source-editing-button');
+            if (sourceEdit) {
+                root.render(React.createElement(SourceEditingSwitch, null));
+            }
+        });
+    };
+    const onChangeHandler = (e, editor) => onChange(editor.getData());
+    return (React.createElement(CKEditor, { editor: ClassicEditor, config: config, data: value, onChange: onChangeHandler, onReady: onReady }));
+};
+export default WysiwygEditor;

package/dist/markdownEditor/index.d.ts

@@ -0,0 +1,5 @@
+export * from './utils/index';
+export * from './HtmlEditor';
+export * from './WysiwygEditor';
+export { default as HtmlEditor } from './HtmlEditor';
+export { default as WysiwygEditor } from './WysiwygEditor';

package/dist/markdownEditor/index.js

@@ -0,0 +1,12 @@
+/*
+ * Copyright ish group pty ltd 2023.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
+ */
+export * from './utils/index';
+export * from './HtmlEditor';
+export * from './WysiwygEditor';
+export { default as HtmlEditor } from './HtmlEditor';
+export { default as WysiwygEditor } from './WysiwygEditor';

package/dist/markdownEditor/utils/index.d.ts

@@ -0,0 +1,9 @@
+export type ContentMode = 'textile' | 'html' | 'md';
+export declare const CONTENT_MODES: {
+    id: ContentMode;
+    title: string;
+}[];
+export declare const getContentMarker: (text: any) => any;
+export declare const removeContentMarker: (text: any) => any;
+export declare const addContentMarker: (text: any, contentMode: any) => string;
+export declare const getEditorModeLabel: (mode: ContentMode) => "RICH" | "HTML" | "LEGACY";

package/dist/markdownEditor/utils/index.js

@@ -0,0 +1,38 @@
+/*
+ * Copyright ish group pty ltd 2020.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the
+ * GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
+ * without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
+ * See the GNU Affero General Public License for more details.
+ */
+export const CONTENT_MODES = [
+    { id: 'md', title: 'rich text' },
+    { id: 'textile', title: 'legacy' },
+    { id: 'html', title: 'advanced (html)' }
+];
+export const getContentMarker = text => {
+    if (!text)
+        return CONTENT_MODES[0].id;
+    const match = text.match(/\s*{render:"(.*)"}/, '');
+    return match && match[1] ? match[1] : CONTENT_MODES[1].id;
+};
+export const removeContentMarker = text => {
+    if (!text)
+        return text;
+    return text.replace(/\s*{render:.*/g, '');
+};
+export const addContentMarker = (text, contentMode) => (`${text}
+  {render:"${contentMode}"}`);
+export const getEditorModeLabel = (mode) => {
+    switch (mode) {
+        case 'md':
+            return 'RICH';
+        case 'html':
+            return 'HTML';
+        case 'textile':
+            return 'LEGACY';
+    }
+};

package/dist/model/AppBar.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { AnyArgFunction } from '../model/CommonFunctions';
+export interface AppBarAction {
+    action: AnyArgFunction;
+    icon: ReactNode;
+    tooltip: string;
+    confirmText?: string;
+    confirmButtonText?: string;
+    disabled?: boolean;
+    tooltipError?: boolean;
+}

package/dist/model/AppBar.js

@@ -0,0 +1,8 @@
+/*
+ * Copyright ish group pty ltd 2023.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
+ */
+export {};

package/dist/model/CommomObjects.d.ts

@@ -0,0 +1,5 @@
+export type StringKeyObject<V = any> = {
+    [key: string]: V;
+};
+export type StringKeyAndValueObject = StringKeyObject<string>;
+export type StringValueType<T extends ReadonlyArray<unknown>> = T extends ReadonlyArray<infer ElementType> ? ElementType : never;

package/dist/model/CommomObjects.js

@@ -0,0 +1 @@
+export {};

package/dist/model/CommonFunctions.d.ts

@@ -0,0 +1,8 @@
+export type StringArgFunction = (arg: string) => void;
+export type BooleanArgFunction = (arg: boolean) => void;
+export type NumberArgFunction = (arg: number) => void;
+export type HTMLTagArgFunction = (arg: HTMLElement) => void;
+export type DateArgFunction = (arg: Date) => void;
+export type AnyArgFunction<R = void, A = any> = (...args: A[]) => R;
+export type NoArgFunction = () => void;
+export type PromiseReturnFunction = (...args: any[]) => Promise<any>;

package/dist/model/CommonFunctions.js

@@ -0,0 +1,5 @@
+/*
+ * Copyright ish group pty ltd. All rights reserved. https://www.ish.com.au
+ * No copying or use of this code is allowed without permission in writing from ish.
+ */
+export {};

package/dist/model/Confirm.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { AnyArgFunction } from '../model/CommonFunctions';
+export interface ConfirmProps {
+    onCancel?: AnyArgFunction;
+    onConfirm?: AnyArgFunction;
+    title?: string;
+    confirmMessage?: ReactNode;
+    cancelButtonText?: string;
+    confirmButtonText?: string;
+    onCancelCustom?: AnyArgFunction;
+    confirmCustomComponent?: ReactNode;
+}
+export interface ConfirmState extends ConfirmProps {
+    open: boolean;
+}
+export type ShowConfirmCaller = (props: ConfirmProps) => any;

package/dist/model/Confirm.js

@@ -0,0 +1,8 @@
+/*
+ * Copyright ish group pty ltd 2023.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
+ */
+export {};