react-science 0.32.1 → 0.32.2

package/lib/components/hooks/useOnOff.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOnOff = void 0;
+const react_1 = require("react");
+function useOnOff(initialValue = false) {
+    const [isOn, setOnOff] = (0, react_1.useState)(initialValue);
+    const setOn = (0, react_1.useCallback)(() => setOnOff(true), []);
+    const setOff = (0, react_1.useCallback)(() => setOnOff(false), []);
+    const toggle = (0, react_1.useCallback)(() => setOnOff((isOn) => !isOn), []);
+    return [isOn, setOn, setOff, toggle];
+}
+exports.useOnOff = useOnOff;
+//# sourceMappingURL=useOnOff.js.map

package/lib/components/hooks/useOnOff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnOff.js","sourceRoot":"","sources":["../../../src/components/hooks/useOnOff.ts"],"names":[],"mappings":";;;AAAA,iCAA8C;AAE9C,SAAgB,QAAQ,CACtB,YAAY,GAAG,KAAK;IAEpB,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAC;IAChD,MAAM,KAAK,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IACpD,MAAM,MAAM,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IACtD,MAAM,MAAM,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAChE,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AACvC,CAAC;AARD,4BAQC"}

package/lib/components/hooks/useToggle.d.ts

@@ -0,0 +1,2 @@
+export declare function useToggle(initialValue?: boolean): [isOn: boolean, toggle: () => void];
+//# sourceMappingURL=useToggle.d.ts.map

package/lib/components/hooks/useToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggle.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useToggle.ts"],"names":[],"mappings":"AAEA,wBAAgB,SAAS,CACvB,YAAY,UAAQ,GACnB,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC,CAGrC"}

package/lib/components/hooks/useToggle.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useToggle = void 0;
+const useOnOff_1 = require("./useOnOff");
+function useToggle(initialValue = false) {
+    const [isOn, , , toggle] = (0, useOnOff_1.useOnOff)(initialValue);
+    return [isOn, toggle];
+}
+exports.useToggle = useToggle;
+//# sourceMappingURL=useToggle.js.map

package/lib/components/hooks/useToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggle.js","sourceRoot":"","sources":["../../../src/components/hooks/useToggle.ts"],"names":[],"mappings":";;;AAAA,yCAAsC;AAEtC,SAAgB,SAAS,CACvB,YAAY,GAAG,KAAK;IAEpB,MAAM,CAAC,IAAI,EAAE,AAAD,EAAG,AAAD,EAAG,MAAM,CAAC,GAAG,IAAA,mBAAQ,EAAC,YAAY,CAAC,CAAC;IAClD,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AACxB,CAAC;AALD,8BAKC"}

package/lib/components/index.d.ts

@@ -0,0 +1,19 @@
+export * from './accordion/index';
+export * from './button/index';
+export * from './color-picker/index';
+export * from './drop-zone/index';
+export * from './forms/index';
+export * from './fullscreen/index';
+export * from './header/index';
+export * from './hooks/index';
+export * from './info-panel/index';
+export * from './layout-manager/index';
+export * from './modal/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';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAC"}

package/lib/components/index.js

@@ -0,0 +1,48 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+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);
+};
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ValueRenderers = void 0;
+__exportStar(require("./accordion/index"), exports);
+__exportStar(require("./button/index"), exports);
+__exportStar(require("./color-picker/index"), exports);
+__exportStar(require("./drop-zone/index"), exports);
+__exportStar(require("./forms/index"), exports);
+__exportStar(require("./fullscreen/index"), exports);
+__exportStar(require("./header/index"), exports);
+__exportStar(require("./hooks/index"), exports);
+__exportStar(require("./info-panel/index"), exports);
+__exportStar(require("./layout-manager/index"), exports);
+__exportStar(require("./modal/index"), exports);
+__exportStar(require("./root-layout/index"), exports);
+__exportStar(require("./split-pane/index"), exports);
+__exportStar(require("./table/index"), exports);
+__exportStar(require("./tabs/index"), exports);
+__exportStar(require("./toolbar/index"), exports);
+__exportStar(require("./utils/index"), exports);
+exports.ValueRenderers = __importStar(require("./value-renderers/index"));
+//# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,iDAA+B;AAC/B,uDAAqC;AACrC,oDAAkC;AAClC,gDAA8B;AAC9B,qDAAmC;AACnC,iDAA+B;AAC/B,gDAA8B;AAC9B,qDAAmC;AACnC,yDAAuC;AACvC,gDAA8B;AAC9B,sDAAoC;AACpC,qDAAmC;AACnC,gDAA8B;AAC9B,+CAA6B;AAC7B,kDAAgC;AAChC,gDAA8B;AAC9B,0EAA0D"}

