@j2inn/fin5-ui-utils 0.0.1-alpha.6 → 0.0.4

package/package.json

@@ -1,42 +1,45 @@
 {
 	"name": "@j2inn/fin5-ui-utils",
-	"version": "0.0.1-alpha.6",
+	"version": "0.0.4",
 	"description": "A set of useful client-side utilities useful for creating UI applications on top of FIN 5",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
+	"module": "dist_es/index.js",
 	"scripts": {
 		"clean": "rimraf ./dist",
 		"doc": "typedoc ./src --excludePrivate",
-		"prebuild": "npm run clean",
-		"build": "tsc --project ./scripts && tsc",
+		"prebuild": "npm run clean npm run lint && npm run test",
+		"build": "tsc && npm run-script build:es",
+		"build:es": "tsc --module ESNext --outDir dist_es",
 		"checktypes": "tsc --noEmit",
 		"format": "prettier-eslint --list-different --write \"$(pwd)/src/**/*.{ts,tsx,js,jsx}\"",
 		"lint": "eslint --fix --ext ts,tsx,js,jsx src/",
 		"lint-staged": "lint-staged",
 		"test": "cross-env NODE_ENV=test && npm run test:jest",
 		"test:jest": "jest --passWithNoTests",
-		"prepack": "npm run lint && npm run build",
-		"watch": "tsc --watch"
+		"prepack": "npm run lint && npm run test && npm run build"
 	},
 	"author": "",
 	"license": "ISC",
 	"files": [
-		"dist/**/*"
+		"dist/**/*",
+		"dist_es/**/*"
 	],
 	"dependencies": {
 		"@hot-loader/react-dom": "^17.0.2",
 		"@j2inn/react-config": "^4.0.10",
 		"@j2inn/ui": "^5.0.0-beta.6",
 		"@j2inn/utils": "^5.0.6",
+		"classnames": "^2.3.1",
 		"haystack-core": "^2.0.29",
 		"haystack-nclient": "^3.0.12",
 		"haystack-react": "^3.0.3",
 		"haystack-units": "^1.0.12"
 	},
 	"peerDependencies": {
-		"react-jss": "^10.9.0",
 		"react": "^17.0.2",
-		"react-dom": "^17.0.2"
+		"react-dom": "^17.0.2",
+		"react-jss": "^10.9.0"
 	},
 	"devDependencies": {
 		"@babel/cli": "^7.14.3",

package/dist/fantomProps/index.d.ts

@@ -1,3 +0,0 @@
-export * from './fantomPropsToObject';
-export * from './generateJsonFromFantomPropsFile';
-export * from './readFantomPropsFile';

package/dist/fantomProps/index.js

@@ -1,4 +0,0 @@
-export * from './fantomPropsToObject';
-export * from './generateJsonFromFantomPropsFile';
-export * from './readFantomPropsFile';
-//# sourceMappingURL=index.js.map

package/dist/fantomProps/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/fantomProps/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,mCAAmC,CAAA;AACjD,cAAc,uBAAuB,CAAA"}

package/dist/fin5Top/index.d.ts

@@ -1,4 +0,0 @@
-export * from './fin5Top';
-export * from './getFin5BinUrl';
-export * from './openFin5Alarm';
-export * from './openFin5Historian';

package/dist/fin5Top/index.js

@@ -1,5 +0,0 @@
-export * from './fin5Top';
-export * from './getFin5BinUrl';
-export * from './openFin5Alarm';
-export * from './openFin5Historian';
-//# sourceMappingURL=index.js.map

package/dist/fin5Top/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/fin5Top/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA"}

package/dist/react/components/LoadingSpinner/index.jsx

@@ -1,7 +0,0 @@
-import { Container, Spin } from '@j2inn/ui';
-import React from 'react';
-const LoadingSpinner = () => (<Container center style={{ height: '100%', width: '100%' }}>
-		<Spin size='large'></Spin>
-	</Container>);
-export default LoadingSpinner;
-//# sourceMappingURL=index.jsx.map

package/dist/react/components/LoadingSpinner/index.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../src/react/components/LoadingSpinner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,cAAc,GAAa,GAAG,EAAE,CAAC,CACtC,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAC1D;EAAA,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI,CAC1B;CAAA,EAAE,SAAS,CAAC,CACZ,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/react/components/index.d.ts

@@ -1,5 +0,0 @@
-export * from './ErrorDisplayer';
-export * from './LoadingSpinner';
-export * from './navigation/BasicLayout';
-export * from './navigation/MenuPage';
-export * from './navigation/Router';

package/dist/react/components/index.js

@@ -1,6 +0,0 @@
-export * from './ErrorDisplayer';
-export * from './LoadingSpinner';
-export * from './navigation/BasicLayout';
-export * from './navigation/MenuPage';
-export * from './navigation/Router';
-//# sourceMappingURL=index.js.map

package/dist/react/components/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA"}

package/dist/react/components/navigation/BasicLayout/index.d.ts

@@ -1,11 +0,0 @@
-import { MenuProps } from 'antd';
-import React from 'react';
-import { MenuPage } from '../MenuPage';
-export interface BasicLayoutProps {
-    pages?: MenuPage[];
-    defaultPage?: string;
-    onPageChange?: (page: string) => void;
-    uncollapsedMenuWidth?: number;
-    menuProps: Omit<MenuProps, 'items' | 'selectedKeys' | 'onSelect'>;
-}
-export declare const BasicLayout: React.FC<BasicLayoutProps>;

package/dist/react/components/navigation/BasicLayout/index.jsx

@@ -1,104 +0,0 @@
-import { MenuUnfoldOutlined } from '@ant-design/icons';
-import { Button, Layout, Menu } from '@j2inn/ui';
-import React, { useEffect, useState } from 'react';
-import { createUseStyles } from 'react-jss';
-import { ErrorDisplayer } from '../../ErrorDisplayer';
-import { getPage } from '../MenuPage';
-import { Router } from '../Router';
-const useStyles = createUseStyles((theme) => {
-    console.log('theme ->', theme);
-    return {
-        header: {
-            position: 'fixed',
-            width: '100%',
-            zIndex: 1000,
-            color: theme.textColorInverse,
-            background: theme.primary,
-        },
-        sider: {
-            overflow: 'auto',
-            height: '100vh',
-            position: 'fixed',
-            left: 0,
-            top: 0,
-            bottom: 0,
-            zIndex: 999,
-            color: 'red',
-            backgroundColor: theme.primary,
-        },
-        menuTrigger: {
-            width: 45,
-            height: '100%',
-            textAlign: 'center',
-            fontSize: 18,
-            cursor: 'pointer',
-            transition: 'color 0.3s ease-in-out',
-            backgroundColor: 'transparent',
-            color: 'white',
-        },
-        // '&:hover': {
-        // 	menuTrigger: {
-        // 		color: theme.primary,
-        // 		backgroundColor: theme.backgroundColorBase,
-        // 	},
-        // },
-    };
-});
-// Workaround j2inn/ui exporting problem
-const Header = Layout.Header;
-const Sider = Layout.Sider;
-const Content = Layout.Content;
-const DEFAULT_UNCOLLAPSED_MENU_WIDTH = 45;
-const COLLAPSED_MENU_WIDTH = 0;
-export const BasicLayout = ({ pages = [], defaultPage = pages?.[0].key ?? '', onPageChange, uncollapsedMenuWidth = DEFAULT_UNCOLLAPSED_MENU_WIDTH, menuProps, }) => {
-    const classes = useStyles();
-    const [currentPage, setCurrentPage] = useState(defaultPage);
-    // Fire onChange
-    useEffect(() => {
-        onPageChange?.(currentPage);
-    }, [currentPage]);
-    // manage mobile navigation
-    const [isMobile, setIsMobile] = useState(false);
-    const [hiddenSider, setHiddenSider] = useState(false);
-    // const [collapsedSider, setCollapsedSider] = useState(false)
-    // const actualCollapsedMenuWidth =
-    // 	hiddenSider && isMobile ? 0 : COLLAPSED_MENU_WIDTH
-    return (<Layout hasSider>
-			{isMobile && (<Header className={classes.header}>
-					<MenuUnfoldOutlined className={classes.menuTrigger} onClick={() => {
-                setHiddenSider(!hiddenSider);
-            }}/>
-				</Header>)}
-			<Sider breakpoint='md' onBreakpoint={(broken) => {
-            setIsMobile(broken);
-            setHiddenSider(true);
-        }} collapsed={isMobile && hiddenSider} collapsedWidth={COLLAPSED_MENU_WIDTH} trigger={null} className={classes.sider} style={{
-            paddingTop: isMobile
-                ? uncollapsedMenuWidth
-                : COLLAPSED_MENU_WIDTH,
-        }}>
-				<Menu mode='inline' {...menuProps} items={pages} selectedKeys={[currentPage]} onSelect={({ key }) => {
-            if (!hiddenSider) {
-                setHiddenSider(true);
-            }
-            const page = getPage(pages, key);
-            if (page?.component) {
-                setCurrentPage(key);
-            }
-        }}/>
-			</Sider>
-			<Content style={{
-            // paddingLeft: actualMenuWidth,
-            paddingTop: isMobile
-                ? uncollapsedMenuWidth
-                : COLLAPSED_MENU_WIDTH,
-        }}>
-				<Router pages={pages} currentPage={currentPage ?? defaultPage} fallbackComponent={<ErrorDisplayer error={new Error('Page Not Found')} extra={[
-                <Button type='primary' key='refresh' onClick={() => setCurrentPage(defaultPage)}>
-									Go Home
-								</Button>,
-            ]}/>}/>
-			</Content>
-		</Layout>);
-};
-//# sourceMappingURL=index.jsx.map

package/dist/react/components/navigation/BasicLayout/index.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/react/components/navigation/BasicLayout/index.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/navigation/MenuPage/index.jsx.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/react/components/navigation/MenuPage/index.tsx"],"names":[],"mappings":"AAmBA;;;;GAIG;AACH,MAAM,UAAU,OAAO,CACtB,KAAU,EACV,IAAa;IAEb,OAAO,kBAAkB,CAAC,KAAK,CAAC,CAAC,IAAI,CACpC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAC7C,CAAA;AACF,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAqB,KAAU;IAChE,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,cAAc,CAAC,IAAS,CAAC,CAAC,CAAA;AAC1D,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAqB,IAAO;IACzD,IAAI,IAAI,CAAC,QAAQ,EAAE;QAClB,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,CACnB,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,cAAc,CAAC,OAAY,CAAC,CAAC,CAC/D,CAAA;KACD;SAAM;QACN,OAAO,CAAC,IAAI,CAAC,CAAA;KACb;AACF,CAAC"}