xmlui 0.7.21 → 0.7.23

package/dist/xmlui.d.ts

@@ -585,7 +585,7 @@ export declare type ComponentLike = ComponentDef | CompoundComponentDef;
  * the metadata defined here in concert with the renderer object using the
  * same metadata type.
  */
-declare type ComponentMetadata<TProps extends Record<string, ComponentPropertyMetadata> = Record<string, any>, TEvents extends Record<string, ComponentPropertyMetadata> = Record<string, any>, TContextValues extends Record<string, ComponentPropertyMetadata> = Record<string, any>, TApis extends Record<string, ComponentPropertyMetadata> = Record<string, any>> = {
+export declare type ComponentMetadata<TProps extends Record<string, ComponentPropertyMetadata> = Record<string, any>, TEvents extends Record<string, ComponentPropertyMetadata> = Record<string, any>, TContextValues extends Record<string, ComponentPropertyMetadata> = Record<string, any>, TApis extends Record<string, ComponentPropertyMetadata> = Record<string, any>> = {
     status?: "stable" | "experimental" | "deprecated" | "in progress";
     description?: string;
     shortDescription?: string;
@@ -601,6 +601,7 @@ declare type ComponentMetadata<TProps extends Record<string, ComponentPropertyMe
     allowArbitraryProps?: boolean;
     specializedFrom?: string;
     docFolder?: string;
+    isHtmlTag?: boolean;
 };
 
 /**
@@ -768,7 +769,7 @@ declare type ContributesDefinition = {
  */
 export declare function createComponentRenderer<TMd extends ComponentMetadata>(type: string, metadata: TMd, renderer: ComponentRendererFn<ComponentDef<TMd>>): ComponentRendererDef;
 
-export declare function createMetadata<TProps extends Record<string, ComponentPropertyMetadata>, TEvents extends Record<string, ComponentPropertyMetadata>, TContextVars extends Record<string, ComponentPropertyMetadata> = Record<string, any>, TApis extends Record<string, ComponentPropertyMetadata> = Record<string, any>>({ description, shortDescription, specializedFrom, status, props, events, contextVars, apis, nonVisual, opaque, themeVars, defaultThemeVars, toneSpecificThemeVars, allowArbitraryProps, docFolder, }: ComponentMetadata<TProps, TEvents, TContextVars, TApis>): ComponentMetadata<TProps, TEvents, TContextVars, TApis>;
+export declare function createMetadata<TProps extends Record<string, ComponentPropertyMetadata>, TEvents extends Record<string, ComponentPropertyMetadata>, TContextVars extends Record<string, ComponentPropertyMetadata> = Record<string, any>, TApis extends Record<string, ComponentPropertyMetadata> = Record<string, any>>({ description, shortDescription, specializedFrom, status, props, events, contextVars, apis, nonVisual, opaque, themeVars, defaultThemeVars, toneSpecificThemeVars, allowArbitraryProps, docFolder, isHtmlTag, }: ComponentMetadata<TProps, TEvents, TContextVars, TApis>): ComponentMetadata<TProps, TEvents, TContextVars, TApis>;
 
 export declare function d(description: string, availableValues?: readonly PropertyValueDescription[], valueType?: PropertyValueType, defaultValue?: any, isValid?: IsValidFunction<any>): ComponentPropertyMetadata;
 

package/dist/xmlui.mjs

@@ -1,4 +1,4 @@
-import { A as e, B as t, E as r, I as o, h as p, f as n, S as c, c as d, b as u, e as S, i as l, p as A, s as C, t as m, j as B, u as f } from "./index-5NLXyjX0.mjs";
+import { A as e, B as t, E as r, I as o, h as p, f as n, S as c, c as d, b as u, e as S, i as l, p as A, s as C, t as m, j as B, u as f } from "./index-C9zkAour.mjs";
 export {
   e as AppRoot,
   t as Button,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xmlui",
-  "version": "0.7.21",
+  "version": "0.7.23",
   "sideEffects": false,
   "scripts": {
     "start-test-bed": "cd src/testing/infrastructure && xmlui start",
@@ -26,7 +26,6 @@
     "@eslint-community/regexpp": "4.10.0",
     "@formkit/auto-animate": "0.7.0",
     "@headlessui/react": "1.7.16",
-    "@microsoft/tsdoc-config": "0.17.0",
     "@modyfi/vite-plugin-yaml": "1.1.0",
     "@monaco-editor/react": "4.4.6",
     "@nivo/bar": "0.87.0",
@@ -42,6 +41,7 @@
     "@radix-ui/react-popover": "^1.1.2",
     "@radix-ui/react-radio-group": "1.1.3",
     "@radix-ui/react-select": "^2.1.2",
+    "@radix-ui/react-slider": "^1.2.3",
     "@radix-ui/react-tabs": "1.1.0",
     "@radix-ui/react-visually-hidden": "1.0.3",
     "@remix-run/react": "2.9.1",
@@ -97,6 +97,7 @@
     "shiki": "^1.14.1",
     "ts-node": "10.9.1",
     "use-context-selector": "1.4.1",
+    "virtua": "0.40.0",
     "vite-plugin-lib-inject-css": "1.3.0",
     "vite-plugin-svgr": "4.2.0",
     "yargs": "17.7.2"
@@ -131,7 +132,6 @@
     "rimraf": "6.0.1",
     "rollup-plugin-visualizer": "5.8.3",
     "serve": "14.2.0",
-    "typedoc": "^0.26.2",
     "typescript": "5.7.3",
     "vite": "5.4.9",
     "vite-plugin-dts": "4.5.0",

package/dist/scripts/package.json

@@ -1,210 +0,0 @@
-{
-    "name": "xmlui",
-    "version": "0.7.21",
-    "sideEffects": false,
-    "scripts": {
-        "start-test-bed": "cd src/testing/infrastructure && xmlui start",
-        "build:test-bed": "cd src/testing/infrastructure && xmlui build --build-mode=INLINE_ALL --withHostingMetaFiles",
-        "build:bin": "tsc -p tsconfig.bin.json",
-        "build:xmlui": "vite build --mode lib",
-        "build:xmlui-standalone": "vite build --mode standalone",
-        "build:xmlui-metadata": "vite build --mode metadata",
-        "build": "rimraf dist && tsc && npm run build:bin && npm run build:xmlui-metadata && npm run build:xmlui && npm run build:xmlui-standalone",
-        "test": "npm run test:unit",
-        "test:unit": "vitest run",
-        "test:e2e": "playwright test",
-        "test:e2e-smoke": "playwright test --project smoke",
-        "test:e2e-ui": "npm run test:e2e -- --ui",
-        "prepublishOnly": "clean-package && npm run build",
-        "postpublish": "clean-package restore",
-        "prepare-docs-data": "npm run build:xmlui-metadata",
-        "generate-docs": "node scripts/generate-docs/get-docs.mjs"
-    },
-    "dependencies": {
-        "@azure/msal-browser": "2.30.0",
-        "@azure/msal-react": "1.4.9",
-        "@eslint-community/regexpp": "4.10.0",
-        "@formkit/auto-animate": "0.7.0",
-        "@headlessui/react": "1.7.16",
-        "@microsoft/tsdoc-config": "0.17.0",
-        "@modyfi/vite-plugin-yaml": "1.1.0",
-        "@monaco-editor/react": "4.4.6",
-        "@nivo/bar": "0.87.0",
-        "@nivo/core": "0.87.0",
-        "@nivo/geo": "0.87.0",
-        "@nivo/pie": "0.87.0",
-        "@popperjs/core": "2.11.6",
-        "@radix-ui/react-accordion": "^1.2.0",
-        "@radix-ui/react-alert-dialog": "^1.1.2",
-        "@radix-ui/react-dialog": "1.0.5",
-        "@radix-ui/react-dropdown-menu": "2.0.6",
-        "@radix-ui/react-hover-card": "1.0.7",
-        "@radix-ui/react-popover": "^1.1.2",
-        "@radix-ui/react-radio-group": "1.1.3",
-        "@radix-ui/react-select": "^2.1.2",
-        "@radix-ui/react-tabs": "1.1.0",
-        "@radix-ui/react-visually-hidden": "1.0.3",
-        "@remix-run/react": "2.9.1",
-        "@tanstack/react-query": "4.32.6",
-        "@tanstack/react-query-devtools": "4.32.6",
-        "@tanstack/react-table": "8.17.3",
-        "@tanstack/react-virtual": "3.10.8",
-        "@types/color": "3.0.6",
-        "@vitejs/plugin-react": "4.3.0",
-        "adm-zip": "0.5.10",
-        "apexcharts": "3.44.0",
-        "axios": "1.7.7",
-        "cmdk": "^1.0.4",
-        "color": "4.2.3",
-        "date-fns": "2.30.0",
-        "dexie": "3.2.4",
-        "dotenv": "16.3.1",
-        "downshift": "8.2.3",
-        "embla-carousel-autoplay": "^8.3.0",
-        "embla-carousel-react": "^8.3.0",
-        "emoji-picker-react": "4.4.10",
-        "glob": "7.2.0",
-        "immer": "9.0.16",
-        "lodash-es": "4.17.21",
-        "memoize-one": "6.0.0",
-        "monaco-editor": "0.34.1",
-        "msw": "2.0.1",
-        "oidc-client-ts": "2.1.0",
-        "react": "18.2.0",
-        "react-apexcharts": "1.4.1",
-        "react-currency-input-field": "3.6.9",
-        "react-datepicker": "4.25.0",
-        "react-day-picker": "8.10.1",
-        "react-dom": "18.2.0",
-        "react-dropzone": "14.2.3",
-        "react-helmet-async": "1.3.0",
-        "react-hot-toast": "2.4.1",
-        "react-icons": "4.8.0",
-        "react-imask": "7.1.3",
-        "react-markdown": "9.0.1",
-        "react-measure": "2.5.2",
-        "react-oidc-context": "2.2.0",
-        "react-popper": "2.3.0",
-        "react-resizable-panels": "2.0.19",
-        "react-router-dom": "6.23.0",
-        "react-select": "5.7.4",
-        "react-textarea-autosize": "8.5.3",
-        "react-virtualized-auto-sizer": "1.0.24",
-        "react-window": "1.8.10",
-        "recharts": "^2.15.1",
-        "sass": "1.55.0",
-        "scroll-into-view-if-needed": "^3.1.0",
-        "shiki": "^1.14.1",
-        "ts-node": "10.9.1",
-        "use-context-selector": "1.4.1",
-        "vite-plugin-lib-inject-css": "1.3.0",
-        "vite-plugin-svgr": "4.2.0",
-        "yargs": "17.7.2"
-    },
-    "devDependencies": {
-        "@babel/core": "7.19.6",
-        "@babel/preset-env": "7.19.4",
-        "@babel/preset-typescript": "7.18.6",
-        "@playwright/test": "^1.49.0",
-        "@types/adm-zip": "0.5.4",
-        "@types/glob": "7.2.0",
-        "@types/lodash-es": "4.17.6",
-        "@types/node": "18.11.5",
-        "@types/react": "18.2.23",
-        "@types/react-datepicker": "4.19.5",
-        "@types/react-dom": "18.2.8",
-        "@types/react-measure": "^2.0.8",
-        "@types/react-pdf": "5.7.2",
-        "@types/react-window": "1.8.8",
-        "@types/yargs": "17.0.31",
-        "@typescript-eslint/eslint-plugin": "6.7.4",
-        "@typescript-eslint/parser": "6.19.0",
-        "babel-loader": "8.2.5",
-        "clean-package": "2.2.0",
-        "eslint": "^8.57.0",
-        "eslint-import-resolver-typescript": "3.6.1",
-        "eslint-plugin-import": "2.28.1",
-        "eslint-plugin-jsx-a11y": "6.7.1",
-        "eslint-plugin-react": "7.33.2",
-        "eslint-plugin-react-hooks": "4.6.0",
-        "prettier": "^3.3.3",
-        "rimraf": "6.0.1",
-        "rollup-plugin-visualizer": "5.8.3",
-        "serve": "14.2.0",
-        "typedoc": "^0.26.2",
-        "typescript": "5.7.3",
-        "vite": "5.4.9",
-        "vite-plugin-dts": "4.5.0",
-        "vitest": "^3.0.3"
-    },
-    "optionalDependencies": {
-        "@rollup/rollup-linux-x64-gnu": "4.20.0",
-        "@rollup/rollup-win32-x64-msvc": "4.20.0"
-    },
-    "files": [
-        "dist",
-        "src/styles"
-    ],
-    "bin": {
-        "xmlui": "dist/scripts/bin/bootstrap.js"
-    },
-    "clean-package": {
-        "replace": {
-            "bin": {
-                "xmlui": "dist/scripts/bin/bootstrap.js"
-            },
-            "main": "./dist/xmlui.umd.js",
-            "module": "./dist/xmlui.mjs",
-            "types": "./dist/xmlui.d.ts",
-            "exports": {
-                ".": {
-                    "import": "./dist/xmlui.mjs",
-                    "require": "./dist/xmlui.umd.js"
-                },
-                "./*.css": {
-                    "import": "./dist/*.css",
-                    "require": "./dist/*.css"
-                },
-                "./index.scss": {
-                    "import": "./src/index.scss",
-                    "require": "./src/index.scss"
-                }
-            }
-        }
-    },
-    "main": "./dist/xmlui.umd.js",
-    "exports": {
-        ".": {
-            "import": "./dist/xmlui.mjs",
-            "require": "./dist/xmlui.umd.js"
-        },
-        "./*.css": {
-            "import": "./dist/*.css",
-            "require": "./dist/*.css"
-        },
-        "./index.scss": {
-            "import": "./src/index.scss",
-            "require": "./src/index.scss"
-        }
-    },
-    "browserslist": {
-        "production": [
-            ">0.2%",
-            "not dead",
-            "not op_mini all"
-        ],
-        "development": [
-            "last 1 chrome version",
-            "last 1 firefox version",
-            "last 1 safari version"
-        ]
-    },
-    "repository": {
-        "url": "https://github.com/xmlui-com/xmlui.git"
-    },
-    "msw": {
-        "workerDirectory": "src/testing/infrastructure"
-    },
-    "module": "./dist/xmlui.mjs",
-    "types": "./dist/xmlui.d.ts"
-}

package/dist/scripts/src/components/Chart/Chart.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.chartRenderer = exports.ChartMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const renderers_1 = require("@components-core/renderers");
-const ChartNative_1 = require("./ChartNative");
-const COMP = "Chart";
-exports.ChartMd = (0, ComponentDefs_1.createMetadata)({
-    status: "deprecated",
-    description: "(**OBSOLETE**) A chart component",
-    props: {
-        type: (0, ComponentDefs_1.d)("(**OBSOLETE**)"),
-        labels: (0, ComponentDefs_1.d)("(**OBSOLETE**)"),
-        series: (0, ComponentDefs_1.d)("(**OBSOLETE**)"),
-        stacked: (0, ComponentDefs_1.d)("(**OBSOLETE**)"),
-        showAxisLabels: (0, ComponentDefs_1.d)("(**OBSOLETE**)"),
-        tooltipEnabled: (0, ComponentDefs_1.d)("(**OBSOLETE**)"),
-        showLegend: (0, ComponentDefs_1.d)("(**OBSOLETE**)"),
-    }
-});
-exports.chartRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.ChartMd, ({ node, extractValue, lookupAction, layoutCss, registerComponentApi }) => {
-    return ((0, jsx_runtime_1.jsx)(ChartNative_1.Chart, { type: extractValue.asString(node.props.type), labels: extractValue(node.props.labels), series: extractValue(node.props.series), style: layoutCss, showLegend: extractValue.asOptionalBoolean(node.props.showLegend), stacked: extractValue.asOptionalBoolean(node.props.stacked), showAxisLabels: extractValue.asOptionalBoolean(node.props.showAxisLabels), tooltipEnabled: extractValue.asOptionalBoolean(node.props.tooltipEnabled) }));
-});

package/dist/scripts/src/components/Chart/ChartNative.js

@@ -1,165 +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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Chart = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = __importStar(require("react"));
-const Chart_module_scss_1 = __importDefault(require("./Chart.module.scss"));
-const hooks_1 = require("@components-core/utils/hooks");
-const ApexChart = react_2.default.lazy(() => Promise.resolve().then(() => __importStar(require("react-apexcharts"))));
-const defaultOptions = {
-    chart: {
-        fontFamily: "inherit",
-        sparkline: {
-            enabled: false,
-        },
-        toolbar: {
-            show: false,
-        },
-        animations: {
-            enabled: false,
-            dynamicAnimation: {
-                enabled: true,
-            },
-            animateGradually: {
-                enabled: true,
-            },
-            speed: 300,
-        },
-    },
-    dataLabels: {
-        enabled: false,
-    },
-    fill: {
-        //--> area
-        opacity: 0.16,
-        type: "solid",
-    },
-    stroke: {
-        // width: [2, 1],
-        // dashArray: [0, 3],
-        width: 2,
-        lineCap: "round",
-        curve: "smooth",
-    },
-    tooltip: {
-        // --> should come from themes
-        theme: "dark",
-    },
-    grid: {
-        strokeDashArray: 4,
-        padding: {
-            // top: -20,
-            right: 0,
-            left: -4,
-            bottom: -4,
-        },
-        xaxis: {
-            lines: {
-                show: true,
-            },
-        },
-    },
-    plotOptions: {
-        bar: {
-            columnWidth: "50%",
-        },
-    },
-    xaxis: {
-        labels: {
-        // padding: 0,
-        },
-        tooltip: {
-            enabled: false,
-        },
-        axisBorder: {
-            show: false,
-        },
-        type: "datetime",
-    },
-    yaxis: {
-        labels: {
-            padding: 4,
-        },
-    },
-    legend: {
-        show: false,
-    },
-};
-exports.Chart = (0, react_1.forwardRef)(function Chart({ type, labels, series, style, stacked, showAxisLabels = true, tooltipEnabled = true, showLegend = false, }, ref) {
-    const colors = (0, hooks_1.useColors)({
-        name: "color-primary-500",
-        format: "hex",
-    }, {
-        name: "color-primary-400",
-        format: "hex",
-    }, {
-        name: "color-primary-300",
-        format: "hex",
-    }, {
-        name: "color-primary-200",
-        format: "hex",
-    });
-    const { fill } = defaultOptions, restOptions = __rest(defaultOptions, ["fill"]);
-    const options = (0, react_2.useMemo)(() => {
-        let opts = Object.assign(Object.assign({}, restOptions), { chart: Object.assign(Object.assign({}, restOptions.chart), { stacked, sparkline: {
-                    enabled: !showAxisLabels,
-                } }), fill: type === "area" ? fill : {}, tooltip: Object.assign(Object.assign({}, defaultOptions.tooltip), { enabled: tooltipEnabled }), colors: Object.values(colors), labels: labels || [], legend: {
-                show: showLegend,
-            } });
-        if (!labels) {
-            delete opts.xaxis;
-        }
-        return opts;
-    }, [colors, fill, labels, restOptions, showAxisLabels, stacked, tooltipEnabled, type]);
-    return (
-    //   TODO illesg TEMP FLEX 1 STAR SIZING
-    (0, jsx_runtime_1.jsx)("div", { style: Object.assign({}, style), className: Chart_module_scss_1.default.wrapper, ref: ref, children: (0, jsx_runtime_1.jsx)(react_2.Suspense, { children: !!series && (0, jsx_runtime_1.jsx)(ApexChart, { options: options, type: type, series: series, height: "100%", width: "100%" }) }) }));
-});

package/dist/scripts/src/components/ModalDialog/ConfirmationModalContextProvider.js

@@ -1,116 +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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfirmationModalContextProvider = exports.useConfirm = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const ButtonNative_1 = require("@components/Button/ButtonNative");
-const StackNative_1 = require("@components/Stack/StackNative");
-const Dialog_1 = require("./Dialog");
-const ConfirmationModalContext = react_1.default.createContext({
-    confirm: (title, message, actionLabel) => __awaiter(void 0, void 0, void 0, function* () { return false; }),
-});
-const useConfirm = () => (0, react_1.useContext)(ConfirmationModalContext);
-exports.useConfirm = useConfirm;
-const ConfirmationModalContextProvider = ({ children }) => {
-    // State
-    const [showConfirmationModal, setShowConfirmationModal] = (0, react_1.useState)(false);
-    const [title, setTitle] = (0, react_1.useState)("Are you sure?");
-    const [message, setMessage] = (0, react_1.useState)();
-    const [buttons, setButtons] = (0, react_1.useState)([]);
-    // Refs and other
-    const resolver = (0, react_1.useRef)(null);
-    const buttonsRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        if (showConfirmationModal) {
-            setTimeout(() => {
-                var _a;
-                const focusable = (_a = buttonsRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll("button");
-                if (focusable) {
-                    focusable[focusable.length - 1].focus();
-                }
-            }, 0);
-        }
-    }, [showConfirmationModal]);
-    const handleShow = (0, react_1.useCallback)((title, message, actionLabel) => __awaiter(void 0, void 0, void 0, function* () {
-        if (typeof title === "string") {
-            setTitle(title);
-            setButtons([
-                {
-                    label: actionLabel || "Ok",
-                    value: true,
-                },
-            ]);
-            setMessage(message);
-        }
-        else {
-            setTitle(title.title);
-            setButtons(title.buttons);
-            setMessage(title.message);
-        }
-        setShowConfirmationModal(true);
-        return new Promise(function (resolve) {
-            resolver.current = resolve;
-        });
-    }), []);
-    const handleOk = (0, react_1.useCallback)((value) => {
-        resolver.current && resolver.current(value);
-        setShowConfirmationModal(false);
-    }, []);
-    const handleCancel = (0, react_1.useCallback)(() => {
-        resolver.current && resolver.current(false);
-        setShowConfirmationModal(false);
-    }, []);
-    const contextValue = (0, react_1.useMemo)(() => {
-        return {
-            confirm: handleShow,
-        };
-    }, [handleShow]);
-    return ((0, jsx_runtime_1.jsxs)(ConfirmationModalContext.Provider, { value: contextValue, children: [children, showConfirmationModal && ((0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { title: title, description: message, isOpen: true, onClose: handleCancel, buttons: (0, jsx_runtime_1.jsxs)(StackNative_1.Stack, { orientation: "horizontal", horizontalAlignment: "end", style: { width: "100%", gap: "1em" }, ref: buttonsRef, children: [(0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { variant: "ghost", themeColor: "secondary", size: "sm", onClick: handleCancel, children: "Cancel" }), buttons.length > 1 ? (0, jsx_runtime_1.jsx)("div", { style: { flex: 1 } }) : undefined, buttons.map(({ label, value, variant = "solid", themeColor = "attention" }, index) => {
-                            return ((0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { variant: variant, themeColor: themeColor, size: "sm", type: "submit", onClick: () => {
-                                    handleOk(value);
-                                }, children: label }, index));
-                        })] }) }))] }));
-};
-exports.ConfirmationModalContextProvider = ConfirmationModalContextProvider;

package/dist/scripts/src/components/ModalDialog/Dialog.js

@@ -1,20 +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.Dialog = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const TextNative_1 = require("../Text/TextNative");
-const Dialog_module_scss_1 = __importDefault(require("./Dialog.module.scss"));
-const ModalDialogNative_1 = require("./ModalDialogNative");
-/**
- * Dialog component that is customizable with action buttons. The children prop accepts React elements.
- *
- * Note that clicking outside of the dialog or pressing Escape will call the onClose function.
- * Thus, if you want to stop that from firing, do so in the onClose function from outside.
- */
-const Dialog = ({ title, description, children, isOpen, onClose, buttons, }) => {
-    return ((0, jsx_runtime_1.jsxs)(ModalDialogNative_1.ModalDialog, { onClose: onClose, isInitiallyOpen: isOpen, title: title, children: [(0, jsx_runtime_1.jsxs)("div", { className: Dialog_module_scss_1.default.dialogContent, children: [(0, jsx_runtime_1.jsx)("div", { id: "dialogDesc", children: (0, jsx_runtime_1.jsx)(TextNative_1.Text, { children: description }) }), children] }), !!buttons && (0, jsx_runtime_1.jsx)("footer", { className: Dialog_module_scss_1.default.dialogActions, children: buttons })] }));
-};
-exports.Dialog = Dialog;