@tradingaction/utils 2.0.13

package/LICENSE

@@ -0,0 +1,24 @@
+The MIT License (MIT)
+https://github.com/reactivemarkets/react-financial-charts
+
+Copyright (c) 2015-2018 Ragu Ramaswamy
+Copyright (c) 2016 Julien Renaux
+Copyright (c) 2019 Reactive Markets
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,5 @@
+# Utils
+
+```bash
+npm i @tradingaction/utils
+```

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./withDeviceRatio";
+export * from "./withSize";

package/lib/index.js

@@ -0,0 +1,3 @@
+export * from "./withDeviceRatio";
+export * from "./withSize";
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC"}

package/lib/withDeviceRatio.d.ts

@@ -0,0 +1,62 @@
+import * as React from "react";
+export interface WithRatioProps {
+    readonly ratio: number;
+}
+export interface WithRatioState {
+    ratio: number;
+}
+export declare const withDeviceRatio: () => <TProps extends WithRatioProps>(OriginalComponent: React.ComponentClass<TProps, any>) => {
+    new (props: Omit<TProps, "ratio"> | Readonly<Omit<TProps, "ratio">>): {
+        readonly ref: React.RefObject<HTMLCanvasElement>;
+        componentDidMount(): void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends "ratio">(state: WithRatioState | ((prevState: Readonly<WithRatioState>, props: Readonly<Omit<TProps, "ratio">>) => WithRatioState | Pick<WithRatioState, K> | null) | Pick<WithRatioState, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<TProps, "ratio">> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<WithRatioState>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<Omit<TProps, "ratio">>, nextState: Readonly<WithRatioState>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<TProps, "ratio">>, prevState: Readonly<WithRatioState>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<TProps, "ratio">>, prevState: Readonly<WithRatioState>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<TProps, "ratio">>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<TProps, "ratio">>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<TProps, "ratio">>, nextState: Readonly<WithRatioState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<TProps, "ratio">>, nextState: Readonly<WithRatioState>, nextContext: any): void;
+    };
+    new (props: Omit<TProps, "ratio">, context: any): {
+        readonly ref: React.RefObject<HTMLCanvasElement>;
+        componentDidMount(): void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends "ratio">(state: WithRatioState | ((prevState: Readonly<WithRatioState>, props: Readonly<Omit<TProps, "ratio">>) => WithRatioState | Pick<WithRatioState, K> | null) | Pick<WithRatioState, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<TProps, "ratio">> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<WithRatioState>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<Omit<TProps, "ratio">>, nextState: Readonly<WithRatioState>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<TProps, "ratio">>, prevState: Readonly<WithRatioState>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<TProps, "ratio">>, prevState: Readonly<WithRatioState>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<TProps, "ratio">>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<TProps, "ratio">>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<TProps, "ratio">>, nextState: Readonly<WithRatioState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<TProps, "ratio">>, nextState: Readonly<WithRatioState>, nextContext: any): void;
+    };
+    contextType?: React.Context<any> | undefined;
+};

package/lib/withDeviceRatio.js

@@ -0,0 +1,35 @@
+import * as React from "react";
+export const withDeviceRatio = () => {
+    return (OriginalComponent) => {
+        return class WithRatio extends React.Component {
+            constructor() {
+                super(...arguments);
+                this.ref = React.createRef();
+            }
+            componentDidMount() {
+                var _a, _b, _c, _d, _e;
+                const { current } = this.ref;
+                if (current === null) {
+                    this.setState({
+                        ratio: 1,
+                    });
+                    return;
+                }
+                const context = current.getContext("2d");
+                const { devicePixelRatio } = window;
+                const backingStoreRatio = (_e = (_d = (_c = (_b = (_a = context.webkitBackingStorePixelRatio) !== null && _a !== void 0 ? _a : context.mozBackingStorePixelRatio) !== null && _b !== void 0 ? _b : context.msBackingStorePixelRatio) !== null && _c !== void 0 ? _c : context.oBackingStorePixelRatio) !== null && _d !== void 0 ? _d : context.backingStorePixelRatio) !== null && _e !== void 0 ? _e : 1;
+                this.setState({
+                    ratio: devicePixelRatio / backingStoreRatio,
+                });
+            }
+            render() {
+                const state = this.state;
+                if (state !== null) {
+                    return React.createElement(OriginalComponent, Object.assign({}, this.props, { ratio: state.ratio }));
+                }
+                return React.createElement("canvas", { ref: this.ref });
+            }
+        };
+    };
+};
+//# sourceMappingURL=withDeviceRatio.js.map

