d2coreui 21.0.33 → 23.0.0

package/components/text/impl/whilst.js

@@ -1,20 +1,20 @@
-const noop = () => { };
-export default function whilst(test, iterator, callback = noop) {
-    if (test()) {
-        iterator(function next(err, ...args) {
-            if (err) {
-                callback(err);
-            }
-            else if (test.apply(this, args)) {
-                iterator(next);
-            }
-            else {
-                callback(null);
-            }
-        });
-    }
-    else {
-        callback(null);
-    }
-}
+const noop = () => { };
+export default function whilst(test, iterator, callback = noop) {
+    if (test()) {
+        iterator(function next(err, ...args) {
+            if (err) {
+                callback(err);
+            }
+            else if (test.apply(this, args)) {
+                iterator(next);
+            }
+            else {
+                callback(null);
+            }
+        });
+    }
+    else {
+        callback(null);
+    }
+}
 //# sourceMappingURL=whilst.js.map

package/components/text/impl/whilst.js.map

@@ -1 +1 @@
-{"version":3,"file":"whilst.js","sourceRoot":"","sources":["../../../../../components/text/impl/whilst.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;AAUtB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,IAAiB,EAAE,QAAiB,EAAE,WAAmB,IAAI;IACxF,IAAI,IAAI,EAAE,EAAE;QACR,QAAQ,CAAC,SAAS,IAAI,CAAY,GAAU,EAAE,GAAG,IAAQ;YACrD,IAAI,GAAG,EAAE;gBACL,QAAQ,CAAC,GAAG,CAAC,CAAC;aACjB;iBAAM,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE;gBAC/B,QAAQ,CAAC,IAAI,CAAC,CAAC;aAClB;iBAAM;gBACH,QAAQ,CAAC,IAAI,CAAC,CAAC;aAClB;QACL,CAAC,CAAC,CAAC;KACN;SAAM;QACH,QAAQ,CAAC,IAAI,CAAC,CAAC;KAClB;AACL,CAAC","sourcesContent":["const noop = () => {};\n\n/**\n * Repeatedly call fn, while test returns true. Calls callback when stopped, or an error occurs.\n *\n * @param {Function} test Synchronous truth test to perform before each execution of fn.\n * @param {Function} fn A function which is called each time test passes. The function is passed a callback(err), which must be called once it has completed with an optional err argument.\n * @param {Function} callback A callback which is called after the test fails and repeated execution of fn has stopped.\n */\n\nexport default function whilst(test: ()=>boolean, iterator:Function, callback:Function= noop) {\n    if (test()) {\n        iterator(function next(this: any, err:string, ...args:any) {\n            if (err) {\n                callback(err);\n            } else if (test.apply(this, args)) {\n                iterator(next);\n            } else {\n                callback(null);\n            }\n        });\n    } else {\n        callback(null);\n    }\n}\n"]}
+{"version":3,"file":"whilst.js","sourceRoot":"","sources":["../../../../../components/text/impl/whilst.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;AAUtB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,IAAiB,EAAE,QAAiB,EAAE,WAAmB,IAAI;IACxF,IAAI,IAAI,EAAE,EAAE,CAAC;QACT,QAAQ,CAAC,SAAS,IAAI,CAAY,GAAU,EAAE,GAAG,IAAQ;YACrD,IAAI,GAAG,EAAE,CAAC;gBACN,QAAQ,CAAC,GAAG,CAAC,CAAC;YAClB,CAAC;iBAAM,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;gBAChC,QAAQ,CAAC,IAAI,CAAC,CAAC;YACnB,CAAC;iBAAM,CAAC;gBACJ,QAAQ,CAAC,IAAI,CAAC,CAAC;YACnB,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;SAAM,CAAC;QACJ,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC;AACL,CAAC","sourcesContent":["const noop = () => {};\n\n/**\n * Repeatedly call fn, while test returns true. Calls callback when stopped, or an error occurs.\n *\n * @param {Function} test Synchronous truth test to perform before each execution of fn.\n * @param {Function} fn A function which is called each time test passes. The function is passed a callback(err), which must be called once it has completed with an optional err argument.\n * @param {Function} callback A callback which is called after the test fails and repeated execution of fn has stopped.\n */\n\nexport default function whilst(test: ()=>boolean, iterator:Function, callback:Function= noop) {\n    if (test()) {\n        iterator(function next(this: any, err:string, ...args:any) {\n            if (err) {\n                callback(err);\n            } else if (test.apply(this, args)) {\n                iterator(next);\n            } else {\n                callback(null);\n            }\n        });\n    } else {\n        callback(null);\n    }\n}\n"]}

package/components/text/textFit.d.ts

@@ -1,38 +1,38 @@
-import React from 'react';
-declare function noop(): void;
-interface TextFitProperties extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
-    text?: string;
-    min: number;
-    max: number;
-    mode: 'single' | 'multi';
-    forceSingleModeWidth: boolean;
-    throttle: number;
-    onReady: (mid: number) => void;
-    autoResize?: boolean;
-}
-interface TextFitState {
-    fontSize: number | null;
-    ready: boolean;
-}
-export default class TextFit extends React.Component<TextFitProperties, TextFitState> {
-    pid?: number;
-    static defaultProps: {
-        min: number;
-        max: number;
-        mode: string;
-        forceSingleModeWidth: boolean;
-        throttle: number;
-        autoResize: boolean;
-        onReady: typeof noop;
-    };
-    private _parent;
-    private _child;
-    constructor(props: Readonly<TextFitProperties>);
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Readonly<TextFitProperties>): void;
-    componentWillUnmount(): void;
-    handleWindowResize: () => void;
-    process(): void;
-    render(): JSX.Element;
-}
-export {};
+import React from 'react';
+declare function noop(): void;
+interface TextFitProperties extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    text?: string;
+    min: number;
+    max: number;
+    mode: 'single' | 'multi';
+    forceSingleModeWidth: boolean;
+    throttle: number;
+    onReady: (mid: number) => void;
+    autoResize?: boolean;
+}
+interface TextFitState {
+    fontSize: number | null;
+    ready: boolean;
+}
+export default class TextFit extends React.Component<TextFitProperties, TextFitState> {
+    pid?: number;
+    static defaultProps: {
+        min: number;
+        max: number;
+        mode: string;
+        forceSingleModeWidth: boolean;
+        throttle: number;
+        autoResize: boolean;
+        onReady: typeof noop;
+    };
+    private _parent;
+    private _child;
+    constructor(props: Readonly<TextFitProperties>);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<TextFitProperties>): void;
+    componentWillUnmount(): void;
+    handleWindowResize: () => void;
+    process(): void;
+    render(): React.JSX.Element;
+}
+export {};

