@imposium-hub/components 2.14.0 → 2.14.2

package/src/components/tabs/Tabs.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { withResizeDetector } from 'react-resize-detector';
+import { useResizeDetector } from 'react-resize-detector';
 import ButtonMenu from '../button-menu/ButtonMenu';
 import ButtonMenuItem from '../button-menu/ButtonMenuItem';
 import Button from '../button/Button';
@@ -14,15 +14,15 @@ export interface ITab {
     menuButtons?: JSX.Element;
 }
 
-interface ITabsProps {
+export interface ITabsProps {
     activeTab?: string;
     keepMounted?: boolean;
     options: ITab[];
     onChange(i): void;
-    onClose(i): void;
+    onClose?(i): void;
     tabPadding?: number;
-    width: number;
-    height: number;
+    width?: number;
+    height?: number;
 }
 
 interface ITabsState {
@@ -85,7 +85,7 @@ class Tabs extends React.PureComponent<ITabsProps, ITabsState> {
     }
 
     private renderContent() {
-        const { options, activeTab, keepMounted, width, height } = this.props;
+        const { options, activeTab, keepMounted, width = 0, height = 0 } = this.props;
 
         if (keepMounted) {
             const contentArray = [];
@@ -132,7 +132,9 @@ class Tabs extends React.PureComponent<ITabsProps, ITabsState> {
                     onClick={(e) => {
                         e.preventDefault();
                         e.stopPropagation();
-                        this.props.onClose(key);
+                        if (this.props.onClose) {
+                            this.props.onClose(key);
+                        }
                     }}>
                     {ICON_TIMES}
                 </Button>
@@ -218,4 +220,19 @@ class Tabs extends React.PureComponent<ITabsProps, ITabsState> {
     }
 }
 
-export default withResizeDetector(Tabs);
+const TabsWithResize: React.FC<Omit<ITabsProps, 'width' | 'height'>> = (props) => {
+    const { width = 0, height = 0, ref } = useResizeDetector<HTMLDivElement>();
+    return (
+        <div
+            ref={ref}
+            style={{ width: '100%', height: '100%' }}>
+            <Tabs
+                {...props}
+                width={width}
+                height={height}
+            />
+        </div>
+    );
+};
+
+export default TabsWithResize;

package/src/index.ts

@@ -16,7 +16,7 @@ import FieldWrapper from './components/field-wrapper/FieldWrapper';
 import CheckboxField from './components/checkbox-field/CheckboxField';
 import ListField from './components/list-field/ListField';
 import ButtonGroupField from './components/button-group-field/ButtonGroupField';
-import NumberField from './components/number-field/NumberField';
+import NumberField, { validateNumInput } from './components/number-field/NumberField';
 import SelectField from './components/select-field/SelectField';
 import TextField from './components/text-field/TextField';
 import TextAreaField from './components/text-area-field/TextAreaField';
@@ -334,5 +334,6 @@ export {
     ControlListType,
     IconToggle,
     DEFAULT_FONTS,
-    FontField
+    FontField,
+    validateNumInput
 };

package/src/utils/routing.ts

@@ -1,11 +1,15 @@
-import { browserHistory } from 'react-router';
+import { ICompatibleHistory } from '../components/app-wrapper/AppWrapper';
 
-export const pushRoute = (route): void => {
-    browserHistory.push(route);
-};
+let historySingleton: ICompatibleHistory | null = null;
 
-export const replaceRoute = (route): void => {
-    browserHistory.replace(route);
+export const configureHistory = (history: ICompatibleHistory): void => {
+    historySingleton = history;
+};
+export const pushRoute = (route: string): void => {
+    historySingleton?.push(route);
+};
+export const replaceRoute = (route: string): void => {
+    historySingleton?.replace(route);
 };
 
 export const getDemoURL = (): string => {

package/dist/cjs/interfaces/field.js

@@ -1 +0,0 @@
-//# sourceMappingURL=field.js.map

package/dist/cjs/interfaces/field.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"field.js","sourceRoot":"","sources":["../../../src/interfaces/field.ts"],"names":[],"mappings":""}

package/dist/cjs/utils/override.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-interface IOverrideLabelProps {
-    label: string;
-    showCopyPropIds: boolean;
-    type: string;
-    inventory: any;
-    setOverride: (o: any) => void;
-    onClose: (o: boolean) => void;
-}
-declare const overrideLabel: React.FC<IOverrideLabelProps>;
-export default overrideLabel;

package/dist/cjs/utils/override.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var ConfigVariableButton_1 = __importDefault(require("../components/config-variable-button/ConfigVariableButton"));
-var overrideLabel = function (_a) {
-    var label = _a.label, showCopyPropIds = _a.showCopyPropIds, type = _a.type, inventory = _a.inventory, setOverride = _a.setOverride, onClose = _a.onClose;
-    return (react_1.default.createElement("span", null,
-        label,
-        (0, ConfigVariableButton_1.default)(showCopyPropIds, type, inventory, function (o) { return setOverride(o); }, function (o) { return onClose(o); })));
-};
-exports.default = overrideLabel;
-//# sourceMappingURL=override.js.map

package/dist/cjs/utils/override.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"override.js","sourceRoot":"","sources":["../../../src/utils/override.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,mHAA+F;AAU/F,IAAM,aAAa,GAAkC,UAAC,EAAiE;QAA/D,KAAK,WAAA,EAAE,eAAe,qBAAA,EAAE,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,WAAW,iBAAA,EAAE,OAAO,aAAA;IACjH,OAAO,CACH;QACK,KAAK;QACL,IAAA,8BAAuB,EACpB,eAAe,EACf,IAAI,EACJ,SAAS,EACT,UAAC,CAAC,IAAK,OAAA,WAAW,CAAC,CAAC,CAAC,EAAd,CAAc,EACrB,UAAC,CAAC,IAAK,OAAA,OAAO,CAAC,CAAC,CAAC,EAAV,CAAU,CACpB,CACE,CACV,CAAA;AACL,CAAC,CAAA;AAED,kBAAe,aAAa,CAAC"}

package/dist/esm/interfaces/field.js

@@ -1 +0,0 @@
-//# sourceMappingURL=field.js.map

package/dist/esm/interfaces/field.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"field.js","sourceRoot":"","sources":["../../../src/interfaces/field.ts"],"names":[],"mappings":""}

package/dist/esm/utils/override.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-interface IOverrideLabelProps {
-    label: string;
-    showCopyPropIds: boolean;
-    type: string;
-    inventory: any;
-    setOverride: (o: any) => void;
-    onClose: (o: boolean) => void;
-}
-declare const overrideLabel: React.FC<IOverrideLabelProps>;
-export default overrideLabel;

package/dist/esm/utils/override.js

@@ -1,9 +0,0 @@
-import React from "react";
-import getConfigVariableButton from "../components/config-variable-button/ConfigVariableButton";
-const overrideLabel = ({ label, showCopyPropIds, type, inventory, setOverride, onClose }) => {
-    return (React.createElement("span", null,
-        label,
-        getConfigVariableButton(showCopyPropIds, type, inventory, (o) => setOverride(o), (o) => onClose(o))));
-};
-export default overrideLabel;
-//# sourceMappingURL=override.js.map

package/dist/esm/utils/override.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"override.js","sourceRoot":"","sources":["../../../src/utils/override.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,uBAAuB,MAAM,2DAA2D,CAAA;AAU/F,MAAM,aAAa,GAAkC,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,EAAE;IACvH,OAAO,CACH;QACK,KAAK;QACL,uBAAuB,CACpB,eAAe,EACf,IAAI,EACJ,SAAS,EACT,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EACrB,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CACpB,CACE,CACV,CAAA;AACL,CAAC,CAAA;AAED,eAAe,aAAa,CAAC"}