react-science 1.0.2 → 3.0.0

package/src/components/toolbar/Toolbar.tsx

@@ -8,6 +8,7 @@ import {
   PopoverProps,
   TagProps,
   Icon,
+  TooltipProps,
 } from '@blueprintjs/core';
 import { IconName } from '@blueprintjs/icons';
 import { css } from '@emotion/react';
@@ -53,12 +54,12 @@ export interface ToolbarProps extends ToolbarBaseProps {
 
 export interface ToolbarItemProps extends ToolbarBaseProps {
   id?: string;
-  title: string;
+  tooltip?: TooltipProps['content'];
+  tooltipProps?: Omit<TooltipProps, 'content'>;
   icon: IconName | JSX.Element;
   active?: boolean;
   onClick?: (item: ToolbarItemProps) => void;
   className?: string;
-  noTooltip?: boolean;
   isPopover?: boolean;
   tag?: ReactNode;
   tagProps?: Omit<TagProps, 'children'>;
@@ -140,11 +141,11 @@ Toolbar.Item = function ToolbarItem(props: ToolbarItemProps) {
     active = false,
     icon,
     onClick,
-    title,
+    tooltip,
+    tooltipProps,
     id,
     intent: itemIntent,
     disabled: itemDisabled,
-    noTooltip = false,
     isPopover,
     ...other
   } = props;
@@ -165,6 +166,7 @@ Toolbar.Item = function ToolbarItem(props: ToolbarItemProps) {
             ? `${icon.props.className} bp5-icon`
             : 'bp5-icon',
         });
+
   return (
     <Button
       alignText={isPopover ? 'left' : undefined}
@@ -213,13 +215,15 @@ Toolbar.Item = function ToolbarItem(props: ToolbarItemProps) {
         onClick?.(props);
       }}
       tooltipProps={
-        noTooltip
+        !tooltip
           ? undefined
           : {
-              content: title,
+              content: tooltip,
               placement: vertical ? 'right' : 'bottom',
               intent,
               compact: !large,
+              interactionKind: 'hover',
+              ...tooltipProps,
             }
       }
       {...other}
@@ -256,7 +260,7 @@ Toolbar.PopoverItem = function ToolbarPopoverItem(
       }}
       {...other}
     >
-      <Toolbar.Item noTooltip isPopover {...itemProps} />
+      <Toolbar.Item isPopover {...itemProps} />
     </Popover>
   );
 };

package/lib/components/layout-manager/LayoutManager.d.ts

@@ -1,18 +0,0 @@
-import { FunctionComponent, ComponentType } from 'react';
-declare const layoutComponents: ComponentsMap;
-type ComponentsMap = Record<string, ComponentType<any>>;
-interface LayoutManagerProps {
-    layout: Layout;
-    components?: ComponentsMap;
-}
-export interface Layout {
-    layout: LayoutComponent | any;
-}
-interface LayoutComponent {
-    id: string;
-    component: keyof typeof layoutComponents | FunctionComponent;
-    children?: LayoutComponent[];
-}
-export declare function LayoutManager(props: LayoutManagerProps): JSX.Element | null;
-export {};
-//# sourceMappingURL=LayoutManager.d.ts.map

package/lib/components/layout-manager/LayoutManager.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutManager.d.ts","sourceRoot":"","sources":["../../../src/components/layout-manager/LayoutManager.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,iBAAiB,EACjB,aAAa,EAEd,MAAM,OAAO,CAAC;AAMf,QAAA,MAAM,gBAAgB,EAAE,aAIvB,CAAC;AAEF,KAAK,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;AAExD,UAAU,kBAAkB;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAED,MAAM,WAAW,MAAM;IAErB,MAAM,EAAE,eAAe,GAAG,GAAG,CAAC;CAC/B;AACD,UAAU,eAAe;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,OAAO,gBAAgB,GAAG,iBAAiB,CAAC;IAC7D,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,sBAGtD"}