package/components/text/textFit.js

@@ -1,169 +1,166 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import shallowEqual from 'd2coreui/components/text/impl/shallowEqual';
-import series from 'd2coreui/components/text/impl/series';
-import whilst from 'd2coreui/components/text/impl/whilst';
-import debounce from 'lodash/debounce';
-import uniqueId from 'd2coreui/components/text/impl/uniqueId';
-import { innerHeight, innerWidth } from 'd2coreui/components/text/impl/innerSize';
-function assertElementFitsWidth(el, width) {
-    return el && el.scrollWidth - 1 <= width;
-}
-function assertElementFitsHeight(el, height) {
-    return el && el.scrollHeight - 1 <= height;
-}
-function noop() {
-}
-export default class TextFit extends React.Component {
-    constructor(props) {
-        super(props);
-        this._parent = null;
-        this._child = null;
-        this.handleWindowResize = () => {
-            this.process();
-        };
-        this.state = {
-            fontSize: null,
-            ready: false
-        };
-        this.handleWindowResize = debounce(this.handleWindowResize, this.props.throttle);
-    }
-    componentDidMount() {
-        const { autoResize } = this.props;
-        if (autoResize) {
-            window.addEventListener('resize', this.handleWindowResize);
-        }
-        this.process();
-    }
-    componentDidUpdate(prevProps) {
-        const { ready } = this.state;
-        if (!ready)
-            return;
-        if (shallowEqual(this.props, prevProps))
-            return;
-        this.process();
-    }
-    componentWillUnmount() {
-        const { autoResize } = this.props;
-        if (autoResize) {
-            window.removeEventListener('resize', this.handleWindowResize);
-        }
-        this.pid = uniqueId();
-    }
-    process() {
-        const { min, max, mode, forceSingleModeWidth, onReady } = this.props;
-        const el = this._parent;
-        const wrapper = this._child;
-        const originalWidth = el ? innerWidth(el) : 0;
-        const originalHeight = el ? innerHeight(el) : 0;
-        if (originalHeight <= 0 || isNaN(originalHeight)) {
-            console.warn('Can not process element without height. Make sure the element is displayed and has a static height.');
-            return;
-        }
-        if (originalWidth <= 0 || isNaN(originalWidth)) {
-            console.warn('Can not process element without width. Make sure the element is displayed and has a static width.');
-            return;
-        }
-        const pid = uniqueId();
-        this.pid = pid;
-        const shouldCancelProcess = () => pid !== this.pid;
-        const testPrimary = mode === 'multi'
-            ? () => assertElementFitsHeight(wrapper, originalHeight)
-            : () => assertElementFitsWidth(wrapper, originalWidth);
-        const testSecondary = mode === 'multi'
-            ? () => assertElementFitsWidth(wrapper, originalWidth)
-            : () => assertElementFitsHeight(wrapper, originalHeight);
-        let mid;
-        let low = min;
-        let high = max;
-        this.setState({ ready: false });
-        series([
-            (stepCallback) => whilst(() => low <= high, (whilstCallback) => {
-                if (shouldCancelProcess())
-                    return whilstCallback(true);
-                mid = parseInt("" + ((low + high) / 2), 10);
-                this.setState({ fontSize: mid }, () => {
-                    if (shouldCancelProcess())
-                        return whilstCallback(true);
-                    if (testPrimary())
-                        low = mid + 1;
-                    else
-                        high = mid - 1;
-                    return whilstCallback();
-                });
-            }, stepCallback),
-            (stepCallback) => {
-                if (mode === 'single' && forceSingleModeWidth)
-                    return stepCallback();
-                if (testSecondary())
-                    return stepCallback();
-                low = min;
-                high = mid;
-                return whilst(() => low < high, (whilstCallback) => {
-                    if (shouldCancelProcess()) {
-                        return whilstCallback(true);
-                    }
-                    mid = parseInt("" + ((low + high) / 2), 10);
-                    this.setState({ fontSize: mid }, () => {
-                        if (pid !== this.pid)
-                            return whilstCallback(true);
-                        if (testSecondary())
-                            low = mid + 1;
-                        else
-                            high = mid - 1;
-                        return whilstCallback();
-                    });
-                }, stepCallback);
-            },
-            (stepCallback) => {
-                mid = Math.min(low, high);
-                mid = Math.max(mid, min);
-                mid = Math.min(mid, max);
-                mid = Math.max(mid, 0);
-                if (shouldCancelProcess())
-                    return stepCallback(true);
-                this.setState({ fontSize: mid }, stepCallback);
-            }
-        ], (err) => {
-            if (err || shouldCancelProcess())
-                return;
-            this.setState({ ready: true }, () => onReady(mid));
-        });
-    }
-    render() {
-        const _a = this.props, { children, text, style, min, max, mode, forceSingleModeWidth, throttle, autoResize, onReady } = _a, props = __rest(_a, ["children", "text", "style", "min", "max", "mode", "forceSingleModeWidth", "throttle", "autoResize", "onReady"]);
-        const { fontSize, ready } = this.state;
-        const finalStyle = Object.assign(Object.assign({}, style), { fontSize: fontSize ? fontSize : undefined });
-        const wrapperStyle = {
-            display: ready ? 'block' : 'inline-block'
-        };
-        if (mode === 'single')
-            wrapperStyle.whiteSpace = 'nowrap';
-        return (React.createElement("div", Object.assign({ ref: c => this._parent = c, style: finalStyle }, props),
-            React.createElement("div", { ref: c => this._child = c, style: wrapperStyle }, text && typeof children === 'function'
-                ? ready
-                    ? children(text)
-                    : text
-                : children)));
-    }
-}
-TextFit.defaultProps = {
-    min: 1,
-    max: 100,
-    mode: 'multi',
-    forceSingleModeWidth: true,
-    throttle: 50,
-    autoResize: true,
-    onReady: noop
-};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import shallowEqual from 'd2coreui/components/text/impl/shallowEqual';
+import series from 'd2coreui/components/text/impl/series';
+import whilst from 'd2coreui/components/text/impl/whilst';
+import debounce from 'lodash/debounce';
+import uniqueId from 'd2coreui/components/text/impl/uniqueId';
+import { innerHeight, innerWidth } from 'd2coreui/components/text/impl/innerSize';
+function assertElementFitsWidth(el, width) {
+    return el && el.scrollWidth - 1 <= width;
+}
+function assertElementFitsHeight(el, height) {
+    return el && el.scrollHeight - 1 <= height;
+}
+function noop() {
+}
+class TextFit extends React.Component {
+    constructor(props) {
+        super(props);
+        this._parent = null;
+        this._child = null;
+        this.handleWindowResize = () => {
+            this.process();
+        };
+        this.state = {
+            fontSize: null,
+            ready: false
+        };
+        this.handleWindowResize = debounce(this.handleWindowResize, this.props.throttle);
+    }
+    componentDidMount() {
+        const { autoResize } = this.props;
+        if (autoResize) {
+            window.addEventListener('resize', this.handleWindowResize);
+        }
+        this.process();
+    }
+    componentDidUpdate(prevProps) {
+        const { ready } = this.state;
+        if (!ready)
+            return;
+        if (shallowEqual(this.props, prevProps))
+            return;
+        this.process();
+    }
+    componentWillUnmount() {
+        const { autoResize } = this.props;
+        if (autoResize) {
+            window.removeEventListener('resize', this.handleWindowResize);
+        }
+        this.pid = uniqueId();
+    }
+    process() {
+        const { min, max, mode, forceSingleModeWidth, onReady } = this.props;
+        const el = this._parent;
+        const wrapper = this._child;
+        const originalWidth = el ? innerWidth(el) : 0;
+        const originalHeight = el ? innerHeight(el) : 0;
+        if (originalHeight <= 0 || isNaN(originalHeight)) {
+            console.warn('Can not process element without height. Make sure the element is displayed and has a static height.');
+            return;
+        }
+        if (originalWidth <= 0 || isNaN(originalWidth)) {
+            console.warn('Can not process element without width. Make sure the element is displayed and has a static width.');
+            return;
+        }
+        const pid = uniqueId();
+        this.pid = pid;
+        const shouldCancelProcess = () => pid !== this.pid;
+        const testPrimary = mode === 'multi'
+            ? () => assertElementFitsHeight(wrapper, originalHeight)
+            : () => assertElementFitsWidth(wrapper, originalWidth);
+        const testSecondary = mode === 'multi'
+            ? () => assertElementFitsWidth(wrapper, originalWidth)
+            : () => assertElementFitsHeight(wrapper, originalHeight);
+        let mid;
+        let low = min;
+        let high = max;
+        this.setState({ ready: false });
+        series([
+            (stepCallback) => whilst(() => low <= high, (whilstCallback) => {
+                if (shouldCancelProcess())
+                    return whilstCallback(true);
+                mid = parseInt("" + ((low + high) / 2), 10);
+                this.setState({ fontSize: mid }, () => {
+                    if (shouldCancelProcess())
+                        return whilstCallback(true);
+                    if (testPrimary())
+                        low = mid + 1;
+                    else
+                        high = mid - 1;
+                    return whilstCallback();
+                });
+            }, stepCallback),
+            (stepCallback) => {
+                if (mode === 'single' && forceSingleModeWidth)
+                    return stepCallback();
+                if (testSecondary())
+                    return stepCallback();
+                low = min;
+                high = mid;
+                return whilst(() => low < high, (whilstCallback) => {
+                    if (shouldCancelProcess()) {
+                        return whilstCallback(true);
+                    }
+                    mid = parseInt("" + ((low + high) / 2), 10);
+                    this.setState({ fontSize: mid }, () => {
+                        if (pid !== this.pid)
+                            return whilstCallback(true);
+                        if (testSecondary())
+                            low = mid + 1;
+                        else
+                            high = mid - 1;
+                        return whilstCallback();
+                    });
+                }, stepCallback);
+            },
+            (stepCallback) => {
+                mid = Math.min(low, high);
+                mid = Math.max(mid, min);
+                mid = Math.min(mid, max);
+                mid = Math.max(mid, 0);
+                if (shouldCancelProcess())
+                    return stepCallback(true);
+                this.setState({ fontSize: mid }, stepCallback);
+            }
+        ], (err) => {
+            if (err || shouldCancelProcess())
+                return;
+            this.setState({ ready: true }, () => onReady(mid));
+        });
+    }
+    render() {
+        const _a = this.props, { children, text, style, min, max, mode, forceSingleModeWidth, throttle, autoResize, onReady } = _a, props = __rest(_a, ["children", "text", "style", "min", "max", "mode", "forceSingleModeWidth", "throttle", "autoResize", "onReady"]);
+        const { fontSize, ready } = this.state;
+        const finalStyle = Object.assign(Object.assign({}, style), { fontSize: fontSize ? fontSize : undefined });
+        const wrapperStyle = {
+            display: ready ? 'block' : 'inline-block'
+        };
+        if (mode === 'single')
+            wrapperStyle.whiteSpace = 'nowrap';
+        return (React.createElement("div", Object.assign({ ref: c => this._parent = c, style: finalStyle }, props),
+            React.createElement("div", { ref: c => this._child = c, style: wrapperStyle }, text ? text : children)));
+    }
+}
+TextFit.defaultProps = {
+    min: 1,
+    max: 100,
+    mode: 'multi',
+    forceSingleModeWidth: true,
+    throttle: 50,
+    autoResize: true,
+    onReady: noop
+};
+export default TextFit;
 //# sourceMappingURL=textFit.js.map