package/lib/components/info-panel/InfoPanel.d.ts

@@ -0,0 +1,15 @@
+import { CSSProperties } from 'react';
+export interface InfoPanelData {
+    description: string;
+    data: Record<string, string | number | object | boolean | any>;
+}
+interface InfoPanelProps {
+    title?: string;
+    data?: InfoPanelData[];
+    titleStyle?: CSSProperties;
+    inputStyle?: CSSProperties;
+    tableStyle?: CSSProperties;
+}
+export declare function InfoPanel(props: InfoPanelProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=InfoPanel.d.ts.map

package/lib/components/info-panel/InfoPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoPanel.d.ts","sourceRoot":"","sources":["../../../src/components/info-panel/InfoPanel.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAY,MAAM,OAAO,CAAC;AAMhD,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,GAAG,CAAC,CAAC;CAChE;AAED,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAwBD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,oDAkF9C"}

package/lib/components/info-panel/InfoPanel.js

@@ -0,0 +1,113 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InfoPanel = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+const core_1 = require("@blueprintjs/core");
+const react_1 = require("@emotion/react");
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error
+// @ts-ignore
+const react_2 = require("@headlessui/react");
+const react_3 = require("react");
+const fa_1 = require("react-icons/fa");
+const index_1 = require("../index");
+const Table_1 = require("../table/Table");
+const style = {
+    container: (0, react_1.css)({
+        padding: '5px',
+    }),
+    chevron: (open) => (0, react_1.css)({
+        rotate: open ? '90deg' : '0deg',
+        transition: 'all 0.3s ease-in-out',
+    }),
+    button: (0, react_1.css)({
+        display: 'flex',
+        alignItems: 'center',
+        gap: 5,
+        padding: '5px 2px',
+    }),
+    table: (0, react_1.css) `
+    width: 100%;
+    td:first-of-type {
+      width: 30%;
+    }
+  `,
+};
+function InfoPanel(props) {
+    const [search, setSearch] = (0, react_3.useState)('');
+    const { title = 'Information', data = [], titleStyle, inputStyle, tableStyle, } = props;
+    function viewData(data) {
+        const exactMatch = [];
+        const startsWith = [];
+        const includes = [];
+        const valueContains = [];
+        for (const [key, value] of Object.entries(data)) {
+            if (key === search) {
+                exactMatch.push([key, value]);
+                continue;
+            }
+            if (key.startsWith(search)) {
+                startsWith.push([key, value]);
+                continue;
+            }
+            if (key.includes(search)) {
+                includes.push([key, value]);
+                continue;
+            }
+            if (valueSearch(value, search)) {
+                valueContains.push([key, value]);
+                continue;
+            }
+        }
+        return [...exactMatch, ...startsWith, ...includes, ...valueContains].map(([key, value]) => ((0, jsx_runtime_1.jsxs)(Table_1.Table.Row, { children: [(0, jsx_runtime_1.jsx)(index_1.ValueRenderers.Text, { value: key }), valueCell(value)] }, key)));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { css: style.container, children: [(0, jsx_runtime_1.jsx)("div", { style: titleStyle, children: title }), (0, jsx_runtime_1.jsx)(core_1.InputGroup, { placeholder: "search for a parameter ...", value: search, onChange: ({ target }) => {
+                    if (target.value !== undefined)
+                        setSearch(target.value);
+                }, style: inputStyle, leftIcon: "search", type: "search" }), data.map(({ description, data }) => {
+                const content = viewData(data);
+                return content.length > 0 ? ((0, jsx_runtime_1.jsx)(react_2.Disclosure, { defaultOpen: true, children: ({ open }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_2.Disclosure.Button, { css: style.button, children: [(0, jsx_runtime_1.jsx)(fa_1.FaChevronRight, { css: style.chevron(open) }), description] }), (0, jsx_runtime_1.jsx)(react_2.Disclosure.Panel, { children: (0, jsx_runtime_1.jsxs)(Table_1.Table, { css: style.table, style: tableStyle, children: [(0, jsx_runtime_1.jsxs)(Table_1.Table.Header, { children: [(0, jsx_runtime_1.jsx)(index_1.ValueRenderers.Title, { value: "Parameter" }), (0, jsx_runtime_1.jsx)(index_1.ValueRenderers.Title, { value: "Value" })] }), content] }) })] })) }, description)) : null;
+            })] }));
+}
+exports.InfoPanel = InfoPanel;
+/**
+ * Get the value cell depending on the type of the value
+ * @param value - ValueRenderers value.
+ * @returns - ValueRenderers component.
+ */
+function valueCell(value) {
+    switch (typeof value) {
+        case 'boolean':
+            return (0, jsx_runtime_1.jsx)(index_1.ValueRenderers.Text, { value: value ? 'Yes' : 'No' });
+        case 'number':
+            return (0, jsx_runtime_1.jsx)(index_1.ValueRenderers.Number, { value: value });
+        case 'object':
+            return (0, jsx_runtime_1.jsx)(index_1.ValueRenderers.Object, { value: value });
+        case 'string':
+            return (0, jsx_runtime_1.jsx)(index_1.ValueRenderers.Text, { value: value });
+        default:
+            (0, jsx_runtime_1.jsx)(index_1.ValueRenderers.Text, { value: value });
+    }
+}
+/**
+ * Search a string in different type of values
+ *
+ * @param value - Value to search in.
+ * @param search - Value to search for.
+ * @returns - If search exist in value
+ */
+function valueSearch(value, search) {
+    switch (typeof value) {
+        case 'number':
+            return String(value).includes(search);
+        case 'boolean':
+            return String(value).includes(search);
+        case 'object':
+            return JSON.stringify(value).includes(search);
+        case 'string':
+            return value.includes(search);
+        default:
+            return true;
+    }
+}
+//# sourceMappingURL=InfoPanel.js.map