package/lib/components/layout-manager/LayoutManager.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LayoutManager = void 0;
-const uuid_1 = require("@lukeed/uuid");
-const react_1 = require("react");
-const Accordion_1 = require("../accordion/Accordion");
-const DropZone_1 = require("../drop-zone/DropZone");
-const SplitPane_1 = require("../split-pane/SplitPane");
-const layoutComponents = {
-    SplitPane: SplitPane_1.SplitPane,
-    Accordion: Accordion_1.Accordion,
-    DropZone: DropZone_1.DropZone,
-};
-function LayoutManager(props) {
-    const { layout, components } = props;
-    return createLayout(layout, components);
-}
-exports.LayoutManager = LayoutManager;
-function createLayoutComponent(com, components, props = {}) {
-    const { id, component, children, ...compProps } = com;
-    const componentId = id || (0, uuid_1.v4)();
-    const componentNode = findComponent(component, components);
-    if (componentNode) {
-        const componentProps = { id: componentId, ...compProps, ...props };
-        const childrenComp = children && typeof children === 'string'
-            ? children
-            : createElements(children, components);
-        return (0, react_1.createElement)(componentNode, 
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        componentProps, childrenComp);
-    }
-    return null;
-}
-function createLayout(layout, components) {
-    return createLayoutComponent(layout.layout, components);
-}
-function createElements(children, components) {
-    return children?.map((comp, index) => createLayoutComponent(comp, components, { key: index }));
-}
-function findComponent(component, definedComponents) {
-    if (typeof component === 'function')
-        return component;
-    if (typeof component === 'string') {
-        if (definedComponents?.[component])
-            return definedComponents[component];
-        if (layoutComponents[component])
-            return layoutComponents[component];
-    }
-    return null;
-}
-//# sourceMappingURL=LayoutManager.js.map

package/lib/components/layout-manager/LayoutManager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutManager.js","sourceRoot":"","sources":["../../../src/components/layout-manager/LayoutManager.tsx"],"names":[],"mappings":";;;AAAA,uCAA0C;AAC1C,iCAKe;AAEf,sDAAmD;AACnD,oDAAiD;AACjD,uDAAoD;AAEpD,MAAM,gBAAgB,GAAkB;IACtC,SAAS,EAAT,qBAAS;IACT,SAAS,EAAT,qBAAS;IACT,QAAQ,EAAR,mBAAQ;CACT,CAAC;AAmBF,SAAgB,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACrC,OAAO,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AAC1C,CAAC;AAHD,sCAGC;AAED,SAAS,qBAAqB,CAC5B,GAAoB,EACpB,UAA4C,EAC5C,KAAK,GAAG,EAAE;IAEV,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,GAAG,CAAC;IACtD,MAAM,WAAW,GAAG,EAAE,IAAI,IAAA,SAAI,GAAE,CAAC;IACjC,MAAM,aAAa,GAAG,aAAa,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IAE3D,IAAI,aAAa,EAAE,CAAC;QAClB,MAAM,cAAc,GAAG,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC;QACnE,MAAM,YAAY,GAChB,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ;YACtC,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,cAAc,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QAE3C,OAAO,IAAA,qBAAa,EAClB,aAAa;QACb,8DAA8D;QAC9D,cAAqB,EACrB,YAAY,CACb,CAAC;IACJ,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,YAAY,CACnB,MAAc,EACd,UAA4C;IAE5C,OAAO,qBAAqB,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AAC1D,CAAC;AAED,SAAS,cAAc,CACrB,QAAuC,EACvC,UAA4C;IAE5C,OAAO,QAAQ,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CACnC,qBAAqB,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CACxD,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CACpB,SAAuC,EACvC,iBAAmD;IAEnD,IAAI,OAAO,SAAS,KAAK,UAAU;QAAE,OAAO,SAAS,CAAC;IAEtD,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;QAClC,IAAI,iBAAiB,EAAE,CAAC,SAAS,CAAC;YAAE,OAAO,iBAAiB,CAAC,SAAS,CAAC,CAAC;QACxE,IAAI,gBAAgB,CAAC,SAAS,CAAC;YAAE,OAAO,gBAAgB,CAAC,SAAS,CAAC,CAAC;IACtE,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}

package/lib/components/layout-manager/index.d.ts

@@ -1,2 +0,0 @@
-export * from './LayoutManager';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/layout-manager/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout-manager/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/lib/components/layout-manager/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./LayoutManager"), exports);
-//# sourceMappingURL=index.js.map

package/lib/components/layout-manager/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/layout-manager/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC"}