package/components/text/textFit.js.map

@@ -1 +1 @@
-{"version":3,"file":"textFit.js","sourceRoot":"","sources":["../../../../components/text/textFit.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {CSSProperties} from 'react';\nimport shallowEqual from 'd2coreui/components/text/impl/shallowEqual';\nimport series from 'd2coreui/components/text/impl/series';\nimport whilst from 'd2coreui/components/text/impl/whilst';\nimport debounce from 'lodash/debounce';\nimport uniqueId from 'd2coreui/components/text/impl/uniqueId';\nimport {innerHeight, innerWidth} from 'd2coreui/components/text/impl/innerSize';\n\nfunction assertElementFitsWidth(el: HTMLElement | null, width: number) {\n    // -1: temporary bugfix, will be refactored soon\n    return el && el.scrollWidth - 1 <= width;\n}\n\nfunction assertElementFitsHeight(el: HTMLElement | null, height: number) {\n    // -1: temporary bugfix, will be refactored soon\n    return el && el.scrollHeight - 1 <= height;\n}\n\nfunction noop() {\n}\n\ninterface TextFitProperties extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {\n    text?: string\n    min: number\n    max: number\n    mode: 'single' | 'multi'\n    forceSingleModeWidth: boolean,\n    throttle: number,\n    onReady: (mid:number) => void\n    autoResize?: boolean\n}\n\ninterface TextFitState {\n    fontSize: number | null\n    ready: boolean\n}\n\nexport default class TextFit extends React.Component<TextFitProperties, TextFitState> {\n    pid?: number\n\n    static defaultProps = {\n        min: 1,\n        max: 100,\n        mode: 'multi',\n        forceSingleModeWidth: true,\n        throttle: 50,\n        autoResize: true,\n        onReady: noop\n    }\n    private _parent: HTMLDivElement | null = null;\n    private _child: HTMLDivElement | null = null;\n\n    constructor(props: Readonly<TextFitProperties>) {\n        super(props);\n        this.state = {\n            fontSize: null,\n            ready: false\n        }\n        this.handleWindowResize = debounce(this.handleWindowResize, this.props.throttle);\n    }\n\n    componentDidMount() {\n        const {autoResize} = this.props;\n        if (autoResize) {\n            window.addEventListener('resize', this.handleWindowResize);\n        }\n        this.process();\n    }\n\n    componentDidUpdate(prevProps: Readonly<TextFitProperties>) {\n        const {ready} = this.state;\n        if (!ready) return;\n        if (shallowEqual(this.props, prevProps)) return;\n        this.process();\n    }\n\n    componentWillUnmount() {\n        const {autoResize} = this.props;\n        if (autoResize) {\n            window.removeEventListener('resize', this.handleWindowResize);\n        }\n        // Setting a new pid will cancel all running processes\n        this.pid = uniqueId();\n    }\n\n    handleWindowResize = () => {\n        this.process();\n    }\n\n    process() {\n        const {min, max, mode, forceSingleModeWidth, onReady} = this.props;\n        const el = this._parent;\n        const wrapper = this._child;\n\n        const originalWidth = el ? innerWidth(el) : 0;\n        const originalHeight = el ? innerHeight(el) : 0;\n\n        if (originalHeight <= 0 || isNaN(originalHeight)) {\n            console.warn('Can not process element without height. Make sure the element is displayed and has a static height.');\n            return;\n        }\n\n        if (originalWidth <= 0 || isNaN(originalWidth)) {\n            console.warn('Can not process element without width. Make sure the element is displayed and has a static width.');\n            return;\n        }\n\n        const pid = uniqueId();\n        this.pid = pid;\n\n        const shouldCancelProcess = () => pid !== this.pid;\n\n        const testPrimary = mode === 'multi'\n            ? () => assertElementFitsHeight(wrapper, originalHeight)\n            : () => assertElementFitsWidth(wrapper, originalWidth);\n\n        const testSecondary = mode === 'multi'\n            ? () => assertElementFitsWidth(wrapper, originalWidth)\n            : () => assertElementFitsHeight(wrapper, originalHeight);\n\n        let mid: number;\n        let low = min;\n        let high = max;\n\n        this.setState({ready: false});\n\n        series([\n            // Step 1:\n            // Binary search to fit the element's height (multi line) / width (single line)\n            (stepCallback: Function) => whilst(\n                () => low <= high,\n                (whilstCallback: Function) => {\n                    if (shouldCancelProcess()) return whilstCallback(true);\n                    mid = parseInt(\"\" + ((low + high) / 2), 10);\n                    this.setState({fontSize: mid}, () => {\n                        if (shouldCancelProcess()) return whilstCallback(true);\n                        if (testPrimary()) low = mid + 1;\n                        else high = mid - 1;\n                        return whilstCallback();\n                    });\n                },\n                stepCallback\n            ),\n            // Step 2:\n            // Binary search to fit the element's width (multi line) / height (single line)\n            // If mode is single and forceSingleModeWidth is true, skip this step\n            // in order to not fit the elements height and decrease the width\n            (stepCallback: Function) => {\n                if (mode === 'single' && forceSingleModeWidth) return stepCallback();\n                if (testSecondary()) return stepCallback();\n                low = min;\n                high = mid;\n                return whilst(\n                    () => low < high,\n                    (whilstCallback: Function):any => {\n                        if (shouldCancelProcess()) {\n                            return whilstCallback(true);\n                        }\n                        mid = parseInt(\"\"+((low + high) / 2), 10);\n                        this.setState({fontSize: mid}, () => {\n                            if (pid !== this.pid) return whilstCallback(true);\n                            if (testSecondary()) low = mid + 1;\n                            else high = mid - 1;\n                            return whilstCallback();\n                        });\n                    },\n                    stepCallback\n                );\n            },\n            // Step 3\n            // Limits\n            (stepCallback:Function) => {\n                // We break the previous loop without updating mid for the final time,\n                // so we do it here:\n                mid = Math.min(low, high);\n\n                // Ensure we hit the user-supplied limits\n                mid = Math.max(mid, min);\n                mid = Math.min(mid, max);\n\n                // Sanity check:\n                mid = Math.max(mid, 0);\n\n                if (shouldCancelProcess()) return stepCallback(true);\n                this.setState({fontSize: mid}, stepCallback as ()=>void);\n            }\n        ], (err:Function) => {\n            // err will be true, if another process was triggered\n            if (err || shouldCancelProcess()) return;\n            this.setState({ready: true}, () => onReady(mid));\n        });\n    }\n\n    render() {\n        const {\n            children,\n            text,\n            style,\n            min,\n            max,\n            mode,\n            forceSingleModeWidth,\n            /* eslint-disable no-shadow */\n            throttle,\n            /* eslint-enable no-shadow */\n            autoResize,\n            onReady,\n            ...props\n        } = this.props;\n        const {fontSize, ready} = this.state;\n        const finalStyle:CSSProperties = {\n            ...style,\n            fontSize: fontSize ? fontSize : undefined\n        };\n\n        const wrapperStyle:CSSProperties = {\n            display: ready ? 'block' : 'inline-block'\n        };\n        if (mode === 'single') wrapperStyle.whiteSpace = 'nowrap';\n\n        return (\n            <div ref={c => this._parent = c} style={finalStyle} {...props}>\n                <div ref={c => this._child = c} style={wrapperStyle}>\n                    {text && typeof children === 'function'\n                        ? ready\n                            ? children(text)\n                            : text\n                        : children\n                    }\n                </div>\n            </div>\n        );\n    }\n}"]}
+{"version":3,"file":"textFit.js","sourceRoot":"","sources":["../../../../components/text/textFit.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {CSSProperties} from 'react';\r\nimport shallowEqual from 'd2coreui/components/text/impl/shallowEqual';\r\nimport series from 'd2coreui/components/text/impl/series';\r\nimport whilst from 'd2coreui/components/text/impl/whilst';\r\nimport debounce from 'lodash/debounce';\r\nimport uniqueId from 'd2coreui/components/text/impl/uniqueId';\r\nimport {innerHeight, innerWidth} from 'd2coreui/components/text/impl/innerSize';\r\n\r\nfunction assertElementFitsWidth(el: HTMLElement | null, width: number) {\r\n    // -1: temporary bugfix, will be refactored soon\r\n    return el && el.scrollWidth - 1 <= width;\r\n}\r\n\r\nfunction assertElementFitsHeight(el: HTMLElement | null, height: number) {\r\n    // -1: temporary bugfix, will be refactored soon\r\n    return el && el.scrollHeight - 1 <= height;\r\n}\r\n\r\nfunction noop() {\r\n}\r\n\r\ninterface TextFitProperties extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {\r\n    text?: string\r\n    min: number\r\n    max: number\r\n    mode: 'single' | 'multi'\r\n    forceSingleModeWidth: boolean,\r\n    throttle: number,\r\n    onReady: (mid:number) => void\r\n    autoResize?: boolean\r\n}\r\n\r\ninterface TextFitState {\r\n    fontSize: number | null\r\n    ready: boolean\r\n}\r\n\r\nexport default class TextFit extends React.Component<TextFitProperties, TextFitState> {\r\n    pid?: number\r\n\r\n    static defaultProps = {\r\n        min: 1,\r\n        max: 100,\r\n        mode: 'multi',\r\n        forceSingleModeWidth: true,\r\n        throttle: 50,\r\n        autoResize: true,\r\n        onReady: noop\r\n    }\r\n    private _parent: HTMLDivElement | null = null;\r\n    private _child: HTMLDivElement | null = null;\r\n\r\n    constructor(props: Readonly<TextFitProperties>) {\r\n        super(props);\r\n        this.state = {\r\n            fontSize: null,\r\n            ready: false\r\n        }\r\n        this.handleWindowResize = debounce(this.handleWindowResize, this.props.throttle);\r\n    }\r\n\r\n    componentDidMount() {\r\n        const {autoResize} = this.props;\r\n        if (autoResize) {\r\n            window.addEventListener('resize', this.handleWindowResize);\r\n        }\r\n        this.process();\r\n    }\r\n\r\n    componentDidUpdate(prevProps: Readonly<TextFitProperties>) {\r\n        const {ready} = this.state;\r\n        if (!ready) return;\r\n        if (shallowEqual(this.props, prevProps)) return;\r\n        this.process();\r\n    }\r\n\r\n    componentWillUnmount() {\r\n        const {autoResize} = this.props;\r\n        if (autoResize) {\r\n            window.removeEventListener('resize', this.handleWindowResize);\r\n        }\r\n        // Setting a new pid will cancel all running processes\r\n        this.pid = uniqueId();\r\n    }\r\n\r\n    handleWindowResize = () => {\r\n        this.process();\r\n    }\r\n\r\n    process() {\r\n        const {min, max, mode, forceSingleModeWidth, onReady} = this.props;\r\n        const el = this._parent;\r\n        const wrapper = this._child;\r\n\r\n        const originalWidth = el ? innerWidth(el) : 0;\r\n        const originalHeight = el ? innerHeight(el) : 0;\r\n\r\n        if (originalHeight <= 0 || isNaN(originalHeight)) {\r\n            console.warn('Can not process element without height. Make sure the element is displayed and has a static height.');\r\n            return;\r\n        }\r\n\r\n        if (originalWidth <= 0 || isNaN(originalWidth)) {\r\n            console.warn('Can not process element without width. Make sure the element is displayed and has a static width.');\r\n            return;\r\n        }\r\n\r\n        const pid = uniqueId();\r\n        this.pid = pid;\r\n\r\n        const shouldCancelProcess = () => pid !== this.pid;\r\n\r\n        const testPrimary = mode === 'multi'\r\n            ? () => assertElementFitsHeight(wrapper, originalHeight)\r\n            : () => assertElementFitsWidth(wrapper, originalWidth);\r\n\r\n        const testSecondary = mode === 'multi'\r\n            ? () => assertElementFitsWidth(wrapper, originalWidth)\r\n            : () => assertElementFitsHeight(wrapper, originalHeight);\r\n\r\n        let mid: number;\r\n        let low = min;\r\n        let high = max;\r\n\r\n        this.setState({ready: false});\r\n\r\n        series([\r\n            // Step 1:\r\n            // Binary search to fit the element's height (multi line) / width (single line)\r\n            (stepCallback: Function) => whilst(\r\n                () => low <= high,\r\n                (whilstCallback: Function) => {\r\n                    if (shouldCancelProcess()) return whilstCallback(true);\r\n                    mid = parseInt(\"\" + ((low + high) / 2), 10);\r\n                    this.setState({fontSize: mid}, () => {\r\n                        if (shouldCancelProcess()) return whilstCallback(true);\r\n                        if (testPrimary()) low = mid + 1;\r\n                        else high = mid - 1;\r\n                        return whilstCallback();\r\n                    });\r\n                },\r\n                stepCallback\r\n            ),\r\n            // Step 2:\r\n            // Binary search to fit the element's width (multi line) / height (single line)\r\n            // If mode is single and forceSingleModeWidth is true, skip this step\r\n            // in order to not fit the elements height and decrease the width\r\n            (stepCallback: Function) => {\r\n                if (mode === 'single' && forceSingleModeWidth) return stepCallback();\r\n                if (testSecondary()) return stepCallback();\r\n                low = min;\r\n                high = mid;\r\n                return whilst(\r\n                    () => low < high,\r\n                    (whilstCallback: Function):any => {\r\n                        if (shouldCancelProcess()) {\r\n                            return whilstCallback(true);\r\n                        }\r\n                        mid = parseInt(\"\"+((low + high) / 2), 10);\r\n                        this.setState({fontSize: mid}, () => {\r\n                            if (pid !== this.pid) return whilstCallback(true);\r\n                            if (testSecondary()) low = mid + 1;\r\n                            else high = mid - 1;\r\n                            return whilstCallback();\r\n                        });\r\n                    },\r\n                    stepCallback\r\n                );\r\n            },\r\n            // Step 3\r\n            // Limits\r\n            (stepCallback:Function) => {\r\n                // We break the previous loop without updating mid for the final time,\r\n                // so we do it here:\r\n                mid = Math.min(low, high);\r\n\r\n                // Ensure we hit the user-supplied limits\r\n                mid = Math.max(mid, min);\r\n                mid = Math.min(mid, max);\r\n\r\n                // Sanity check:\r\n                mid = Math.max(mid, 0);\r\n\r\n                if (shouldCancelProcess()) return stepCallback(true);\r\n                this.setState({fontSize: mid}, stepCallback as ()=>void);\r\n            }\r\n        ], (err:Function) => {\r\n            // err will be true, if another process was triggered\r\n            if (err || shouldCancelProcess()) return;\r\n            this.setState({ready: true}, () => onReady(mid));\r\n        });\r\n    }\r\n\r\n    render() {\r\n        const {\r\n            children,\r\n            text,\r\n            style,\r\n            min,\r\n            max,\r\n            mode,\r\n            forceSingleModeWidth,\r\n            /* eslint-disable no-shadow */\r\n            throttle,\r\n            /* eslint-enable no-shadow */\r\n            autoResize,\r\n            onReady,\r\n            ...props\r\n        } = this.props;\r\n        const {fontSize, ready} = this.state;\r\n        const finalStyle:CSSProperties = {\r\n            ...style,\r\n            fontSize: fontSize ? fontSize : undefined\r\n        };\r\n\r\n        const wrapperStyle:CSSProperties = {\r\n            display: ready ? 'block' : 'inline-block'\r\n        };\r\n        if (mode === 'single') wrapperStyle.whiteSpace = 'nowrap';\r\n\r\n        return (\r\n            <div ref={c => this._parent = c} style={finalStyle} {...props}>\r\n                <div ref={c => this._child = c} style={wrapperStyle}>\r\n                    {text ? text : children}\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n}"]}