package/lib/components/info-panel/InfoPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoPanel.js","sourceRoot":"","sources":["../../../src/components/info-panel/InfoPanel.tsx"],"names":[],"mappings":";;;;AAAA,sCAAsC;AACtC,4CAA+C;AAC/C,0CAAqC;AACrC,wGAAwG;AACxG,aAAa;AACb,6CAA+C;AAC/C,iCAAgD;AAChD,uCAAgD;AAEhD,oCAA0C;AAC1C,0CAAuC;AAcvC,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,IAAA,WAAG,EAAC;QACb,OAAO,EAAE,KAAK;KACf,CAAC;IACF,OAAO,EAAE,CAAC,IAAa,EAAE,EAAE,CACzB,IAAA,WAAG,EAAC;QACF,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;QAC/B,UAAU,EAAE,sBAAsB;KACnC,CAAC;IACJ,MAAM,EAAE,IAAA,WAAG,EAAC;QACV,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,CAAC;QACN,OAAO,EAAE,SAAS;KACnB,CAAC;IACF,KAAK,EAAE,IAAA,WAAG,EAAA;;;;;GAKT;CACF,CAAC;AAEF,SAAgB,SAAS,CAAC,KAAqB;IAC7C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACzC,MAAM,EACJ,KAAK,GAAG,aAAa,EACrB,IAAI,GAAG,EAAE,EACT,UAAU,EACV,UAAU,EACV,UAAU,GACX,GAAG,KAAK,CAAC;IACV,SAAS,QAAQ,CAAC,IAA8C;QAC9D,MAAM,UAAU,GAA8C,EAAE,CAAC;QACjE,MAAM,UAAU,GAA8C,EAAE,CAAC;QACjE,MAAM,QAAQ,GAA8C,EAAE,CAAC;QAC/D,MAAM,aAAa,GAA8C,EAAE,CAAC;QAEpE,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;YAChD,IAAI,GAAG,KAAK,MAAM,EAAE,CAAC;gBACnB,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;gBAC9B,SAAS;YACX,CAAC;YACD,IAAI,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC3B,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;gBAC9B,SAAS;YACX,CAAC;YACD,IAAI,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;gBACzB,QAAQ,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;gBAC5B,SAAS;YACX,CAAC;YACD,IAAI,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC;gBAC/B,aAAa,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;gBACjC,SAAS;YACX,CAAC;QACH,CAAC;QACD,OAAO,CAAC,GAAG,UAAU,EAAE,GAAG,UAAU,EAAE,GAAG,QAAQ,EAAE,GAAG,aAAa,CAAC,CAAC,GAAG,CACtE,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAChB,wBAAC,aAAK,CAAC,GAAG,eACR,uBAAC,sBAAc,CAAC,IAAI,IAAC,KAAK,EAAE,GAAG,GAAI,EAClC,SAAS,CAAC,KAAK,CAAC,KAFH,GAAG,CAGP,CACb,CACF,CAAC;IACJ,CAAC;IACD,OAAO,CACL,iCAAK,GAAG,EAAE,KAAK,CAAC,SAAS,aACvB,gCAAK,KAAK,EAAE,UAAU,YAAG,KAAK,GAAO,EACrC,uBAAC,iBAAU,IACT,WAAW,EAAC,4BAA4B,EACxC,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;oBACvB,IAAI,MAAM,CAAC,KAAK,KAAK,SAAS;wBAAE,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC1D,CAAC,EACD,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAC,QAAQ,EACjB,IAAI,EAAC,QAAQ,GACb,EAED,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,EAAE;gBAClC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;gBAC/B,OAAO,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC1B,uBAAC,kBAAU,IAAC,WAAW,kBACpB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACb,6DACE,wBAAC,kBAAU,CAAC,MAAM,IAAC,GAAG,EAAE,KAAK,CAAC,MAAM,aAClC,uBAAC,mBAAc,IAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAI,EAC3C,WAAW,IACM,EACpB,uBAAC,kBAAU,CAAC,KAAK,cACf,wBAAC,aAAK,IAAC,GAAG,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,UAAU,aACxC,wBAAC,aAAK,CAAC,MAAM,eACX,uBAAC,sBAAc,CAAC,KAAK,IAAC,KAAK,EAAC,WAAW,GAAG,EAC1C,uBAAC,sBAAc,CAAC,KAAK,IAAC,KAAK,EAAC,OAAO,GAAG,IACzB,EACd,OAAO,IACF,GACS,IAClB,CACJ,IAjB0B,WAAW,CAkB3B,CACd,CAAC,CAAC,CAAC,IAAI,CAAC;YACX,CAAC,CAAC,IACE,CACP,CAAC;AACJ,CAAC;AAlFD,8BAkFC;AACD;;;;GAIG;AACH,SAAS,SAAS,CAAC,KAAyC;IAC1D,QAAQ,OAAO,KAAK,EAAE,CAAC;QACrB,KAAK,SAAS;YACZ,OAAO,uBAAC,sBAAc,CAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,GAAI,CAAC;QAC9D,KAAK,QAAQ;YACX,OAAO,uBAAC,sBAAc,CAAC,MAAM,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QACjD,KAAK,QAAQ;YACX,OAAO,uBAAC,sBAAc,CAAC,MAAM,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QACjD,KAAK,QAAQ;YACX,OAAO,uBAAC,sBAAc,CAAC,IAAI,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;QAC/C;YACE,uBAAC,sBAAc,CAAC,IAAI,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;IAC1C,CAAC;AACH,CAAC;AAED;;;;;;GAMG;AACH,SAAS,WAAW,CAClB,KAAyC,EACzC,MAAc;IAEd,QAAQ,OAAO,KAAK,EAAE,CAAC;QACrB,KAAK,QAAQ;YACX,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACxC,KAAK,SAAS;YACZ,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACxC,KAAK,QAAQ;YACX,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAChD,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAChC;YACE,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC"}

