react-science 0.32.2 → 0.33.0

package/src/components/table/Table.tsx

@@ -1,55 +1,26 @@
 /** @jsxImportSource @emotion/react */
-import { css } from '@emotion/react';
+import { HTMLTable } from '@blueprintjs/core';
 import {
   Children,
-  createContext,
   isValidElement,
   ReactElement,
   ReactNode,
-  useContext,
   useMemo,
 } from 'react';
 
-import {
-  Boolean,
-  Color,
-  Component,
-  Header,
-  Number,
-  Object,
-  Text,
-  Title,
-} from '../value-renderers';
-
-const styles = {
-  border: css({
-    border: '0.5px solid rgb(0, 0, 0)',
-    padding: '5px',
-    position: 'relative',
-  }),
-  noBorder: css({
-    padding: '5px',
-    position: 'relative',
-  }),
-};
-
-const TableContext = createContext({ border: true });
-function useTableContext() {
-  const context = useContext(TableContext);
-  return context;
-}
+import { TableHeader } from './TableHeader';
+import { TableRow } from './TableRow';
+import { TableContext } from './tableContext';
 
 function splitChildren(children: ReactNode) {
   const Rows: ReactElement[] = [];
   let Header: ReactElement | null = null;
   for (const child of Children.toArray(children)) {
     if (typeof child !== 'object' || !isValidElement(child)) {
-      // eslint-disable-next-line no-console
-      console.error('Invalid Table child:', child);
       throw new Error('invalid Table child');
-    } else if (child.type === Table.Row) {
+    } else if (child.type === TableRow) {
       Rows.push(child);
-    } else if (child.type === Table.Header) {
+    } else if (child.type === TableHeader) {
       Header = child;
     } else {
       throw new Error('invalid Table child');
@@ -59,76 +30,46 @@ function splitChildren(children: ReactNode) {
 }
 export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
   children?: ReactNode;
-  border?: boolean;
+  bordered?: boolean;
+  compact?: boolean;
+  interactive?: boolean;
+  striped?: boolean;
+  hasBorder?: boolean;
+  color?: string;
 }
 
 export function Table(props: TableProps) {
-  const { border = true, children, ...tableProps } = props;
+  const {
+    hasBorder = false,
+    bordered = false,
+    compact = false,
+    interactive = false,
+    striped = false,
+    color = '',
+    children,
+    ...tableProps
+  } = props;
   const { Header, Rows } = splitChildren(children);
-  const tableContextValue = useMemo(() => ({ border }), [border]);
+
+  const tableContextValue = useMemo(
+    () => ({ hasBorder, color }),
+    [hasBorder, color],
+  );
   return (
     <TableContext.Provider value={tableContextValue}>
-      <table {...tableProps}>
+      <HTMLTable
+        bordered={bordered}
+        compact={compact}
+        interactive={interactive}
+        striped={striped}
+        {...tableProps}
+      >
         {Header}
         <tbody>{Rows}</tbody>
-      </table>
+      </HTMLTable>
     </TableContext.Provider>
   );
 }
 
-function useRowChildren(children: ReactNode) {
-  const cells: ReactElement[] = [];
-  const { border } = useTableContext();
-  for (const child of Children.toArray(children)) {
-    if (
-      typeof child === 'object' &&
-      isValidElement(child) &&
-      (child.type === Color ||
-        child.type === Boolean ||
-        child.type === Text ||
-        child.type === Number ||
-        child.type === Title ||
-        child.type === Object ||
-        child.type === Header ||
-        child.type === Component)
-    ) {
-      if (child.type === Header) {
-        cells.push(
-          <th key={child.key} css={border ? styles.border : styles.noBorder}>
-            {child}
-          </th>,
-        );
-      } else {
-        cells.push(
-          <td key={child.key} css={border ? styles.border : styles.noBorder}>
-            {child}
-          </td>,
-        );
-      }
-    } else {
-      // eslint-disable-next-line no-console
-      console.error('Invalid Row child:', child);
-      throw new Error('invalid Row child');
-    }
-  }
-  return { cells };
-}
-
-function Row({ children, style = {}, border = false }: TableProps) {
-  const { cells } = useRowChildren(children);
-  return (
-    <tr style={{ border: border ? '1px solid black' : '', ...style }}>
-      {cells}
-    </tr>
-  );
-}
-Table.Row = Row;
-Table.Header = ({ children, style, border = false }: TableProps) => {
-  return (
-    <thead>
-      <Table.Row border={border} style={style}>
-        {children}
-      </Table.Row>
-    </thead>
-  );
-};
+Table.Row = TableRow;
+Table.Header = TableHeader;

package/src/components/table/TableHeader.tsx

@@ -0,0 +1,12 @@
+import type { TableProps } from './Table';
+import { TableRow } from './TableRow';
+
+export const TableHeader = ({ children, hasBorder, style }: TableProps) => {
+  return (
+    <thead>
+      <TableRow hasBorder={hasBorder} style={style}>
+        {children}
+      </TableRow>
+    </thead>
+  );
+};

package/src/components/table/TableRow.tsx

@@ -0,0 +1,89 @@
+/** @jsxImportSource @emotion/react */
+import { css } from '@emotion/react';
+import { Children, isValidElement, ReactElement, ReactNode } from 'react';
+
+import {
+  Boolean,
+  Color,
+  Component,
+  Header,
+  Number,
+  Object,
+  Text,
+} from '../value-renderers';
+
+import type { TableProps } from './Table';
+import { useTableContext } from './tableContext';
+
+const styles = {
+  hasBorder: css({
+    border: '0.5px solid rgb(0, 0, 0)',
+    padding: '5px',
+    position: 'relative',
+  }),
+  noBorder: css({
+    padding: '5px',
+    position: 'relative',
+  }),
+};
+
+export const TableRow = ({
+  children,
+  style = {},
+  hasBorder = false,
+}: TableProps) => {
+  const { cells } = useRowChildren(children);
+  return (
+    <tr style={{ border: hasBorder ? '1px solid black' : '', ...style }}>
+      {cells}
+    </tr>
+  );
+};
+
+function useRowChildren(children: ReactNode) {
+  const cells: ReactElement[] = [];
+  const { hasBorder, color } = useTableContext();
+  for (const child of Children.toArray(children)) {
+    if (
+      typeof child === 'object' &&
+      isValidElement(child) &&
+      (child.type === Color ||
+        child.type === Boolean ||
+        child.type === Text ||
+        child.type === Number ||
+        child.type === Object ||
+        child.type === Header ||
+        child.type === Component)
+    ) {
+      if (child.type === Header) {
+        cells.push(
+          <th
+            key={child.key}
+            style={{ color }}
+            css={hasBorder ? styles.hasBorder : styles.noBorder}
+          >
+            {child}
+          </th>,
+        );
+      } else {
+        cells.push(
+          <td
+            key={child.key}
+            style={{
+              color,
+              position: 'relative',
+            }}
+            css={hasBorder ? styles.hasBorder : styles.noBorder}
+          >
+            {child}
+          </td>,
+        );
+      }
+    } else {
+      // eslint-disable-next-line no-console
+      console.error('Invalid Row child:', child);
+      throw new Error('invalid Row child');
+    }
+  }
+  return { cells };
+}

package/src/components/table/tableContext.ts

@@ -0,0 +1,7 @@
+import { createContext, useContext } from 'react';
+
+export const TableContext = createContext({ hasBorder: true, color: '' });
+export function useTableContext() {
+  const context = useContext(TableContext);
+  return context;
+}

package/src/components/toolbar/PanelPreferencesToolbar.tsx

@@ -1,7 +1,7 @@
 /** @jsxImportSource @emotion/react */
 import { css } from '@emotion/react';
 
-import { Button } from '../button/Button';
+import { Toolbar } from './Toolbar';
 
 interface PanelPreferencesToolbarProps {
   onClose?: () => void;
@@ -26,8 +26,22 @@ export function PanelPreferencesToolbar(props: PanelPreferencesToolbarProps) {
   const { onClose, onSave } = props;
   return (
     <div css={styles.toolbar}>
-      <Button minimal onClick={onClose} intent="danger" icon="cross" />
-      <Button minimal onClick={onSave} intent="success" icon="tick" />
+      <Toolbar>
+        <Toolbar.Item
+          title="close"
+          onClick={onClose}
+          intent="danger"
+          icon="cross"
+          noTooltip
+        />
+        <Toolbar.Item
+          title="save"
+          onClick={onSave}
+          intent="success"
+          icon="tick"
+          noTooltip
+        />
+      </Toolbar>
     </div>
   );
 }

package/src/components/toolbar/Toolbar.tsx

@@ -17,11 +17,13 @@ import {
   useToolbarContext,
 } from './toolbarContext';
 
-export interface ToolbarProps {
-  vertical?: boolean;
-  large?: boolean;
+interface ToolbarBaseProps {
   intent?: Intent;
   disabled?: boolean;
+}
+export interface ToolbarProps extends ToolbarBaseProps {
+  vertical?: boolean;
+  large?: boolean;
   children?:
     | Array<ReactElement<ToolbarItemProps>>
     | ReactElement<ToolbarItemProps>
@@ -30,14 +32,14 @@ export interface ToolbarProps {
     | null;
 }
 
-export interface ToolbarItemProps {
+export interface ToolbarItemProps extends ToolbarBaseProps {
   id?: string;
   title: string;
   icon: ButtonProps['icon'];
   active?: boolean;
   onClick?: (item: ToolbarItemProps) => void;
   className?: string;
-  intent?: Intent;
+  noTooltip?: boolean;
 }
 
 const border = '1px solid rgb(247, 247, 247)';
@@ -107,16 +109,19 @@ Toolbar.Item = function ToolbarItem(props: ToolbarItemProps) {
     title,
     id,
     intent: itemIntent,
+    disabled: itemDisabled,
+    noTooltip = false,
     ...other
   } = props;
 
   const {
     intent: toolbarIntent,
+    disabled: toolbarDisabled,
     large,
     vertical,
-    disabled,
   } = useToolbarContext();
-  const intent = itemIntent || toolbarIntent;
+  const intent = itemIntent ?? toolbarIntent;
+  const disabled = itemDisabled ?? toolbarDisabled;
   return (
     <Button
       minimal
@@ -139,12 +144,16 @@ Toolbar.Item = function ToolbarItem(props: ToolbarItemProps) {
       onClick={() => {
         onClick?.(props);
       }}
-      tooltipProps={{
-        content: title,
-        placement: vertical ? 'right' : 'bottom',
-        intent,
-        compact: !large,
-      }}
+      tooltipProps={
+        noTooltip
+          ? undefined
+          : {
+              content: title,
+              placement: vertical ? 'right' : 'bottom',
+              intent,
+              compact: !large,
+            }
+      }
       {...other}
     />
   );

package/lib/components/modal/ConfirmModal.d.ts

@@ -1,17 +0,0 @@
-import type { ReactNode } from 'react';
-interface ConfirmModalProps {
-    children: ReactNode;
-    isOpen: boolean;
-    requestCloseOnEsc?: boolean;
-    requestCloseOnBackdrop?: boolean;
-    onConfirm: () => void;
-    onCancel?: () => void;
-    onRequestClose: () => void;
-    saveText?: string;
-    cancelText?: string;
-    headerColor: string;
-    maxWidth?: number;
-}
-export declare function ConfirmModal(props: ConfirmModalProps): import("react/jsx-runtime").JSX.Element | null;
-export {};
-//# sourceMappingURL=ConfirmModal.d.ts.map

package/lib/components/modal/ConfirmModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfirmModal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ConfirmModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,UAAU,iBAAiB;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AA8CD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,kDAiEpD"}

package/lib/components/modal/ConfirmModal.js

@@ -1,71 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfirmModal = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = require("react");
-const __1 = require("..");
-const Portal_1 = require("../root-layout/Portal");
-const RootLayoutContext_1 = require("../root-layout/RootLayoutContext");
-const useDialog_1 = require("./useDialog");
-const ConfirmModalDialog = styled_1.default.dialog `
-  background-color: transparent;
-  :focus {
-    outline: none;
-  }
-  ::backdrop {
-    background-color: rgba(113, 113, 122, 0.75);
-  }
-`;
-const ConfirmModalContents = styled_1.default.div `
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  background-color: white;
-  width: 100%;
-  border-radius: 0.5rem;
-  box-shadow:
-    0 0 0 0,
-    0 0px 16px rgba(0, 0, 0, 0.3);
-  border-top: 10px solid ${({ headerColor }) => headerColor};
-`;
-const ConfirmModalChildrenRoot = styled_1.default.div `
-  color: ${({ headerColor }) => headerColor};
-  display: flex;
-  flex: 1 1 0%;
-  font-weight: bold;
-  padding: 20px;
-  font-size: 14px;
-`;
-const ConfirmModalFooter = styled_1.default.div `
-  border-top: 2px solid rgb(247, 247, 247);
-  padding: 10px 20px 10px 20px;
-  display: flex;
-  flex-direction: row-reverse;
-  gap: 10px;
-`;
-function ConfirmModal(props) {
-    const { isOpen, saveText = 'Save', cancelText = 'Cancel', headerColor, maxWidth, onRequestClose, onCancel = onRequestClose, onConfirm, requestCloseOnBackdrop = true, requestCloseOnEsc = true, children, } = props;
-    const dialogRef = (0, react_1.useRef)(null);
-    const { dialogProps, isModalShown } = (0, useDialog_1.useDialog)({
-        dialogRef,
-        isOpen,
-        requestCloseOnEsc,
-        requestCloseOnBackdrop,
-        onRequestClose,
-    });
-    const [portalDomNode, setPortalDomNode] = (0, react_1.useState)(null);
-    const dialogCallbackRef = (0, react_1.useCallback)((node) => {
-        setPortalDomNode(node);
-    }, []);
-    (0, react_1.useImperativeHandle)(dialogCallbackRef, () => dialogRef.current);
-    if (!isOpen) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(Portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(ConfirmModalDialog, { ...dialogProps, ref: dialogRef, children: isModalShown && ((0, jsx_runtime_1.jsx)(RootLayoutContext_1.RootLayoutProvider, { innerRef: portalDomNode, children: (0, jsx_runtime_1.jsxs)(ConfirmModalContents, { headerColor: headerColor, style: { maxWidth }, children: [(0, jsx_runtime_1.jsx)(ConfirmModalChildrenRoot, { headerColor: headerColor, children: children }), (0, jsx_runtime_1.jsxs)(ConfirmModalFooter, { children: [(0, jsx_runtime_1.jsx)(__1.Button, { intent: "primary", onClick: onConfirm, children: saveText }), (0, jsx_runtime_1.jsx)(__1.Button, { intent: "danger", onClick: onCancel, children: cancelText })] })] }) })) }) }));
-}
-exports.ConfirmModal = ConfirmModal;
-//# sourceMappingURL=ConfirmModal.js.map

package/lib/components/modal/ConfirmModal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfirmModal.js","sourceRoot":"","sources":["../../../src/components/modal/ConfirmModal.tsx"],"names":[],"mappings":";;;;;;;AAAA,6DAAqC;AAErC,iCAA2E;AAE3E,0BAA4B;AAC5B,kDAA+C;AAC/C,wEAAsE;AAEtE,2CAAwC;AAgBxC,MAAM,kBAAkB,GAAG,gBAAM,CAAC,MAAM,CAAA;;;;;;;;CAQvC,CAAC;AAEF,MAAM,oBAAoB,GAAG,gBAAM,CAAC,GAAG,CAErC;;;;;;;;;;2BAUyB,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW;CAC1D,CAAC;AAEF,MAAM,wBAAwB,GAAG,gBAAM,CAAC,GAAG,CAAyB;WACzD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW;;;;;;CAM1C,CAAC;AAEF,MAAM,kBAAkB,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;CAMpC,CAAC;AAIF,SAAgB,YAAY,CAAC,KAAwB;IACnD,MAAM,EACJ,MAAM,EACN,QAAQ,GAAG,MAAM,EACjB,UAAU,GAAG,QAAQ,EACrB,WAAW,EACX,QAAQ,EACR,cAAc,EACd,QAAQ,GAAG,cAAc,EACzB,SAAS,EACT,sBAAsB,GAAG,IAAI,EAC7B,iBAAiB,GAAG,IAAI,EACxB,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,IAAA,qBAAS,EAAC;QAC9C,SAAS;QACT,MAAM;QACN,iBAAiB;QACjB,sBAAsB;QACtB,cAAc;KACf,CAAC,CAAC;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GACrC,IAAA,gBAAQ,EAAyB,IAAI,CAAC,CAAC;IACzC,MAAM,iBAAiB,GAAG,IAAA,mBAAW,EAAC,CAAC,IAA4B,EAAE,EAAE;QACrE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,2BAAmB,EACjB,iBAAiB,EACjB,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CACxB,CAAC;IAEF,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,uBAAC,eAAM,cACL,uBAAC,kBAAkB,OAAK,WAAW,EAAE,GAAG,EAAE,SAAS,YAChD,YAAY,IAAI,CACf,uBAAC,sCAAkB,IAAC,QAAQ,EAAE,aAAa,YACzC,wBAAC,oBAAoB,IACnB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,EAAE,QAAQ,EAAE,aAEnB,uBAAC,wBAAwB,IAAC,WAAW,EAAE,WAAW,YAC/C,QAAQ,GACgB,EAE3B,wBAAC,kBAAkB,eACjB,uBAAC,UAAM,IAAC,MAAM,EAAC,SAAS,EAAC,OAAO,EAAE,SAAS,YACxC,QAAQ,GACF,EACT,uBAAC,UAAM,IAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAE,QAAQ,YACtC,UAAU,GACJ,IACU,IACA,GACJ,CACtB,GACkB,GACd,CACV,CAAC;AACJ,CAAC;AAjED,oCAiEC"}

package/lib/components/modal/Modal.d.ts

@@ -1,25 +0,0 @@
-import type { ReactElement, ReactNode } from 'react';
-export interface ModalProps {
-    children: ReactElement | ReactElement[];
-    isOpen: boolean;
-    requestCloseOnEsc?: boolean;
-    hasCloseButton?: boolean;
-    requestCloseOnBackdrop?: boolean;
-    onRequestClose: () => void;
-    maxWidth?: number;
-    width?: number;
-    height?: number;
-}
-export declare function Modal(props: ModalProps): import("react/jsx-runtime").JSX.Element | null;
-export declare namespace Modal {
-    var Header: (props: {
-        children: ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element;
-    var Body: (props: {
-        children: ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element;
-    var Footer: (props: {
-        children: ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element;
-}
-//# sourceMappingURL=Modal.d.ts.map

package/lib/components/modal/Modal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASrD,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA8CD,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,kDAgEtC;yBAhEe,KAAK"}

package/lib/components/modal/Modal.js

@@ -1,85 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = require("react");
-const index_1 = require("../index");
-const Portal_1 = require("../root-layout/Portal");
-const RootLayoutContext_1 = require("../root-layout/RootLayoutContext");
-const useDialog_1 = require("./useDialog");
-const DialogRoot = styled_1.default.dialog `
-  background-color: transparent;
-  :focus {
-    outline: none;
-  }
-  ::backdrop {
-    background-color: rgba(113, 113, 122, 0.75);
-  }
-`;
-const DialogContents = styled_1.default.div `
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  background-color: white;
-  border-width: 1px;
-  border-color: transparent;
-  border-radius: 0.5rem;
-  box-shadow:
-    0 0 0 0,
-    0 0px 16px rgba(0, 0, 0, 0.3);
-`;
-const ModalHeaderStyled = styled_1.default.div `
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 10px 20px 10px 20px;
-  border-bottom: 2px solid rgb(247, 247, 247);
-`;
-const ModalBodyStyled = styled_1.default.div `
-  display: flex;
-  flex: 1 1 0%;
-  overflow-y: auto;
-`;
-const ModalFooterStyled = styled_1.default.div `
-  border-top: 2px solid rgb(247, 247, 247);
-  padding: 10px 20px 10px 20px;
-`;
-function Modal(props) {
-    const { isOpen, onRequestClose, hasCloseButton = true, requestCloseOnBackdrop = true, requestCloseOnEsc = true, children, width, maxWidth, height, } = props;
-    const dialogRef = (0, react_1.useRef)(null);
-    const { dialogProps, isModalShown } = (0, useDialog_1.useDialog)({
-        dialogRef,
-        isOpen,
-        requestCloseOnEsc,
-        requestCloseOnBackdrop,
-        onRequestClose,
-    });
-    const [portalDomNode, setPortalDomNode] = (0, react_1.useState)(null);
-    const dialogCallbackRef = (0, react_1.useCallback)((node) => {
-        setPortalDomNode(node);
-    }, []);
-    (0, react_1.useImperativeHandle)(dialogCallbackRef, () => dialogRef.current);
-    if (!isOpen) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(Portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(DialogRoot, { ...dialogProps, ref: dialogRef, children: isModalShown && ((0, jsx_runtime_1.jsx)(RootLayoutContext_1.RootLayoutProvider, { innerRef: portalDomNode, children: (0, jsx_runtime_1.jsxs)(DialogContents, { style: {
-                        maxWidth,
-                        height: height || 'max-content',
-                        width: width || '100%',
-                    }, children: [children, hasCloseButton && ((0, jsx_runtime_1.jsx)(index_1.Button, { style: { position: 'absolute', top: 4, right: 4 }, onClick: onRequestClose, intent: "danger", minimal: true, icon: "cross" }))] }) })) }) }));
-}
-exports.Modal = Modal;
-Modal.Header = function ModalHeader(props) {
-    return (0, jsx_runtime_1.jsx)(ModalHeaderStyled, { children: props.children });
-};
-Modal.Body = function ModalBody(props) {
-    return (0, jsx_runtime_1.jsx)(ModalBodyStyled, { children: props.children });
-};
-Modal.Footer = function ModalFooter(props) {
-    return (0, jsx_runtime_1.jsx)(ModalFooterStyled, { children: props.children });
-};
-//# sourceMappingURL=Modal.js.map

package/lib/components/modal/Modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":";;;;;;;AAAA,6DAAqC;AAErC,iCAA2E;AAE3E,oCAAkC;AAClC,kDAA+C;AAC/C,wEAAsE;AAEtE,2CAAwC;AAcxC,MAAM,UAAU,GAAG,gBAAM,CAAC,MAAM,CAAA;;;;;;;;CAQ/B,CAAC;AAEF,MAAM,cAAc,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;;;;;;CAWhC,CAAC;AAEF,MAAM,iBAAiB,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;CAMnC,CAAC;AAEF,MAAM,eAAe,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;CAIjC,CAAC;AAEF,MAAM,iBAAiB,GAAG,gBAAM,CAAC,GAAG,CAAA;;;CAGnC,CAAC;AAIF,SAAgB,KAAK,CAAC,KAAiB;IACrC,MAAM,EACJ,MAAM,EACN,cAAc,EACd,cAAc,GAAG,IAAI,EACrB,sBAAsB,GAAG,IAAI,EAC7B,iBAAiB,GAAG,IAAI,EACxB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,IAAA,qBAAS,EAAC;QAC9C,SAAS;QACT,MAAM;QACN,iBAAiB;QACjB,sBAAsB;QACtB,cAAc;KACf,CAAC,CAAC;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GACrC,IAAA,gBAAQ,EAAyB,IAAI,CAAC,CAAC;IACzC,MAAM,iBAAiB,GAAG,IAAA,mBAAW,EAAC,CAAC,IAA4B,EAAE,EAAE;QACrE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,2BAAmB,EACjB,iBAAiB,EACjB,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CACxB,CAAC;IAEF,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,uBAAC,eAAM,cACL,uBAAC,UAAU,OAAK,WAAW,EAAE,GAAG,EAAE,SAAS,YACxC,YAAY,IAAI,CACf,uBAAC,sCAAkB,IAAC,QAAQ,EAAE,aAAa,YACzC,wBAAC,cAAc,IACb,KAAK,EAAE;wBACL,QAAQ;wBACR,MAAM,EAAE,MAAM,IAAI,aAAa;wBAC/B,KAAK,EAAE,KAAK,IAAI,MAAM;qBACvB,aAEA,QAAQ,EACR,cAAc,IAAI,CACjB,uBAAC,cAAM,IACL,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EACjD,OAAO,EAAE,cAAc,EACvB,MAAM,EAAC,QAAQ,EACf,OAAO,QACP,IAAI,EAAC,OAAO,GACZ,CACH,IACc,GACE,CACtB,GACU,GACN,CACV,CAAC;AACJ,CAAC;AAhED,sBAgEC;AAED,KAAK,CAAC,MAAM,GAAG,SAAS,WAAW,CAAC,KAA8B;IAChE,OAAO,uBAAC,iBAAiB,cAAE,KAAK,CAAC,QAAQ,GAAqB,CAAC;AACjE,CAAC,CAAC;AAEF,KAAK,CAAC,IAAI,GAAG,SAAS,SAAS,CAAC,KAA8B;IAC5D,OAAO,uBAAC,eAAe,cAAE,KAAK,CAAC,QAAQ,GAAmB,CAAC;AAC7D,CAAC,CAAC;AAEF,KAAK,CAAC,MAAM,GAAG,SAAS,WAAW,CAAC,KAA8B;IAChE,OAAO,uBAAC,iBAAiB,cAAE,KAAK,CAAC,QAAQ,GAAqB,CAAC;AACjE,CAAC,CAAC"}

package/lib/components/modal/index.d.ts

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

package/lib/components/modal/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}

package/lib/components/modal/index.js

@@ -1,19 +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("./ConfirmModal"), exports);
-__exportStar(require("./Modal"), exports);
-//# sourceMappingURL=index.js.map

package/lib/components/modal/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/modal/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,0CAAwB"}

package/lib/components/modal/useDialog.d.ts

@@ -1,19 +0,0 @@
-import { MouseEventHandler, ReactEventHandler, RefObject } from 'react';
-interface UseDialogOptions {
-    dialogRef: RefObject<HTMLDialogElement>;
-    isOpen: boolean;
-    requestCloseOnEsc: boolean;
-    requestCloseOnBackdrop: boolean;
-    onRequestClose: () => void;
-}
-interface UseDialogReturn {
-    dialogProps: {
-        onClick: MouseEventHandler<HTMLDialogElement>;
-        onCancel: ReactEventHandler<HTMLDialogElement>;
-        onClose: UseDialogOptions['onRequestClose'];
-    };
-    isModalShown: boolean;
-}
-export declare function useDialog({ dialogRef, isOpen, requestCloseOnEsc, requestCloseOnBackdrop, onRequestClose, }: UseDialogOptions): UseDialogReturn;
-export {};
-//# sourceMappingURL=useDialog.d.ts.map

package/lib/components/modal/useDialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDialog.d.ts","sourceRoot":"","sources":["../../../src/components/modal/useDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,SAAS,EAIV,MAAM,OAAO,CAAC;AAKf,UAAU,gBAAgB;IACxB,SAAS,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,sBAAsB,EAAE,OAAO,CAAC;IAChC,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,UAAU,eAAe;IACvB,WAAW,EAAE;QACX,OAAO,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;QAC9C,QAAQ,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;QAC/C,OAAO,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;KAC7C,CAAC;IACF,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,MAAM,EACN,iBAAiB,EACjB,sBAAsB,EACtB,cAAc,GACf,EAAE,gBAAgB,GAAG,eAAe,CA2DpC"}