package/lib-esm/components/layout-manager/LayoutManager.d.ts

@@ -1,18 +0,0 @@
-import { FunctionComponent, ComponentType } from 'react';
-declare const layoutComponents: ComponentsMap;
-type ComponentsMap = Record<string, ComponentType<any>>;
-interface LayoutManagerProps {
-    layout: Layout;
-    components?: ComponentsMap;
-}
-export interface Layout {
-    layout: LayoutComponent | any;
-}
-interface LayoutComponent {
-    id: string;
-    component: keyof typeof layoutComponents | FunctionComponent;
-    children?: LayoutComponent[];
-}
-export declare function LayoutManager(props: LayoutManagerProps): JSX.Element | null;
-export {};
-//# sourceMappingURL=LayoutManager.d.ts.map

package/lib-esm/components/layout-manager/LayoutManager.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutManager.d.ts","sourceRoot":"","sources":["../../../src/components/layout-manager/LayoutManager.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,iBAAiB,EACjB,aAAa,EAEd,MAAM,OAAO,CAAC;AAMf,QAAA,MAAM,gBAAgB,EAAE,aAIvB,CAAC;AAEF,KAAK,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;AAExD,UAAU,kBAAkB;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAED,MAAM,WAAW,MAAM;IAErB,MAAM,EAAE,eAAe,GAAG,GAAG,CAAC;CAC/B;AACD,UAAU,eAAe;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,OAAO,gBAAgB,GAAG,iBAAiB,CAAC;IAC7D,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,sBAGtD"}

package/lib-esm/components/layout-manager/LayoutManager.js

@@ -1,47 +0,0 @@
-import { v4 as uuid } from '@lukeed/uuid';
-import { createElement, } from 'react';
-import { Accordion } from '../accordion/Accordion';
-import { DropZone } from '../drop-zone/DropZone';
-import { SplitPane } from '../split-pane/SplitPane';
-const layoutComponents = {
-    SplitPane,
-    Accordion,
-    DropZone,
-};
-export function LayoutManager(props) {
-    const { layout, components } = props;
-    return createLayout(layout, components);
-}
-function createLayoutComponent(com, components, props = {}) {
-    const { id, component, children, ...compProps } = com;
-    const componentId = id || uuid();
-    const componentNode = findComponent(component, components);
-    if (componentNode) {
-        const componentProps = { id: componentId, ...compProps, ...props };
-        const childrenComp = children && typeof children === 'string'
-            ? children
-            : createElements(children, components);
-        return createElement(componentNode, 
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        componentProps, childrenComp);
-    }
-    return null;
-}
-function createLayout(layout, components) {
-    return createLayoutComponent(layout.layout, components);
-}
-function createElements(children, components) {
-    return children?.map((comp, index) => createLayoutComponent(comp, components, { key: index }));
-}
-function findComponent(component, definedComponents) {
-    if (typeof component === 'function')
-        return component;
-    if (typeof component === 'string') {
-        if (definedComponents?.[component])
-            return definedComponents[component];
-        if (layoutComponents[component])
-            return layoutComponents[component];
-    }
-    return null;
-}
-//# sourceMappingURL=LayoutManager.js.map

package/lib-esm/components/layout-manager/LayoutManager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutManager.js","sourceRoot":"","sources":["../../../src/components/layout-manager/LayoutManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,IAAI,IAAI,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EACL,aAAa,GAId,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,MAAM,gBAAgB,GAAkB;IACtC,SAAS;IACT,SAAS;IACT,QAAQ;CACT,CAAC;AAmBF,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACrC,OAAO,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AAC1C,CAAC;AAED,SAAS,qBAAqB,CAC5B,GAAoB,EACpB,UAA4C,EAC5C,KAAK,GAAG,EAAE;IAEV,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,GAAG,CAAC;IACtD,MAAM,WAAW,GAAG,EAAE,IAAI,IAAI,EAAE,CAAC;IACjC,MAAM,aAAa,GAAG,aAAa,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IAE3D,IAAI,aAAa,EAAE,CAAC;QAClB,MAAM,cAAc,GAAG,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC;QACnE,MAAM,YAAY,GAChB,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ;YACtC,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,cAAc,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QAE3C,OAAO,aAAa,CAClB,aAAa;QACb,8DAA8D;QAC9D,cAAqB,EACrB,YAAY,CACb,CAAC;IACJ,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,YAAY,CACnB,MAAc,EACd,UAA4C;IAE5C,OAAO,qBAAqB,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AAC1D,CAAC;AAED,SAAS,cAAc,CACrB,QAAuC,EACvC,UAA4C;IAE5C,OAAO,QAAQ,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CACnC,qBAAqB,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CACxD,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CACpB,SAAuC,EACvC,iBAAmD;IAEnD,IAAI,OAAO,SAAS,KAAK,UAAU;QAAE,OAAO,SAAS,CAAC;IAEtD,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;QAClC,IAAI,iBAAiB,EAAE,CAAC,SAAS,CAAC;YAAE,OAAO,iBAAiB,CAAC,SAAS,CAAC,CAAC;QACxE,IAAI,gBAAgB,CAAC,SAAS,CAAC;YAAE,OAAO,gBAAgB,CAAC,SAAS,CAAC,CAAC;IACtE,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}

