react-science 0.28.1 → 0.29.0

package/src/app/panels/SignalProcessingPanel.tsx

@@ -52,8 +52,7 @@ export function SignalProcessingPanel(props: SignalProcessingPanelProps) {
               <div style={{ display: 'flex', gap: '3px' }}>
                 <Button
                   style={{ width: '15px' }}
-                  color={{ basic: 'white' }}
-                  backgroundColor={{ basic: 'green' }}
+                  intent="success"
                   onClick={() => {
                     const newFilters = [...filters];
                     newFilters.splice(
@@ -68,8 +67,7 @@ export function SignalProcessingPanel(props: SignalProcessingPanelProps) {
                 </Button>
                 <Button
                   style={{ width: '15px' }}
-                  color={{ basic: 'white' }}
-                  backgroundColor={{ basic: 'red' }}
+                  intent="danger"
                   onClick={() => {
                     onChange?.(filters.filter((_, j) => j !== i));
                   }}
@@ -126,8 +124,7 @@ export function SignalProcessingPanel(props: SignalProcessingPanelProps) {
       {filters.length === 0 && (
         <Button
           style={{ width: '15px', margin: '5px 20px' }}
-          color={{ basic: 'white' }}
-          backgroundColor={{ basic: 'green' }}
+          intent="success"
           onClick={() => {
             const newFilters = [getDefaultFilter(defaultFilters[0])];
             onChange?.(newFilters);

package/src/components/button/Button.tsx

@@ -1,66 +1,30 @@
-/** @jsxImportSource @emotion/react */
-import { css } from '@emotion/react';
-import type { CSSProperties, ReactNode } from 'react';
+import {
+  Button as BlueprintButton,
+  AnchorButton as BlueprintAnchorButton,
+  ButtonProps as BlueprintButtonProps,
+  AnchorButtonProps as BlueprintAnchorButtonProps,
+  Tooltip,
+  TooltipProps,
+} from '@blueprintjs/core';
 
-interface Colorhover {
-  basic: CSSProperties['backgroundColor'];
-  hover?: CSSProperties['backgroundColor'];
-}
-
-interface ButtonProps {
-  children: ReactNode;
-  backgroundColor?: Colorhover;
-  color?: Colorhover;
-  onClick?: () => void;
-  style?: CSSProperties;
-  disabled?: boolean;
-}
+type BlueprintProps = {
+  [key in keyof BlueprintButtonProps &
+    keyof BlueprintAnchorButtonProps]?: BlueprintButtonProps[key] &
+    BlueprintAnchorButtonProps[key];
+};
+export type ButtonProps = BlueprintProps & {
+  tooltipProps?: Omit<TooltipProps, 'children'>;
+};
 
 export function Button(props: ButtonProps) {
-  const {
-    backgroundColor = {
-      basic: 'hsl(21deg, 90%, 48%)',
-      hover: 'hsl(21deg, 90%, 40%)',
-    },
-    color = { basic: 'white', hover: 'white' },
-    style,
-    onClick,
-    children,
-    disabled = false,
-  } = props;
+  const { tooltipProps, children, ...buttonProps } = props;
 
+  const InnerButton = buttonProps.disabled
+    ? BlueprintAnchorButton
+    : BlueprintButton;
   return (
-    <button
-      style={style}
-      onClick={onClick}
-      css={css({
-        display: 'flex',
-        alignItems: 'center',
-        paddingLeft: 10,
-        paddingRight: 10,
-        paddingTop: 6,
-        paddingBottom: 6,
-        borderWidth: 1,
-        borderColor: 'transparent',
-        fontSize: '1.125em',
-        borderRadius: 6,
-        color: color.basic,
-        minWidth: 30,
-        justifyContent: 'center',
-        backgroundColor: backgroundColor.basic,
-        ':hover:enabled': {
-          color: color.hover,
-          backgroundColor: backgroundColor.hover,
-        },
-        ':disabled': {
-          opacity: 0.5,
-          cursor: 'not-allowed',
-        },
-      })}
-      type="button"
-      disabled={disabled}
-    >
-      {children}
-    </button>
+    <Tooltip fill={tooltipProps?.fill || buttonProps.fill} {...tooltipProps}>
+      <InnerButton {...buttonProps}>{children}</InnerButton>
+    </Tooltip>
   );
 }

package/src/components/forms/Checkbox.tsx

@@ -41,8 +41,8 @@ export function Checkbox(props: CheckboxProps) {
           backgroundColor: disabled
             ? 'rgba(0, 0, 0, 0.04)'
             : checked
-            ? enabledColor
-            : 'white',
+              ? enabledColor
+              : 'white',
           borderWidth: '1px',
           borderColor: checked && !disabled ? enabledColor : disabledColor,
           borderRadius: '4px',

package/src/components/forms/styles.ts

@@ -17,8 +17,8 @@ export const LabelStyled = styled.label<StyledProps>`
         ? '2px 9px 4px 9px'
         : '2px 9px'
       : props.hasTrailing
-      ? '1px 7px 1px 7px'
-      : '1px 7px'};
+        ? '1px 7px 1px 7px'
+        : '1px 7px'};
 
   font-size: ${(props) => (props.variant === 'small' ? '1em' : '1.125em')};
   line-height: '17px';

package/src/components/header/PanelHeader.tsx

@@ -1,7 +1,6 @@
 /** @jsxImportSource @emotion/react */
 import { css } from '@emotion/react';
 import { ReactNode, useEffect, useRef } from 'react';
-import { FaCog } from 'react-icons/fa';
 
 import { Button } from '../button/Button';
 
@@ -62,13 +61,7 @@ export function PanelHeader({
       <div css={styles.leftContainer}>{children}</div>
       <p ref={labelRef} css={styles.counterLabel} />
       {onClickSettings && (
-        <Button
-          onClick={onClickSettings}
-          color={{ basic: 'black', hover: 'black' }}
-          backgroundColor={{ basic: 'white', hover: '#f7f7f7' }}
-        >
-          <FaCog />
-        </Button>
+        <Button color="black" minimal onClick={onClickSettings} icon="cog" />
       )}
     </div>
   );

package/src/components/index.ts

@@ -2,7 +2,6 @@ export * from './accordion/index';
 export * from './button/index';
 export * from './color-picker/index';
 export * from './drop-zone/index';
-export * from './dropdown-menu/index';
 export * from './forms/index';
 export * from './fullscreen/index';
 export * from './header/index';

package/src/components/info-panel/InfoPanel.tsx

@@ -133,7 +133,7 @@ export function InfoPanel(props: InfoPanelProps) {
 function valueCell(value: number | string | object | boolean) {
   switch (typeof value) {
     case 'boolean':
-      return <ValueRenderers.Boolean value={value} />;
+      return <ValueRenderers.Text value={value ? 'Yes' : 'No'} />;
     case 'number':
       return <ValueRenderers.Number value={value} />;
     case 'object':

package/src/components/modal/ConfirmModal.tsx

@@ -118,24 +118,10 @@ export function ConfirmModal(props: ConfirmModalProps) {
               </ConfirmModalChildrenRoot>
 
               <ConfirmModalFooter>
-                <Button
-                  onClick={onConfirm}
-                  backgroundColor={{
-                    basic: 'hsla(243deg, 75%, 58%, 1)',
-                    hover: 'hsla(245deg, 58%, 50%, 1)',
-                  }}
-                  color={{ basic: 'white' }}
-                >
+                <Button intent="primary" onClick={onConfirm}>
                   {saveText}
                 </Button>
-                <Button
-                  onClick={onCancel}
-                  backgroundColor={{
-                    basic: 'hsla(0deg, 72%, 50%, 1)',
-                    hover: 'hsla(0deg, 73%, 42%, 1)',
-                  }}
-                  color={{ basic: 'white' }}
-                >
+                <Button intent="danger" onClick={onCancel}>
                   {cancelText}
                 </Button>
               </ConfirmModalFooter>

package/src/components/modal/Modal.tsx

@@ -2,10 +2,10 @@ import styled from '@emotion/styled';
 import type { ReactElement, ReactNode } from 'react';
 import { useCallback, useImperativeHandle, useRef, useState } from 'react';
 
+import { Button } from '../index';
 import { Portal } from '../root-layout/Portal';
 import { RootLayoutProvider } from '../root-layout/RootLayoutContext';
 
-import ModalCloseButton from './ModalCloseButton';
 import { useDialog } from './useDialog';
 
 export interface ModalProps {
@@ -113,7 +113,15 @@ export function Modal(props: ModalProps) {
               }}
             >
               {children}
-              {hasCloseButton && <ModalCloseButton onClick={onRequestClose} />}
+              {hasCloseButton && (
+                <Button
+                  style={{ position: 'absolute', top: 4, right: 4 }}
+                  onClick={onRequestClose}
+                  intent="danger"
+                  minimal
+                  icon="cross"
+                />
+              )}
             </DialogContents>
           </RootLayoutProvider>
         )}

package/src/components/toolbar/PanelPreferencesToolbar.tsx

@@ -1,6 +1,5 @@
 /** @jsxImportSource @emotion/react */
 import { css } from '@emotion/react';
-import { FaCheck, FaTimes } from 'react-icons/fa';
 
 import { Button } from '../button/Button';
 
@@ -27,20 +26,8 @@ export function PanelPreferencesToolbar(props: PanelPreferencesToolbarProps) {
   const { onClose, onSave } = props;
   return (
     <div css={styles.toolbar}>
-      <Button
-        onClick={onClose}
-        color={{ basic: '#ca0000', hover: '#ca0000' }}
-        backgroundColor={{ basic: 'white', hover: 'white' }}
-      >
-        <FaTimes />
-      </Button>
-      <Button
-        onClick={onSave}
-        color={{ basic: 'green', hover: 'green' }}
-        backgroundColor={{ basic: 'white', hover: 'white' }}
-      >
-        <FaCheck />
-      </Button>
+      <Button minimal onClick={onClose} intent="danger" icon="cross" />
+      <Button minimal onClick={onSave} intent="success" icon="tick" />
     </div>
   );
 }

package/src/components/toolbar/Toolbar.tsx

@@ -1,12 +1,10 @@
 /** @jsxImportSource @emotion/react */
 import {
-  Button,
   ButtonGroup,
   ButtonProps,
   Classes,
   Colors,
   Intent,
-  Tooltip,
 } from '@blueprintjs/core';
 import { css } from '@emotion/react';
 import {
@@ -17,6 +15,8 @@ import {
   useRef,
 } from 'react';
 
+import { Button } from '../index';
+
 import {
   ToolbarContext,
   toolbarContext,
@@ -106,36 +106,32 @@ Toolbar.Item = function ToolbarItem(props: ToolbarItemProps) {
 
   const { intent, large, vertical, disabled } = useToolbarContext();
   return (
-    <Tooltip
+    <Button
+      minimal
+      disabled={disabled}
       css={css`
-        flex-grow: 0 !important;
+        .${Classes.ICON} {
+          color: ${Colors.DARK_GRAY3};
+        }
       `}
-      compact={!large}
       intent={intent}
-      content={title}
-      placement={vertical ? 'right' : 'bottom'}
-    >
-      <Button
-        minimal
-        disabled={disabled}
-        css={css`
-          .${Classes.ICON} {
-            color: ${Colors.DARK_GRAY3};
-          }
-        `}
-        intent={intent}
-        style={{ position: 'relative', fontSize: '1.25em' }}
-        type="button"
-        active={active}
-        icon={icon}
-        onClick={() => {
-          if (onClick) {
-            onClick(props);
-          }
-        }}
-        {...other}
-      />
-    </Tooltip>
+      style={{ position: 'relative', fontSize: '1.25em' }}
+      type="button"
+      active={active}
+      icon={icon}
+      onClick={() => {
+        if (onClick) {
+          onClick(props);
+        }
+      }}
+      tooltipProps={{
+        content: title,
+        placement: vertical ? 'right' : 'bottom',
+        intent,
+        compact: !large,
+      }}
+      {...other}
+    />
   );
 };
 

package/lib-esm/components/dropdown-menu/DropdownMenu.d.ts

@@ -1,28 +0,0 @@
-import type { Placement } from '@popperjs/core';
-import { ReactNode, ElementType, ComponentProps } from 'react';
-import { MenuOption, MenuOptions } from './MenuItems';
-interface DropdownMenuBaseProps<T> {
-    /**
-     * Placement for react-popper
-     */
-    placement?: Placement;
-    options: MenuOptions<T>;
-    onSelect: (selected: MenuOption<T>) => void;
-}
-type ElementProps<E = unknown> = E extends ElementType ? ComponentProps<E> : never;
-interface DropdownMenuClickProps<T> extends DropdownMenuBaseProps<T> {
-    /**
-     * Node to be inside the Button
-     */
-    children: ReactNode;
-    trigger: 'click';
-}
-interface DropdownMenuContextProps<T, E> extends DropdownMenuBaseProps<T> {
-    trigger: 'contextMenu';
-    children: ReactNode;
-    as?: E;
-}
-export type DropdownMenuProps<T, E> = DropdownMenuContextProps<T, E> | DropdownMenuClickProps<T>;
-export declare function DropdownMenu<T = unknown, E extends ElementType = 'div'>(props: DropdownMenuProps<T, E> & Omit<ElementProps<E>, keyof DropdownMenuProps<T, E>>): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=DropdownMenu.d.ts.map

package/lib-esm/components/dropdown-menu/DropdownMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/DropdownMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAU,WAAW,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAOvE,OAAO,EAAa,UAAU,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAGjE,UAAU,qBAAqB,CAAC,CAAC;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IACxB,QAAQ,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CAC7C;AAED,KAAK,YAAY,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,SAAS,WAAW,GAClD,cAAc,CAAC,CAAC,CAAC,GACjB,KAAK,CAAC;AAEV,UAAU,sBAAsB,CAAC,CAAC,CAAE,SAAQ,qBAAqB,CAAC,CAAC,CAAC;IAClE;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,UAAU,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAE,SAAQ,qBAAqB,CAAC,CAAC,CAAC;IACvE,OAAO,EAAE,aAAa,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,EAAE,CAAC,EAAE,CAAC,CAAC;CACR;AAED,MAAM,MAAM,iBAAiB,CAAC,CAAC,EAAE,CAAC,IAC9B,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAC,GAC9B,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAE9B,wBAAgB,YAAY,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,SAAS,WAAW,GAAG,KAAK,EACrE,KAAK,EAAE,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,GAC5B,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,MAAM,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,2CAUvD"}

package/lib-esm/components/dropdown-menu/DropdownMenu.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error
-// @ts-ignore This import fails when compiling to CJS.
-import { Menu } from '@headlessui/react';
-import { useRef } from 'react';
-import { useModifiedPopper } from '../hooks/useModifiedPopper';
-import { useOnClickOutside } from '../hooks/useOnClickOutside';
-import { useOnOff } from '../hooks/useOnOff';
-import { Portal } from '../root-layout/Portal';
-import { MenuItems } from './MenuItems';
-import { useContextMenuPlacement } from './useContextMenuPlacement';
-export function DropdownMenu(props) {
-    const { trigger, ...otherProps } = props;
-    if (trigger === 'contextMenu') {
-        return _jsx(DropdownContextMenu, { ...props });
-    }
-    return (_jsx(DropdownClickMenu, { ...otherProps, children: props.children }));
-}
-function DropdownContextMenu(props) {
-    const { children, onSelect, as: Wrapper = 'div', placement = 'right-start', options, ...otherProps } = props;
-    const { isPopperElementOpen, closePopperElement, handleContextMenu, setPopperElement, styles, attributes, } = useContextMenuPlacement(placement);
-    const ref = useRef(null);
-    useOnClickOutside(ref, closePopperElement);
-    const { style = {}, ...otherWrapperProps } = otherProps;
-    return (_jsx(Wrapper, { style: { ...(!props?.as && { display: 'contents' }), ...style }, ...otherWrapperProps, onContextMenu: handleContextMenu, children: _jsxs(_Fragment, { children: [isPopperElementOpen && (_jsx(Portal, { children: _jsx("div", { ref: ref, children: _jsx("div", { ref: setPopperElement, style: styles.popper, ...attributes.popper, children: _jsx(Menu, { children: _jsx(MenuItems, { itemsStatic: true, onSelect: (selected) => {
-                                        closePopperElement();
-                                        onSelect(selected);
-                                    }, options: options }) }) }) }) })), children] }) }));
-}
-function DropdownClickMenu(props) {
-    const { placement = 'bottom-start', onSelect, ...otherProps } = props;
-    const [isOpened, , closeItems, toggle] = useOnOff(false);
-    const ref = useRef(null);
-    useOnClickOutside(ref, closeItems);
-    const { setReferenceElement, setPopperElement, popperProps } = useModifiedPopper({ placement, offset: 6 });
-    return (_jsxs(Menu, { children: [_jsx(Menu.Button, { ref: setReferenceElement, onClick: toggle, children: props.children }), isOpened && (_jsx(Portal, { children: _jsx("div", { ref: ref, children: _jsx("div", { ref: setPopperElement, ...popperProps, children: _jsx(MenuItems, { itemsStatic: true, onSelect: (selected) => {
-                                closeItems();
-                                onSelect(selected);
-                            }, ...otherProps }) }) }) }))] }));
-}
-//# sourceMappingURL=DropdownMenu.js.map

package/lib-esm/components/dropdown-menu/DropdownMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../src/components/dropdown-menu/DropdownMenu.tsx"],"names":[],"mappings":";AAAA,wGAAwG;AACxG,sDAAsD;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAa,MAAM,EAA+B,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,OAAO,EAAE,SAAS,EAA2B,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAkCpE,MAAM,UAAU,YAAY,CAC1B,KACsD;IAEtD,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAEzC,IAAI,OAAO,KAAK,aAAa,EAAE;QAC7B,OAAO,KAAC,mBAAmB,OAAW,KAAK,GAAI,CAAC;KACjD;IACD,OAAO,CACL,KAAC,iBAAiB,OAAK,UAAU,YAAG,KAAK,CAAC,QAAQ,GAAqB,CACxE,CAAC;AACJ,CAAC;AAED,SAAS,mBAAmB,CAC1B,KACsD;IAEtD,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,EAAE,EAAE,OAAO,GAAG,KAAK,EACnB,SAAS,GAAG,aAAa,EACzB,OAAO,EACP,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IAEV,MAAM,EACJ,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,MAAM,EACN,UAAU,GACX,GAAG,uBAAuB,CAAC,SAAS,CAAC,CAAC;IAEvC,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,iBAAiB,CAAC,GAAG,EAAE,kBAAkB,CAAC,CAAC;IAE3C,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,iBAAiB,EAAE,GAAG,UAA6B,CAAC;IAE3E,OAAO,CACL,KAAC,OAAO,IACN,KAAK,EAAE,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,EAAE,GAAG,KAAK,EAAE,KAC3D,iBAAiB,EACrB,aAAa,EAAE,iBAAiB,YAEhC,8BACG,mBAAmB,IAAI,CACtB,KAAC,MAAM,cACL,cAAK,GAAG,EAAE,GAAG,YACX,cACE,GAAG,EAAE,gBAAgB,EACrB,KAAK,EAAE,MAAM,CAAC,MAAM,KAChB,UAAU,CAAC,MAAM,YAErB,KAAC,IAAI,cACH,KAAC,SAAS,IACR,WAAW,QACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;wCACrB,kBAAkB,EAAE,CAAC;wCACrB,QAAQ,CAAC,QAAQ,CAAC,CAAC;oCACrB,CAAC,EACD,OAAO,EAAE,OAAO,GAChB,GACG,GACH,GACF,GACC,CACV,EAEA,QAAQ,IACR,GACK,CACX,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CACxB,KAAyE;IAEzE,MAAM,EAAE,SAAS,GAAG,cAAc,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAEtE,MAAM,CAAC,QAAQ,EAAE,AAAD,EAAG,UAAU,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEzD,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,iBAAiB,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC;IAEnC,MAAM,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,WAAW,EAAE,GAC1D,iBAAiB,CAAoB,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC;IAEjE,OAAO,CACL,MAAC,IAAI,eACH,KAAC,IAAI,CAAC,MAAM,IAAC,GAAG,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,YACnD,KAAK,CAAC,QAAQ,GACH,EACb,QAAQ,IAAI,CACX,KAAC,MAAM,cACL,cAAK,GAAG,EAAE,GAAG,YACX,cAAK,GAAG,EAAE,gBAAgB,KAAM,WAAW,YACzC,KAAC,SAAS,IACR,WAAW,QACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;gCACrB,UAAU,EAAE,CAAC;gCACb,QAAQ,CAAC,QAAQ,CAAC,CAAC;4BACrB,CAAC,KACG,UAAU,GACd,GACE,GACF,GACC,CACV,IACI,CACR,CAAC;AACJ,CAAC"}

package/lib-esm/components/dropdown-menu/MenuItems.d.ts

@@ -1,19 +0,0 @@
-import type { ReactNode } from 'react';
-export interface MenuOption<T> {
-    type: 'option';
-    label: ReactNode;
-    icon?: ReactNode;
-    disabled?: boolean;
-    data?: T;
-}
-export interface MenuDivider {
-    type: 'divider';
-}
-export type MenuOptions<T> = Array<MenuOption<T> | MenuDivider>;
-export interface MenuItemsProps<T> {
-    options: MenuOptions<T>;
-    onSelect: (selected: MenuOption<T>) => void;
-    itemsStatic?: boolean;
-}
-export declare function MenuItems<T>(props: MenuItemsProps<T>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=MenuItems.d.ts.map

package/lib-esm/components/dropdown-menu/MenuItems.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuItems.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/MenuItems.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,CAAC,CAAC;CACV;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC;AAmEhE,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IACxB,QAAQ,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,2CAsBpD"}

package/lib-esm/components/dropdown-menu/MenuItems.js

@@ -1,77 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styled from '@emotion/styled';
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error
-// @ts-ignore This import fails when compiling to CJS.
-import { Menu } from '@headlessui/react';
-const ItemDiv = styled.div `
-  display: contents;
-  cursor: ${(props) => (props.disabled ? 'default' : 'pointer')};
-  font-size: 0.875rem;
-  color: ${(props) => (!props.disabled ? 'black' : 'rgb(163, 163, 163)')};
-  & > div {
-    padding-top: 2px;
-    padding-bottom: 2px;
-    ${(props) => props.active && 'background-color: rgb(243, 244, 246);'}
-  }
-
-  ${(props) => !props.disabled &&
-    `
-          &:hover > div {
-            background-color: rgb(243, 244, 246);
-          }
-        `}
-`;
-const Divider = styled.hr `
-  width: 100%;
-  color: rgb(229, 229, 229);
-  margin-top: 5px;
-  margin-bottom: 5px;
-  grid-column: 1 / -1;
-`;
-const ItemsDiv = styled.div `
-  display: grid;
-  grid-template-columns: [icon-start] ${(props) => props.hasOneIconOrMore ? '40px' : '0px'} [label-start] auto;
-  width: fit-content;
-  align-items: center;
-  border-radius: 6px;
-  background-color: white;
-  box-shadow:
-    rgba(0, 0, 0, 0.3) 0px 19px 38px,
-    rgba(0, 0, 0, 0.22) 0px 5px 12px;
-  padding-top: 5px;
-  padding-bottom: 5px;
-  --cell-padding: 16px;
-`;
-const LabelDiv = styled.div `
-  grid-column-start: label-start;
-  padding-right: var(--cell-padding);
-  padding-left: var(--cell-padding);
-`;
-const IconDiv = styled.div `
-  grid-column-start: icon-start;
-  width: 100%;
-  height: 100%;
-  padding-left: var(--cell-padding);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`;
-export function MenuItems(props) {
-    const { options, onSelect, itemsStatic } = props;
-    const hasOneOrMoreIcon = options.some((option) => option.type === 'option' && option.icon);
-    return (_jsx(Menu.Items, { as: ItemsDiv, static: itemsStatic, hasOneIconOrMore: hasOneOrMoreIcon, children: options.map((option, index) => (_jsx(Item
-        // eslint-disable-next-line react/no-array-index-key
-        , { onSelect: onSelect, option: option }, index))) }));
-}
-function Item(props) {
-    const { option, onSelect } = props;
-    const isDivider = option.type === 'divider';
-    if (isDivider) {
-        return _jsx(Divider, {});
-    }
-    return (_jsx(Menu.Item, { disabled: option.disabled, children: ({ active }) => (_jsxs(ItemDiv, { onClick: (event) => {
-                event.stopPropagation();
-                onSelect(option);
-            }, active: active, disabled: option.disabled || false, children: [_jsx(IconDiv, { children: option.icon }), _jsx(LabelDiv, { children: option.label })] })) }));
-}
-//# sourceMappingURL=MenuItems.js.map

package/lib-esm/components/dropdown-menu/MenuItems.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuItems.js","sourceRoot":"","sources":["../../../src/components/dropdown-menu/MenuItems.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,wGAAwG;AACxG,sDAAsD;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAiBzC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAGxB;;YAEU,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;;WAEpD,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC;;;;MAIlE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,IAAI,uCAAuC;;;IAGpE,CAAC,KAAK,EAAE,EAAE,CACV,CAAC,KAAK,CAAC,QAAQ;IACf;;;;SAIK;CACR,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;CAMxB,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAEzB;;wCAEsC,CAAC,KAAK,EAAE,EAAE,CAC5C,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;;;;;;;;;;;CAW5C,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI1B,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQzB,CAAC;AAQF,MAAM,UAAU,SAAS,CAAI,KAAwB;IACnD,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IACjD,MAAM,gBAAgB,GAAG,OAAO,CAAC,IAAI,CACnC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,QAAQ,IAAI,MAAM,CAAC,IAAI,CACpD,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,CAAC,KAAK,IACT,EAAE,EAAE,QAAQ,EACZ,MAAM,EAAE,WAAW,EACnB,gBAAgB,EAAE,gBAAgB,YAEjC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,KAAC,IAAI;QACH,oDAAoD;YAEpD,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,IAFT,KAAK,CAGV,CACH,CAAC,GACS,CACd,CAAC;AACJ,CAAC;AAOD,SAAS,IAAI,CAAI,KAAmB;IAClC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACnC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,KAAK,SAAS,CAAC;IAE5C,IAAI,SAAS,EAAE;QACb,OAAO,KAAC,OAAO,KAAG,CAAC;KACpB;IAED,OAAO,CACL,KAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,YACjC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACf,MAAC,OAAO,IACN,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,QAAQ,CAAC,MAAM,CAAC,CAAC;YACnB,CAAC,EACD,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,KAAK,aAElC,KAAC,OAAO,cAAE,MAAM,CAAC,IAAI,GAAW,EAChC,KAAC,QAAQ,cAAE,MAAM,CAAC,KAAK,GAAY,IAC3B,CACX,GACS,CACb,CAAC;AACJ,CAAC"}

package/lib-esm/components/dropdown-menu/index.d.ts

@@ -1,3 +0,0 @@
-export * from './DropdownMenu';
-export type { MenuOptions, MenuOption, MenuDivider } from './MenuItems';
-//# sourceMappingURL=index.d.ts.map

package/lib-esm/components/dropdown-menu/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}

package/lib-esm/components/dropdown-menu/index.js

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

package/lib-esm/components/dropdown-menu/index.js.map

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

package/lib-esm/components/dropdown-menu/useContextMenuPlacement.d.ts

@@ -1,18 +0,0 @@
-import type { Placement } from '@popperjs/core';
-import React from 'react';
-export declare function useContextMenuPlacement(placement: Placement): {
-    setPopperElement: React.Dispatch<React.SetStateAction<HTMLDivElement | null>>;
-    styles: {
-        [key: string]: React.CSSProperties;
-    };
-    attributes: {
-        [key: string]: {
-            [key: string]: string;
-        } | undefined;
-    };
-    popperState: import("@popperjs/core").State | null;
-    isPopperElementOpen: boolean;
-    handleContextMenu: (event: React.MouseEvent<HTMLDivElement>) => void;
-    closePopperElement: () => void;
-};
-//# sourceMappingURL=useContextMenuPlacement.d.ts.map

package/lib-esm/components/dropdown-menu/useContextMenuPlacement.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useContextMenuPlacement.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/useContextMenuPlacement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,KAAyC,MAAM,OAAO,CAAC;AAU9D,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,SAAS;;;;;;;;;;;;+BAMhD,gBAAgB,CAAC,cAAc,CAAC;;EA0D3C"}

package/lib-esm/components/dropdown-menu/useContextMenuPlacement.js

@@ -1,49 +0,0 @@
-import { useCallback, useMemo, useState } from 'react';
-import { usePopper } from 'react-popper';
-export function useContextMenuPlacement(placement) {
-    const [positionState, setPositionState] = useState(null);
-    const handleContextMenu = useCallback((event) => {
-        const { clientX, clientY, pageX, pageY } = event;
-        event.preventDefault();
-        setPositionState({
-            clientX,
-            clientY,
-            pageX,
-            pageY,
-        });
-    }, []);
-    const boundingClientRect = useMemo(() => {
-        return {
-            top: positionState?.clientY || 0,
-            left: positionState?.clientX || 0,
-            x: positionState?.pageX || 0,
-            y: positionState?.pageY || 0,
-            bottom: 0,
-            right: 0,
-            height: 0,
-            width: 0,
-            toJSON: () => '',
-        };
-    }, [positionState]);
-    const virtualElement = useMemo(() => {
-        return {
-            getBoundingClientRect: () => boundingClientRect,
-        };
-    }, [boundingClientRect]);
-    const [popperElement, setPopperElement] = useState(null);
-    const { styles, attributes, state } = usePopper(virtualElement, popperElement, {
-        placement,
-    });
-    return {
-        setPopperElement,
-        styles,
-        attributes,
-        popperState: state,
-        isPopperElementOpen: positionState !== null,
-        handleContextMenu,
-        closePopperElement: () => {
-            setPositionState(null);
-        },
-    };
-}
-//# sourceMappingURL=useContextMenuPlacement.js.map

package/lib-esm/components/dropdown-menu/useContextMenuPlacement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useContextMenuPlacement.js","sourceRoot":"","sources":["../../../src/components/dropdown-menu/useContextMenuPlacement.ts"],"names":[],"mappings":"AACA,OAAc,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AASzC,MAAM,UAAU,uBAAuB,CAAC,SAAoB;IAC1D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,IAAI,CACL,CAAC;IAEF,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,KAAuC,EAAE,EAAE;QAC1C,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;QACjD,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,gBAAgB,CAAC;YACf,OAAO;YACP,OAAO;YACP,KAAK;YACL,KAAK;SACN,CAAC,CAAC;IACL,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,EAAE;QACtC,OAAO;YACL,GAAG,EAAE,aAAa,EAAE,OAAO,IAAI,CAAC;YAChC,IAAI,EAAE,aAAa,EAAE,OAAO,IAAI,CAAC;YACjC,CAAC,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;YAC5B,CAAC,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;YAE5B,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE;SACjB,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO;YACL,qBAAqB,EAAE,GAAG,EAAE,CAAC,kBAAkB;SAChD,CAAC;IACJ,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,IAAI,CACL,CAAC;IAEF,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,SAAS,CAC7C,cAAc,EACd,aAAa,EACb;QACE,SAAS;KACV,CACF,CAAC;IAEF,OAAO;QACL,gBAAgB;QAChB,MAAM;QACN,UAAU;QACV,WAAW,EAAE,KAAK;QAClB,mBAAmB,EAAE,aAAa,KAAK,IAAI;QAC3C,iBAAiB;QACjB,kBAAkB,EAAE,GAAG,EAAE;YACvB,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC;KACF,CAAC;AACJ,CAAC"}

package/lib-esm/components/modal/ModalCloseButton.d.ts

@@ -1,4 +0,0 @@
-export default function ModalCloseButton(props: {
-    onClick?: () => void;
-}): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ModalCloseButton.d.ts.map