package/lib/components/info-panel/index.d.ts

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

package/lib/components/info-panel/index.d.ts.map

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

package/lib/components/info-panel/index.js

@@ -0,0 +1,18 @@
+"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("./InfoPanel"), exports);
+//# sourceMappingURL=index.js.map

package/lib/components/info-panel/index.js.map

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

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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1 @@
+{"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;AAOf,QAAA,MAAM,gBAAgB,EAAE,aAKvB,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

@@ -0,0 +1,53 @@
+"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 Modal_1 = require("../modal/Modal");
+const SplitPane_1 = require("../split-pane/SplitPane");
+const layoutComponents = {
+    SplitPane: SplitPane_1.SplitPane,
+    Accordion: Accordion_1.Accordion,
+    Modal: Modal_1.Modal,
+    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

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutManager.js","sourceRoot":"","sources":["../../../src/components/layout-manager/LayoutManager.tsx"],"names":[],"mappings":";;;AAAA,uCAA0C;AAC1C,iCAKe;AAEf,sDAAmD;AACnD,oDAAiD;AACjD,0CAAuC;AACvC,uDAAoD;AAEpD,MAAM,gBAAgB,GAAkB;IACtC,SAAS,EAAT,qBAAS;IACT,SAAS,EAAT,qBAAS;IACT,KAAK,EAAL,aAAK;IACL,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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,18 @@
+"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

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

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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,71 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,25 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,85 @@
+"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

@@ -0,0 +1 @@
+{"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

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