package/lib/withDeviceRatio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withDeviceRatio.js","sourceRoot":"","sources":["../src/withDeviceRatio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAChC,OAAO,CAAgC,iBAA+C,EAAE,EAAE;QACtF,OAAO,MAAM,SAAU,SAAQ,KAAK,CAAC,SAAgD;YAA9E;;gBACa,QAAG,GAAG,KAAK,CAAC,SAAS,EAAqB,CAAC;YAqC/D,CAAC;YAnCU,iBAAiB;;gBACpB,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC;gBAC7B,IAAI,OAAO,KAAK,IAAI,EAAE;oBAClB,IAAI,CAAC,QAAQ,CAAC;wBACV,KAAK,EAAE,CAAC;qBACX,CAAC,CAAC;oBAEH,OAAO;iBACV;gBAED,MAAM,OAAO,GAAQ,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;gBAE9C,MAAM,EAAE,gBAAgB,EAAE,GAAG,MAAM,CAAC;gBAEpC,MAAM,iBAAiB,GACnB,MAAA,MAAA,MAAA,MAAA,MAAA,OAAO,CAAC,4BAA4B,mCACpC,OAAO,CAAC,yBAAyB,mCACjC,OAAO,CAAC,wBAAwB,mCAChC,OAAO,CAAC,uBAAuB,mCAC/B,OAAO,CAAC,sBAAsB,mCAC9B,CAAC,CAAC;gBAEN,IAAI,CAAC,QAAQ,CAAC;oBACV,KAAK,EAAE,gBAAgB,GAAG,iBAAiB;iBAC9C,CAAC,CAAC;YACP,CAAC;YAEM,MAAM;gBACT,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;gBACzB,IAAI,KAAK,KAAK,IAAI,EAAE;oBAChB,OAAO,oBAAC,iBAAiB,oBAAM,IAAI,CAAC,KAAgB,IAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;iBAChF;gBAED,OAAO,gCAAQ,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,CAAC;YACrC,CAAC;SACJ,CAAC;IACN,CAAC,CAAC;AACN,CAAC,CAAC"}

package/lib/withSize.d.ts

