react-science 0.32.2 → 0.34.0

package/src/components/dialog/ConfirmDialog.tsx

@@ -0,0 +1,65 @@
+/** @jsxImportSource @emotion/react */
+import {
+  Dialog,
+  DialogBody,
+  DialogFooter,
+  DialogProps,
+} from '@blueprintjs/core';
+import { css } from '@emotion/react';
+
+import { Button } from '..';
+
+interface ConfirmDialogProps extends Omit<DialogProps, 'isCloseButtonShown'> {
+  onConfirm: () => void;
+  onCancel?: () => void;
+  saveText?: string;
+  cancelText?: string;
+  headerColor: string;
+}
+
+export function ConfirmDialog(props: ConfirmDialogProps) {
+  const {
+    saveText = 'Save',
+    cancelText = 'Cancel',
+    headerColor,
+    onClose,
+    onCancel = onClose,
+    onConfirm,
+    children,
+    ...otherProps
+  } = props;
+
+  return (
+    <Dialog
+      onClose={onClose}
+      {...otherProps}
+      title=" "
+      isCloseButtonShown={false}
+      css={css`
+        .bp5-dialog-header {
+          background-color: ${headerColor};
+          min-height: 0px;
+        }
+      `}
+    >
+      <DialogBody>{children}</DialogBody>
+      <DialogFooter
+        minimal
+        actions={[
+          <Button
+            key="cancel"
+            intent="danger"
+            text={cancelText}
+            onClick={onCancel}
+          />,
+          <Button
+            key="save"
+            intent="primary"
+            text={saveText}
+            onClick={onConfirm}
+          />,
+        ]}
+      />
+    </Dialog>
+  );
+}

package/src/components/dialog/index.ts

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

package/src/components/index.ts

@@ -8,11 +8,10 @@ export * from './header/index';
 export * from './hooks/index';
 export * from './info-panel/index';
 export * from './layout-manager/index';
-export * from './modal/index';
+export * from './dialog/index';
 export * from './root-layout/index';
 export * from './split-pane/index';
 export * from './table/index';
-export * from './tabs/index';
 export * from './toolbar/index';
 export * from './utils/index';
 export * as ValueRenderers from './value-renderers/index';

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

@@ -20,7 +20,6 @@ interface InfoPanelProps {
   data?: InfoPanelData[];
   titleStyle?: CSSProperties;
   inputStyle?: CSSProperties;
-  tableStyle?: CSSProperties;
 }
 const style = {
   container: css({
@@ -37,23 +36,11 @@ const style = {
     gap: 5,
     padding: '5px 2px',
   }),
-  table: css`
-    width: 100%;
-    td:first-of-type {
-      width: 30%;
-    }
-  `,
 };
 
 export function InfoPanel(props: InfoPanelProps) {
   const [search, setSearch] = useState('');
-  const {
-    title = 'Information',
-    data = [],
-    titleStyle,
-    inputStyle,
-    tableStyle,
-  } = props;
+  const { title = 'Information', data = [], titleStyle, inputStyle } = props;
   function viewData(data: Record<string, string | number | object>) {
     const exactMatch: Array<[string, string | number | object]> = [];
     const startsWith: Array<[string, string | number | object]> = [];
@@ -112,10 +99,10 @@ export function InfoPanel(props: InfoPanelProps) {
                   {description}
                 </Disclosure.Button>
                 <Disclosure.Panel>
-                  <Table css={style.table} style={tableStyle}>
+                  <Table bordered>
                     <Table.Header>
-                      <ValueRenderers.Title value="Parameter" />
-                      <ValueRenderers.Title value="Value" />
+                      <ValueRenderers.Header value="Parameter" />
+                      <ValueRenderers.Header value="Value" />
                     </Table.Header>
                     {content}
                   </Table>

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

@@ -8,13 +8,11 @@ import {
 
 import { Accordion } from '../accordion/Accordion';
 import { DropZone } from '../drop-zone/DropZone';
-import { Modal } from '../modal/Modal';
 import { SplitPane } from '../split-pane/SplitPane';
 
 const layoutComponents: ComponentsMap = {
   SplitPane,
   Accordion,
-  Modal,
   DropZone,
 };
 

package/src/components/root-layout/RootLayout.tsx

@@ -33,7 +33,7 @@ export function RootLayout(props: RootLayoutProps) {
   }, []);
 
   return (
-    <div style={{ ...style, ...props.style }}>
+    <div style={{ ...style, ...props.style }} translate="no">
       <CustomDivPreflight ref={ref}>
         <RootLayoutProvider innerRef={rootRef}>
           <QueryClientProvider client={queryClient}>

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"}