xmlui 0.7.16 → 0.7.18

package/dist/xmlui.d.ts

@@ -302,6 +302,7 @@ declare type AppContextObject = {
     readonly embed: {
         isInIFrame: boolean;
     };
+    distinct: (arr: any[]) => any[];
 };
 
 /**
@@ -1002,7 +1003,7 @@ declare interface IconBaseProps extends default_2.SVGAttributes<SVGElement> {
     size?: string;
     isInline?: boolean;
     fallback?: string;
-    layout?: CSSProperties;
+    style?: CSSProperties;
 }
 
 declare type IconPosition = (typeof iconPositionValues)[number];
@@ -1278,7 +1279,7 @@ declare type RenderChildFn<L extends ComponentDef = ComponentDef> = (children?:
 /**
  * This interface defines the renderer context for the exposed components of the XMLUI framework.
  */
-export declare interface RendererContext<TMd extends ComponentMetadata> extends ComponentRendererContextBase<TMd> {
+export declare interface RendererContext<TMd extends ComponentMetadata = ComponentMetadata> extends ComponentRendererContextBase<TMd> {
     /**
      * The unique identifier of the component instance
      */

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-CFCUmuUo.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-B6CaX0jY.mjs";
 export {
   e as AppRoot,
   t as Button,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xmlui",
-  "version": "0.7.16",
+  "version": "0.7.18",
   "sideEffects": false,
   "scripts": {
     "start-test-bed": "cd src/testing/infrastructure && xmlui start",

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

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.slideInAnimationRenderer = exports.fadeInAnimationRenderer = exports.animationComponentRenderer = exports.SlideInAnimationMd = exports.FadeInAnimationMd = exports.AnimationMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const renderers_1 = require("@components-core/renderers");
-const AnimationNative_1 = require("@components/Animation/AnimationNative");
-const COMP = "Animation";
-exports.AnimationMd = (0, ComponentDefs_1.createMetadata)({
-    status: "in progress",
-    description: ``,
-    props: {
-        animation: (0, ComponentDefs_1.d)(`The animation object to be applied to the component`),
-        animateWhenInView: (0, ComponentDefs_1.d)(`Indicates whether the animation should start when the component is in view`),
-        duration: (0, ComponentDefs_1.d)(`The duration of the animation in milliseconds`),
-        once: (0, ComponentDefs_1.d)(`Indicates whether the animation should only run once`),
-    },
-    events: {
-        started: (0, ComponentDefs_1.d)(`Event fired when the animation starts`),
-        stopped: (0, ComponentDefs_1.d)(`Event fired when the animation stops`),
-    },
-    apis: {
-        start: (0, ComponentDefs_1.d)(`Starts the animation`),
-        stop: (0, ComponentDefs_1.d)(`Stops the animation`),
-    },
-});
-exports.FadeInAnimationMd = (0, ComponentDefs_1.createMetadata)(Object.assign(Object.assign({}, exports.AnimationMd), { specializedFrom: COMP, description: `The \`${COMP}\` component represents an animation that fades in the content.` }));
-exports.SlideInAnimationMd = (0, ComponentDefs_1.createMetadata)(Object.assign(Object.assign({}, exports.AnimationMd), { specializedFrom: COMP, description: `The \`${COMP}\` component represents an animation that slides in the content from the left.`, props: {
-        animateWhenInView: (0, ComponentDefs_1.d)(`Indicates whether the animation should start when the component is in view`),
-        direction: (0, ComponentDefs_1.d)(`The direction from which the content should slide in`),
-        duration: (0, ComponentDefs_1.d)(`The duration of the animation in milliseconds`),
-    } }));
-exports.animationComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.AnimationMd, ({ registerComponentApi, renderChild, node, extractValue, lookupEventHandler }) => {
-    return ((0, jsx_runtime_1.jsx)(AnimationNative_1.Animation, { registerComponentApi: registerComponentApi, animation: extractValue(node.props.animation), onStop: lookupEventHandler("stopped"), onStart: lookupEventHandler("started"), duration: extractValue.asOptionalNumber(node.props.duration), animateWhenInView: extractValue.asOptionalBoolean(node.props.animateWhenInView), once: extractValue.asOptionalBoolean(node.props.once), children: renderChild(node.children) }));
-});
-exports.fadeInAnimationRenderer = (0, renderers_1.createComponentRenderer)("FadeInAnimation", exports.FadeInAnimationMd, ({ node, renderChild, extractValue, registerComponentApi, lookupEventHandler }) => {
-    return ((0, jsx_runtime_1.jsx)(AnimationNative_1.Animation, { registerComponentApi: registerComponentApi, animation: {
-            from: { opacity: 0 },
-            to: { opacity: 1 },
-        }, duration: extractValue.asOptionalNumber(node.props.duration), onStop: lookupEventHandler("stopped"), onStart: lookupEventHandler("started"), animateWhenInView: extractValue.asOptionalBoolean(node.props.animateWhenInView), children: renderChild(node.children) }));
-});
-exports.slideInAnimationRenderer = (0, renderers_1.createComponentRenderer)("SlideInAnimation", exports.SlideInAnimationMd, ({ node, renderChild, extractValue, registerComponentApi, lookupEventHandler }) => {
-    const direction = extractValue.asString(node.props.direction);
-    const animation = {
-        from: {
-            transform: direction === "right"
-                ? "translateX(100%)"
-                : direction === "left"
-                    ? "translateX(-100%)"
-                    : direction === "top"
-                        ? "translateY(-100%)"
-                        : "translateY(100%)",
-        },
-        to: {
-            transform: direction === "right" || direction === "left" ? "translateX(0)" : "translateY(0)",
-        },
-    };
-    return ((0, jsx_runtime_1.jsx)(AnimationNative_1.Animation, { registerComponentApi: registerComponentApi, animation: animation, duration: extractValue.asOptionalNumber(node.props.duration), onStop: lookupEventHandler("stopped"), onStart: lookupEventHandler("started"), animateWhenInView: extractValue.asOptionalBoolean(node.props.animateWhenInView), children: renderChild(node.children) }));
-});

package/dist/scripts/src/components/Animation/AnimationNative.js

@@ -1,75 +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;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Animation = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const web_1 = require("@react-spring/web");
-const react_1 = __importStar(require("react"));
-const react_2 = require("react");
-const AnimatedComponent = (0, web_1.animated)((0, react_1.forwardRef)(function InlineComponentDef(props, ref) {
-    const { children, style } = props;
-    return react_1.default.cloneElement(children, { style, ref });
-}));
-const Animation = ({ children, registerComponentApi, animation, duration = 500, onStop, onStart, animateWhenInView = false, once = false, }) => {
-    const animationSettings = (0, react_1.useMemo)(() => ({
-        from: animation.from,
-        to: animation.to,
-        config: Object.assign(Object.assign({}, animation.config), { duration }),
-        onStart,
-        onRest: onStop,
-        once,
-    }), [animation, duration, onStart, onStop, once]);
-    const [springs, api] = (0, web_1.useSpring)(() => (Object.assign({}, animationSettings)));
-    const [ref, animationStyles] = (0, web_1.useInView)(() => animationSettings, {
-        once,
-    });
-    const startAnimation = (0, react_2.useCallback)(() => {
-        api.start(animation);
-        return () => {
-            api.stop();
-        };
-    }, [api]);
-    const stopAnimation = (0, react_2.useCallback)(() => {
-        api.stop();
-    }, [api]);
-    (0, react_1.useEffect)(() => {
-        registerComponentApi === null || registerComponentApi === void 0 ? void 0 : registerComponentApi({
-            start: startAnimation,
-            stop: stopAnimation,
-        });
-    }, [registerComponentApi, startAnimation, stopAnimation]);
-    return react_1.Children.map(children, (child, index) => ((0, jsx_runtime_1.jsx)(AnimatedComponent, { style: animateWhenInView ? animationStyles : springs, ref: ref, children: child }, index)));
-};
-exports.Animation = Animation;