package/lib-esm/components/layout-manager/index.d.ts

@@ -1,2 +0,0 @@
-export * from './LayoutManager';
-//# sourceMappingURL=index.d.ts.map

package/lib-esm/components/layout-manager/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout-manager/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/lib-esm/components/layout-manager/index.js

@@ -1,2 +0,0 @@
-export * from './LayoutManager';
-//# sourceMappingURL=index.js.map

package/lib-esm/components/layout-manager/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/layout-manager/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/src/components/layout-manager/LayoutManager.tsx

@@ -1,95 +0,0 @@
-import { v4 as uuid } from '@lukeed/uuid';
-import {
-  createElement,
-  FunctionComponent,
-  ComponentType,
-  ReactNode,
-} from 'react';
-
-import { Accordion } from '../accordion/Accordion';
-import { DropZone } from '../drop-zone/DropZone';
-import { SplitPane } from '../split-pane/SplitPane';
-
-const layoutComponents: ComponentsMap = {
-  SplitPane,
-  Accordion,
-  DropZone,
-};
-
-type ComponentsMap = Record<string, ComponentType<any>>;
-
-interface LayoutManagerProps {
-  layout: Layout;
-  components?: ComponentsMap;
-}
-
-export interface Layout {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  layout: LayoutComponent | any;
-}
-interface LayoutComponent {
-  id: string;
-  component: keyof typeof layoutComponents | FunctionComponent;
-  children?: LayoutComponent[];
-}
-
-export function LayoutManager(props: LayoutManagerProps) {
-  const { layout, components } = props;
-  return createLayout(layout, components);
-}
-
-function createLayoutComponent(
-  com: LayoutComponent,
-  components: LayoutManagerProps['components'],
-  props = {},
-): JSX.Element | null {
-  const { id, component, children, ...compProps } = com;
-  const componentId = id || uuid();
-  const componentNode = findComponent(component, components);
-
-  if (componentNode) {
-    const componentProps = { id: componentId, ...compProps, ...props };
-    const childrenComp =
-      children && typeof children === 'string'
-        ? children
-        : createElements(children, components);
-
-    return createElement(
-      componentNode,
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      componentProps as any,
-      childrenComp,
-    );
-  }
-  return null;
-}
-
-function createLayout(
-  layout: Layout,
-  components: LayoutManagerProps['components'],
-) {
-  return createLayoutComponent(layout.layout, components);
-}
-
-function createElements(
-  children: LayoutComponent[] | undefined,
-  components: LayoutManagerProps['components'],
-): ReactNode[] | undefined {
-  return children?.map((comp, index) =>
-    createLayoutComponent(comp, components, { key: index }),
-  );
-}
-
-function findComponent(
-  component: LayoutComponent['component'],
-  definedComponents: LayoutManagerProps['components'],
-): ComponentType<any> | null {
-  if (typeof component === 'function') return component;
-
-  if (typeof component === 'string') {
-    if (definedComponents?.[component]) return definedComponents[component];
-    if (layoutComponents[component]) return layoutComponents[component];
-  }
-
-  return null;
-}

package/src/components/layout-manager/index.ts

@@ -1 +0,0 @@
-export * from './LayoutManager';