@@ -0,0 +1,59 @@
+import * as React from "react";
+import { Props as AutoSizerProps } from "react-virtualized-auto-sizer";
+export interface WithSizeProps {
+    readonly width: number;
+    readonly height: number;
+}
+export declare const withSize: (props?: Omit<AutoSizerProps, "children">) => <TProps extends WithSizeProps>(OriginalComponent: React.ComponentClass<TProps, any>) => {
+    new (props: Omit<TProps, "height" | "width"> | Readonly<Omit<TProps, "height" | "width">>): {
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<TProps, "height" | "width">>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<TProps, "height" | "width">> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<TProps, "height" | "width">>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<TProps, "height" | "width">>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<TProps, "height" | "width">>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<TProps, "height" | "width">>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<TProps, "height" | "width">>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<TProps, "height" | "width">>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<TProps, "height" | "width">>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: Omit<TProps, "height" | "width">, context: any): {
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<TProps, "height" | "width">>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<TProps, "height" | "width">> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<TProps, "height" | "width">>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<TProps, "height" | "width">>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<TProps, "height" | "width">>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<TProps, "height" | "width">>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<TProps, "height" | "width">>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<TProps, "height" | "width">>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<TProps, "height" | "width">>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    contextType?: React.Context<any> | undefined;
+};

package/lib/withSize.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+import AutoSizer from "react-virtualized-auto-sizer";
+export const withSize = (props) => {
+    return (OriginalComponent) => {
+        return class WithSize extends React.Component {
+            render() {
+                return (React.createElement(AutoSizer, Object.assign({}, props), ({ height, width }) => {
+                    return React.createElement(OriginalComponent, Object.assign({}, this.props, { height: height, width: width }));
+                }));
+            }
+        };
+    };
+};
+//# sourceMappingURL=withSize.js.map

package/lib/withSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withSize.js","sourceRoot":"","sources":["../src/withSize.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,SAAsC,MAAM,8BAA8B,CAAC;AAOlF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAwC,EAAE,EAAE;IACjE,OAAO,CAA+B,iBAA+C,EAAE,EAAE;QACrF,OAAO,MAAM,QAAS,SAAQ,KAAK,CAAC,SAA2C;YACpE,MAAM;gBACT,OAAO,CACH,oBAAC,SAAS,oBAAK,KAAK,GACf,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;oBACnB,OAAO,oBAAC,iBAAiB,oBAAM,IAAI,CAAC,KAAgB,IAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC;gBAC3F,CAAC,CACO,CACf,CAAC;YACN,CAAC;SACJ,CAAC;IACN,CAAC,CAAC;AACN,CAAC,CAAC"}

package/package.json

@@ -0,0 +1,48 @@
+{
+    "name": "@tradingaction/utils",
+    "version": "2.0.13",
+    "description": "Utils for react-financial-charts",
+    "publishConfig": {
+        "access": "public"
+    },
+    "main": "./lib/index.js",
+    "typings": "./lib/index.d.ts",
+    "files": [
+        "lib",
+        "src"
+    ],
+    "sideEffects": false,
+    "author": "Reactive Markets",
+    "keywords": [
+        "charts",
+        "charting",
+        "stockcharts",
+        "finance",
+        "financial",
+        "finance-chart",
+        "react",
+        "d3"
+    ],
+    "license": "MIT",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/reactivemarkets/react-financial-charts.git"
+    },
+    "bugs": {
+        "url": "https://github.com/reactivemarkets/react-financial-charts/issues"
+    },
+    "scripts": {
+        "build": "npm run clean && npm run compile",
+        "clean": "rimraf lib",
+        "compile": "tsc -p tsconfig.json",
+        "watch": "tsc -p tsconfig.json --watch --preserveWatchOutput"
+    },
+    "dependencies": {
+        "react-virtualized-auto-sizer": "^1.0.16"
+    },
+    "peerDependencies": {
+        "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
+    },
+    "gitHead": "9c9bc635a2291c8da0e1dd5befa4000e96d83119"
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+export * from "./withDeviceRatio";
+export * from "./withSize";

package/src/withDeviceRatio.tsx

@@ -0,0 +1,53 @@
+import * as React from "react";
+
+export interface WithRatioProps {
+    readonly ratio: number;
+}
+
+export interface WithRatioState {
+    ratio: number;
+}
+
+export const withDeviceRatio = () => {
+    return <TProps extends WithRatioProps>(OriginalComponent: React.ComponentClass<TProps>) => {
+        return class WithRatio extends React.Component<Omit<TProps, "ratio">, WithRatioState> {
+            public readonly ref = React.createRef<HTMLCanvasElement>();
+
+            public componentDidMount() {
+                const { current } = this.ref;
+                if (current === null) {
+                    this.setState({
+                        ratio: 1,
+                    });
+
+                    return;
+                }
+
+                const context: any = current.getContext("2d");
+
+                const { devicePixelRatio } = window;
+
+                const backingStoreRatio =
+                    context.webkitBackingStorePixelRatio ??
+                    context.mozBackingStorePixelRatio ??
+                    context.msBackingStorePixelRatio ??
+                    context.oBackingStorePixelRatio ??
+                    context.backingStorePixelRatio ??
+                    1;
+
+                this.setState({
+                    ratio: devicePixelRatio / backingStoreRatio,
+                });
+            }
+
+            public render() {
+                const state = this.state;
+                if (state !== null) {
+                    return <OriginalComponent {...(this.props as TProps)} ratio={state.ratio} />;
+                }
+
+                return <canvas ref={this.ref} />;
+            }
+        };
+    };
+};

package/src/withSize.tsx

@@ -0,0 +1,23 @@
+import * as React from "react";
+import AutoSizer, { Props as AutoSizerProps } from "react-virtualized-auto-sizer";
+
+export interface WithSizeProps {
+    readonly width: number;
+    readonly height: number;
+}
+
+export const withSize = (props?: Omit<AutoSizerProps, "children">) => {
+    return <TProps extends WithSizeProps>(OriginalComponent: React.ComponentClass<TProps>) => {
+        return class WithSize extends React.Component<Omit<TProps, "width" | "height">> {
+            public render() {
+                return (
+                    <AutoSizer {...props}>
+                        {({ height, width }) => {
+                            return <OriginalComponent {...(this.props as TProps)} height={height} width={width} />;
+                        }}
+                    </AutoSizer>
+                );
+            }
+        };
+    };
+};