react-me 0.3.2 → 0.3.5

package/README.md

@@ -152,6 +152,12 @@ const [flag, setFlag] = React.useState(true);
 </MeFader>
 ```
 
+## Developing
+You can quickly test changes made to that repo by updating the sample and running:
+```
+npx vite
+```
+
 ## License
 This software is licensed under the [MIT license](LICENSE)
 

package/dist/{flow.d.ts → lib/flow.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type MeRenderer<A, N, P> = (arg: A, next: (value: N) => void, previous: (value: P) => void) => JSX.Element;
+type MeRenderer<A, N, P> = (arg: A, next: (value: N) => void, previous: (value: P) => void) => JSX.Element;
 export declare class MeFlow<A, N = A, P = A> {
     private readonly renderers;
     then<T>(renderer: MeRenderer<N, T, P>): MeFlow<A, T, N>;

package/dist/{flow.js → lib/flow.js}

@@ -1,31 +1,9 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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 (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.MeFlow = void 0;
 /*
  * Copyright (c) 2019 XdevL. All rights reserved.
  * This work is licensed under the terms of the MIT license.
  * For a copy, see <https://opensource.org/licenses/MIT>.
  */
-var react_1 = __importStar(require("react"));
+import React, { useState } from "react";
 var MeFlow = /** @class */ (function () {
     function MeFlow() {
         this.renderers = [];
@@ -38,8 +16,8 @@ var MeFlow = /** @class */ (function () {
         var _this = this;
         if (next === void 0) { next = function () { return undefined; }; }
         if (previous === void 0) { previous = function () { return undefined; }; }
-        return react_1.default.createElement(function () {
-            var _a = react_1.useState({ index: 0, value: argument }), state = _a[0], setState = _a[1];
+        return React.createElement(function () {
+            var _a = useState({ index: 0, value: argument }), state = _a[0], setState = _a[1];
             var update = function (updated, old) {
                 if (updated.index < 0) {
                     previous(updated.value);
@@ -57,5 +35,5 @@ var MeFlow = /** @class */ (function () {
     };
     return MeFlow;
 }());
-exports.MeFlow = MeFlow;
+export { MeFlow };
 //# sourceMappingURL=flow.js.map

package/dist/lib/flow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow.js","sourceRoot":"","sources":["../../lib/flow.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAStC;IAAA;QAEmB,cAAS,GAAG,EAAsC,CAAC;IA2BtE,CAAC;IAzBQ,qBAAI,GAAX,UAAe,QAA6B;QAC1C,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC9B,OAAO,IAAW,CAAC;IACrB,CAAC;IAEM,uBAAM,GAAb,UAAc,QAAW,EAAE,IAA4C,EACzD,QAAgD;QAD9D,iBAmBC;QAnB0B,qBAAA,EAAA,qBAAmC,OAAA,SAAS,EAAT,CAAS;QACzD,yBAAA,EAAA,yBAAuC,OAAA,SAAS,EAAT,CAAS;QAC5D,OAAO,KAAK,CAAC,aAAa,CAAC;YACnB,IAAA,KAAoB,QAAQ,CAAC,EAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAgB,CAAC,EAAvE,KAAK,QAAA,EAAE,QAAQ,QAAwD,CAAC;YAC/E,IAAM,MAAM,GAAG,UAAC,OAAoB,EAAE,GAAgB;gBACpD,IAAI,OAAO,CAAC,KAAK,GAAG,CAAC,EAAE;oBACrB,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;iBACzB;qBAAM,IAAI,OAAO,CAAC,KAAK,IAAI,KAAI,CAAC,SAAS,CAAC,MAAM,EAAE;oBACjD,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;iBACrB;qBAAM;oBACL,OAAO,OAAO,CAAC;iBAChB;gBACD,OAAO,GAAG,CAAC;YACb,CAAC,CAAC;YAEF,OAAO,KAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,EAC5C,UAAC,KAAK,IAAK,OAAA,QAAQ,CAAC,UAAC,GAAG,IAAK,OAAA,MAAM,CAAC,EAAC,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,KAAK,OAAA,EAAC,EAAE,GAAG,CAAC,EAA1C,CAA0C,CAAC,EAA7D,CAA6D,EACxE,UAAC,KAAK,IAAK,OAAA,QAAQ,CAAC,UAAC,GAAG,IAAK,OAAA,MAAM,CAAC,EAAC,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,KAAK,OAAA,EAAC,EAAE,GAAG,CAAC,EAA1C,CAA0C,CAAC,EAA7D,CAA6D,CAAC,CAAC;QAC9E,CAAC,CAAC,CAAC;IACL,CAAC;IACH,aAAC;AAAD,CAAC,AA7BD,IA6BC"}

package/{lib/index.ts → dist/lib/index.js}

@@ -9,3 +9,4 @@ export * from "./router";
 export * from "./select";
 export * from "./table";
 export * from "./utils";
+//# sourceMappingURL=index.js.map

package/dist/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../lib/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/{layout.d.ts → lib/layout.d.ts}

@@ -1,6 +1,6 @@
 import { AlignContentProperty, AlignItemsProperty, FlexDirectionProperty, FlexWrapProperty, JustifyContentProperty } from "csstype";
 import React, { PropsWithChildren, ReactNode } from "react";
-declare type DivProperties = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+type DivProperties = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
 interface MeFlexProps {
     alignContent?: AlignContentProperty;
     alignItems?: AlignItemsProperty;

package/dist/lib/layout.js

@@ -0,0 +1,52 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+/*
+ * Copyright (c) 2019 XdevL. All rights reserved.
+ * This work is licensed under the terms of the MIT license.
+ * For a copy, see <https://opensource.org/licenses/MIT>.
+ */
+import Fade from "@material-ui/core/Fade";
+import { makeStyles } from "@material-ui/core/styles";
+import React, { useState } from "react";
+var useStyles = makeStyles({
+    flex: function (properties) {
+        var flexGap = properties.flexGap, styles = __rest(properties, ["flexGap"]);
+        var isRow = properties.flexDirection == "row" || properties.flexDirection == "row-reverse";
+        return __assign(__assign({ display: "inline-flex", flexGrow: 1 }, styles), { "& > :not(:last-child)": isRow ? { marginRight: flexGap } : { marginBottom: flexGap } });
+    },
+});
+export var MeFlex = function (properties) {
+    var alignContent = properties.alignContent, alignItems = properties.alignItems, children = properties.children, flexDirection = properties.flexDirection, justifyContent = properties.justifyContent, flexGap = properties.flexGap, flexWrap = properties.flexWrap, wrapperProps = __rest(properties, ["alignContent", "alignItems", "children", "flexDirection", "justifyContent", "flexGap", "flexWrap"]);
+    var classes = useStyles({ alignContent: alignContent, alignItems: alignItems, flexDirection: flexDirection, justifyContent: justifyContent, flexGap: flexGap, flexWrap: flexWrap });
+    return React.createElement("div", __assign({}, wrapperProps, { style: __assign(__assign({}, wrapperProps.style), { display: "inline-flex", flexDirection: flexDirection }) }),
+        React.createElement("div", { className: classes.flex }, children));
+};
+export var MeWrapper = function (props) {
+    return React.createElement(React.Fragment, null, React.Children.map(props.children, function (child) { return props.wrap(child); }));
+};
+export var MeFader = function (props) {
+    var _a = useState(props.children), children = _a[0], setChildren = _a[1];
+    return React.createElement(Fade, { in: props.children === children, unmountOnExit: true, appear: false, onExited: function () { return setChildren(props.children); } },
+        React.createElement("div", __assign({}, props), children));
+};
+//# sourceMappingURL=layout.js.map

package/dist/lib/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../lib/layout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;;GAIG;AACH,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,EAAC,UAAU,EAAQ,MAAM,0BAA0B,CAAC;AAG3D,OAAO,KAAK,EAAE,EAA+B,QAAQ,EAAC,MAAM,OAAO,CAAC;AAapE,IAAM,SAAS,GAAG,UAAU,CAAqB;IAC7C,IAAI,EAAE,UAAC,UAAU;QACN,IAAA,OAAO,GAAe,UAAU,QAAzB,EAAK,MAAM,UAAI,UAAU,EAAjC,WAAoB,CAAD,CAAe;QACxC,IAAM,KAAK,GAAG,UAAU,CAAC,aAAa,IAAI,KAAK,IAAI,UAAU,CAAC,aAAa,IAAI,aAAa,CAAA;QAC5F,2BACI,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,CAAC,IACR,MAAM,GACN,EAAC,uBAAuB,EAAE,KAAK,CAAC,CAAC,CAAC,EAAC,WAAW,EAAE,OAAO,EAAC,CAAC,CAAC,CAAC,EAAC,YAAY,EAAE,OAAO,EAAC,EAAC,EACxF;IACN,CAAC;CACJ,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,UAA0D;IACtE,IAAA,YAAY,GACuB,UAAU,aADjC,EAAE,UAAU,GACW,UAAU,WADrB,EAAE,QAAQ,GACC,UAAU,SADX,EAAE,aAAa,GACd,UAAU,cADI,EAAE,cAAc,GAC9B,UAAU,eADoB,EACpE,OAAO,GAA+B,UAAU,QAAzC,EAAE,QAAQ,GAAqB,UAAU,SAA/B,EAAK,YAAY,UAAI,UAAU,EAD9C,oGACiC,CAAD,CAAe;IACrD,IAAM,OAAO,GAAG,SAAS,CAAC,EAAC,YAAY,cAAA,EAAE,UAAU,YAAA,EAAE,aAAa,eAAA,EAAE,cAAc,gBAAA,EAAE,OAAO,SAAA,EAAE,QAAQ,UAAA,EAAC,CAAC,CAAC;IACxG,OAAO,wCAAS,YAAY,IAAE,KAAK,wBAAM,YAAY,CAAC,KAAK,KAAE,OAAO,EAAE,aAAa,EAAE,aAAa,eAAA;QAC9F,6BAAK,SAAS,EAAE,OAAO,CAAC,IAAI,IAAG,QAAQ,CAAO,CAC5C,CAAC;AACX,CAAC,CAAC;AAMF,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,KAAwC;IAC9D,OAAA,oBAAC,KAAK,CAAC,QAAQ,QAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAjB,CAAiB,CAAC,CAAkB;AAAnG,CAAmG,CAAC;AAExG,MAAM,CAAC,IAAM,OAAO,GAAG,UAAC,KAAuC;IACrD,IAAA,KAA0B,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAjD,QAAQ,QAAA,EAAE,WAAW,QAA4B,CAAC;IACzD,OAAO,oBAAC,IAAI,IAAC,EAAE,EAAE,KAAK,CAAC,QAAQ,KAAK,QAAQ,EAAE,aAAa,QACvD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC,EAA3B,CAA2B;QAC1D,wCAAS,KAAK,GAAG,QAAQ,CAAO,CAC7B,CAAC;AACZ,CAAC,CAAC"}

package/dist/{router.d.ts → lib/router.d.ts}

@@ -18,8 +18,8 @@ export declare class MeSegment<N extends keyof any, T> implements MePathSpec<Rec
 }
 export declare class MePath<P = {}> implements MePathSpec<P> {
     static readonly none: MePathSpec<{}>;
-    static readonly num: <N extends string | number | symbol>(name: N, regex?: string | undefined) => MeSegment<N, number>;
-    static readonly str: <N extends string | number | symbol>(name: N, regex?: string | undefined) => MeSegment<N, string>;
+    static readonly num: <N extends string | number | symbol>(name: N, regex?: string) => MeSegment<N, number>;
+    static readonly str: <N extends string | number | symbol>(name: N, regex?: string) => MeSegment<N, string>;
     static readonly path: <N extends string | number | symbol>(name: N) => MeSegment<N, string>;
     static readonly then: <T>(param: string | MePathSpec<T>) => T extends {} ? MePath<T> : MePath<{}>;
     private readonly paths;
@@ -29,8 +29,8 @@ export declare class MePath<P = {}> implements MePathSpec<P> {
     toString(): string;
     then<T>(param: MePathSpec<T> | string): T extends {} ? MePath<P & T> : MePath<P>;
 }
-export declare type RouteRenderer<MP, OP> = [MeRoute<MP, OP>, (params: MP & Partial<OP>) => JSX.Element];
-export declare class MeRoute<MP, OP = {}> {
+export type RouteRenderer<MP extends {}, OP> = [MeRoute<MP, OP>, (params: MP & Partial<OP>) => JSX.Element];
+export declare class MeRoute<MP extends {}, OP = {}> {
     private readonly mandatory;
     private readonly optional;
     private readonly regex;

package/dist/{router.js → lib/router.js}

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,33 +9,12 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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 (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.withMeRouter = exports.MeRouter = exports.MeRouterContext = exports.MeRoute = exports.MePath = exports.MeSegment = void 0;
 /*
  * Copyright (c) 2019 XdevL. All rights reserved.
  * This work is licensed under the terms of the MIT license.
  * For a copy, see <https://opensource.org/licenses/MIT>.
  */
-var react_1 = __importStar(require("react"));
+import React, { useContext, useState } from "react";
 var MeSegment = /** @class */ (function () {
     function MeSegment(name, converter, regex) {
         this.name = name;
@@ -49,17 +27,17 @@ var MeSegment = /** @class */ (function () {
         return this.capture && values[offset] !== undefined ? (_a = {}, _a[this.name] = this.converter(values[offset]), _a) : {};
     };
     MeSegment.prototype.serialize = function (value) {
-        return this.capture ? "/" + value[this.name] : "/" + this.regex;
+        return this.capture ? "/".concat(value[this.name]) : "/".concat(this.regex);
     };
     MeSegment.prototype.getRegex = function () {
-        return this.capture ? "/(" + this.regex + ")" : "/" + this.regex;
+        return this.capture ? "/(".concat(this.regex, ")") : "/".concat(this.regex);
     };
     MeSegment.prototype.toString = function () {
-        return this.capture ? "/:" + this.name : "/" + this.regex;
+        return this.capture ? "/:".concat(String(this.name)) : "/".concat(this.regex);
     };
     return MeSegment;
 }());
-exports.MeSegment = MeSegment;
+export { MeSegment };
 var MePath = /** @class */ (function () {
     function MePath() {
         this.paths = [];
@@ -100,13 +78,13 @@ var MePath = /** @class */ (function () {
     MePath.then = function (param) { return new MePath().then(param); };
     return MePath;
 }());
-exports.MePath = MePath;
+export { MePath };
 var MeRoute = /** @class */ (function () {
     function MeRoute(mandatory, optional) {
         if (optional === void 0) { optional = MePath.none; }
         this.mandatory = mandatory;
         this.optional = optional;
-        this.regex = new RegExp("^" + this.mandatory.getRegex() + "(?:" + this.optional.getRegex() + ")?$");
+        this.regex = new RegExp("^".concat(this.mandatory.getRegex(), "(?:").concat(this.optional.getRegex(), ")?$"));
     }
     MeRoute.prototype.capture = function (url) {
         var matches = this.regex.exec(url);
@@ -130,16 +108,16 @@ var MeRoute = /** @class */ (function () {
     };
     return MeRoute;
 }());
-exports.MeRoute = MeRoute;
-exports.MeRouterContext = react_1.default.createContext({
+export { MeRoute };
+export var MeRouterContext = React.createContext({
     getLocation: function () { return window.location.pathname; },
     route: function () {
         throw new Error("Component should be a children of <Router>");
     },
 });
-exports.MeRouter = function (props) {
+export var MeRouter = function (props) {
     var _a;
-    var context = react_1.useContext(exports.MeRouterContext);
+    var context = useContext(MeRouterContext);
     var strip = function (value) { return value.endsWith("/") ? value.substr(0, value.length - 1) : value; };
     var location = strip((_a = props.path) !== null && _a !== void 0 ? _a : context.getLocation());
     for (var _i = 0, _b = props.routes; _i < _b.length; _i++) {
@@ -161,14 +139,14 @@ var updateWindowLocation = function (path) {
     return path;
 };
 var MeRouterContextProvider = function (props) {
-    var _a = react_1.useState(window.location.pathname), location = _a[0], setLocation = _a[1];
+    var _a = useState(window.location.pathname), location = _a[0], setLocation = _a[1];
     window.onpopstate = function () { return setLocation(window.location.pathname); };
-    return react_1.default.createElement(exports.MeRouterContext.Provider, { value: {
+    return React.createElement(MeRouterContext.Provider, { value: {
             getLocation: function () { return location; },
             route: function (path) { return setLocation(updateWindowLocation(path)); },
         } }, props.children);
 };
-exports.withMeRouter = function (element) {
-    return react_1.default.createElement(MeRouterContextProvider, null, element);
+export var withMeRouter = function (element) {
+    return React.createElement(MeRouterContextProvider, null, element);
 };
 //# sourceMappingURL=router.js.map

package/dist/lib/router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"router.js","sourceRoot":"","sources":["../../lib/router.tsx"],"names":[],"mappings":"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"}

package/dist/{select.d.ts → lib/select.d.ts}

@@ -1,9 +1,9 @@
 import { StandardProps } from "@material-ui/core";
 import { SelectClassKey, SelectProps } from "@material-ui/core/Select";
 import React from "react";
-declare type Bool<T extends boolean = boolean> = T;
-declare type Value<T, M extends Bool, O extends Bool> = M extends true ? T[] : (O extends true ? undefined | T : T);
-declare type Options<T> = T[] | (() => Promise<T[]>);
+type Bool<T extends boolean = boolean> = T;
+type Value<T, M extends Bool, O extends Bool> = M extends true ? T[] : (O extends true ? undefined | T : T);
+type Options<T> = T[] | (() => Promise<T[]>);
 interface MeSelectProps<T, M extends Bool, O extends Bool> extends StandardProps<SelectProps, SelectClassKey, "value" | "onChange" | "onOpen" | "renderValue"> {
     multiple?: M;
     optional?: O;

package/dist/lib/select.js

@@ -0,0 +1,89 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+import Checkbox from "@material-ui/core/Checkbox";
+import Chip from "@material-ui/core/Chip";
+import CircularProgress from "@material-ui/core/CircularProgress";
+import ListItemText from "@material-ui/core/ListItemText";
+import MenuItem from "@material-ui/core/MenuItem";
+import Popover from "@material-ui/core/Popover";
+import Select from "@material-ui/core/Select";
+import Typography from "@material-ui/core/Typography";
+import React, { useState } from "react";
+import { MeFlex } from "./layout";
+import { meLoaderPromise } from "./utils";
+var defaultLoadingLabel = "Loading...";
+var defaultNoValueLabel = "Select...";
+var defaultNoOptionLabel = "No options";
+var promisify = function (options) { return options instanceof Function ? options() : Promise.resolve(options); };
+/* eslint-disable react/display-name */
+/* eslint-disable react/prop-types */
+var meSingleAdapter = function (props) { return ({
+    valueArray: function (value) { return props.optional && !value ? [] : [value]; },
+    map: function (value, func) { return props.optional && !value ? undefined : func(value); },
+    renderOption: function (key, option, selected) {
+        return React.createElement(MenuItem, { key: key, value: key, selected: selected }, props.getLabel(option) || props.noValueLabel || defaultNoValueLabel);
+    },
+    renderValue: function (value) { return props.getLabel(value) || props.noValueLabel || defaultNoValueLabel; }
+}); };
+var meMultipleAdapter = function (props) { return ({
+    valueArray: function (value) { return value; },
+    map: function (value, func) { return value.map(func); },
+    renderOption: function (key, option, selected) { return React.createElement(MenuItem, { key: key, value: key },
+        React.createElement(Checkbox, { checked: selected }),
+        React.createElement(ListItemText, { primary: props.getLabel(option) })); },
+    renderValue: function (value) { return value.length > 0 ? React.createElement(MeFlex, { flexDirection: "row", flexGap: "0.5em", flexWrap: "wrap" }, value.map(function (item) {
+        return React.createElement(Chip, { key: props.getKey(item), label: props.getLabel(item), style: { marginRight: "1em" } });
+    })) : (props.noValueLabel || defaultNoValueLabel); }
+}); };
+var PopoverLoader = function (props) {
+    var _a;
+    return React.createElement(Popover, { open: props.open, anchorEl: props.anchorRef.current, anchorOrigin: { vertical: "top", horizontal: "center" }, transformOrigin: { vertical: "top", horizontal: "center" }, PaperProps: { style: { minWidth: (_a = props.anchorRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth } } },
+        React.createElement(MeFlex, { flexDirection: "row", flexGap: "0.25em", style: { padding: "0.5em" } },
+            React.createElement("div", null,
+                React.createElement(CircularProgress, { size: "1em" })),
+            React.createElement(Typography, null, props.loadingLabel || defaultLoadingLabel)));
+};
+export var MeSelect = function (props) {
+    var optional = props.optional, options = props.options, value = props.value, getKey = props.getKey, getLabel = props.getLabel, onChange = props.onChange, loadingLabel = props.loadingLabel, noValueLabel = props.noValueLabel, noOptionLabel = props.noOptionLabel, renderValue = props.renderValue, selectProps = __rest(props, ["optional", "options", "value", "getKey", "getLabel", "onChange", "loadingLabel", "noValueLabel", "noOptionLabel", "renderValue"]);
+    var _a = useState(options instanceof Array ? options : []), optionValues = _a[0], setOptionValues = _a[1];
+    var _b = useState({ open: false, loading: false }), state = _b[0], setState = _b[1];
+    var ref = React.useRef(null);
+    var loadOptionValues = function () { return meLoaderPromise(promisify(options), 600, function () { return setState({ open: false, loading: true }); })
+        .then(function (result) { return setOptionValues(result); })
+        .finally(function () { return setState({ open: true, loading: false }); }); };
+    var adapter = (props.multiple ? meMultipleAdapter(props)
+        : meSingleAdapter(props));
+    var optionsMap = new Map(optionValues.concat(adapter.valueArray(value)).map(function (option) { return [getKey(option), option]; }));
+    var selection = adapter.valueArray(value).map(function (option) { return getKey(option); });
+    return React.createElement(React.Fragment, null,
+        React.createElement(Select, __assign({ ref: ref }, selectProps, { value: adapter.map(value, getKey) || "", onOpen: loadOptionValues, open: state.open, onClose: function () { return setState({ open: false, loading: false }); }, onChange: function (event) { return onChange(adapter.map(event.target.value, function (key) { return optionsMap.get(key); })); }, renderValue: function (selected) { return (renderValue || adapter.renderValue)(adapter.map(selected, function (key) { return optionsMap.get(key); })); } }),
+            optionsMap.size == 0 && React.createElement(MenuItem, { key: "", value: "", disabled: true }, noOptionLabel || defaultNoOptionLabel),
+            optionsMap.size > 0 && optional && React.createElement(MenuItem, { key: "", value: "" }, noValueLabel || defaultNoValueLabel),
+            Array.from(optionsMap.entries())
+                .map(function (_a) {
+                var key = _a[0], option = _a[1];
+                return adapter.renderOption(key, option, selection.includes(key));
+            })),
+        React.createElement(PopoverLoader, { anchorRef: ref, open: state.loading, loadingLabel: loadingLabel }));
+};
+//# sourceMappingURL=select.js.map

package/dist/lib/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../lib/select.tsx"],"names":[],"mappings":"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"}

package/dist/{table.d.ts → lib/table.d.ts}

@@ -1,5 +1,5 @@
 import { ReactElement } from "react";
-declare type Renderer<T> = (value: T, index: number) => string | ReactElement;
+type Renderer<T> = (value: T, index: number) => string | ReactElement;
 interface MeColumn<T> {
     label: string;
     render: Renderer<T>;

package/dist/lib/table.js

@@ -0,0 +1,28 @@
+/*
+ * Copyright (c) 2019 XdevL. All rights reserved.
+ * This work is licensed under the terms of the MIT license.
+ * For a copy, see <https://opensource.org/licenses/MIT>.
+ */
+import Table from "@material-ui/core/Table";
+import TableBody from "@material-ui/core/TableBody";
+import TableCell from "@material-ui/core/TableCell";
+import TableHead from "@material-ui/core/TableHead";
+import TableRow from "@material-ui/core/TableRow";
+import React from "react";
+export var renderField = function (field) {
+    return function (value) { return typeof value[field] === "string" ? String(value[field]) : JSON.stringify(value[field]); };
+};
+export var columnsFrom = function () {
+    var fields = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        fields[_i] = arguments[_i];
+    }
+    return fields.map(function (field) { return ({ label: String(field), render: renderField(field) }); });
+};
+export var MeTable = function (props) {
+    return React.createElement(Table, null,
+        React.createElement(TableHead, null,
+            React.createElement(TableRow, null, props.columns.map(function (column, index) { return React.createElement(TableCell, { key: index }, column.label); }))),
+        React.createElement(TableBody, null, props.values.map(function (value, rowIndex) { return (React.createElement(TableRow, { key: rowIndex }, props.columns.map(function (column, cellIndex) { return React.createElement(TableCell, { key: cellIndex }, column.render(value, rowIndex)); }))); })));
+};
+//# sourceMappingURL=table.js.map

package/dist/lib/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../lib/table.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,MAAM,yBAAyB,CAAC;AAC5C,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,QAAQ,MAAM,4BAA4B,CAAC;AAClD,OAAO,KAAqB,MAAM,OAAO,CAAC;AAc1C,MAAM,CAAC,IAAM,WAAW,GAAG,UAAM,KAAc;IAC7C,OAAO,UAAC,KAAQ,IAAa,OAAA,OAAO,KAAK,CAAC,KAAK,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAtF,CAAsF,CAAC;AACtH,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG;IAAM,gBAAyB;SAAzB,UAAyB,EAAzB,qBAAyB,EAAzB,IAAyB;QAAzB,2BAAyB;;IACxD,OAAA,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,EAAC,CAAC,EAApD,CAAoD,CAAC;AAA3E,CAA2E,CAAC;AAE9E,MAAM,CAAC,IAAM,OAAO,GAAG,UAAM,KAAsB;IACjD,OAAO,oBAAC,KAAK;QACX,oBAAC,SAAS;YACR,oBAAC,QAAQ,QACN,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,oBAAC,SAAS,IAAC,GAAG,EAAE,KAAK,IAAG,MAAM,CAAC,KAAK,CAAa,EAAjD,CAAiD,CAAC,CAC/E,CACD;QACZ,oBAAC,SAAS,QACP,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,QAAQ,IAAK,OAAA,CACrC,oBAAC,QAAQ,IAAC,GAAG,EAAE,QAAQ,IACpB,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,SAAS,IAAK,OAAA,oBAAC,SAAS,IAAC,GAAG,EAAE,SAAS,IAAG,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAa,EAAvE,CAAuE,CAAC,CACzG,CACZ,EAJsC,CAItC,CAAC,CACQ,CACN,CAAC;AACX,CAAC,CAAC"}

package/dist/{utils.js → lib/utils.js}

@@ -1,4 +1,3 @@
-"use strict";
 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) {
@@ -14,7 +13,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -35,27 +34,25 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.meLoaderPromise = exports.meTimeout = void 0;
 /*
  * Copyright (c) 2020 XdevL. All rights reserved.
  * This work is licensed under the terms of the MIT license.
  * For a copy, see <https://opensource.org/licenses/MIT>.
  */
-exports.meTimeout = function (value) { return __awaiter(void 0, void 0, void 0, function () {
+export var meTimeout = function (value) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         return [2 /*return*/, new Promise(function (resolve) {
                 setTimeout(resolve, value);
             })];
     });
 }); };
-exports.meLoaderPromise = function (promise, threeshold, onLoad) { return __awaiter(void 0, void 0, void 0, function () {
+export var meLoaderPromise = function (promise, threeshold, onLoad) { return __awaiter(void 0, void 0, void 0, function () {
     var startTime;
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
                 startTime = Date.now();
-                return [4 /*yield*/, Promise.race([exports.meTimeout(threeshold), promise])];
+                return [4 /*yield*/, Promise.race([meTimeout(threeshold), promise])];
             case 1:
                 _a.sent();
                 if (Date.now() - startTime < threeshold) {
@@ -65,10 +62,10 @@ exports.meLoaderPromise = function (promise, threeshold, onLoad) { return __awai
                 else {
                     // If the promise hasn't resolved before threeshold we make sure it doesn't get resolved for another threeshold
                     onLoad();
-                    return [2 /*return*/, Promise.all([exports.meTimeout(threeshold), promise]).then(function (values) { return values[1]; })
+                    return [2 /*return*/, Promise.all([meTimeout(threeshold), promise]).then(function (values) { return values[1]; })
                             .catch(function (error) {
                             var delay = 2 * threeshold - (Date.now() - startTime);
-                            return delay > 0 ? exports.meTimeout(delay).then(function () { throw error; }) : Promise.reject(error);
+                            return delay > 0 ? meTimeout(delay).then(function () { throw error; }) : Promise.reject(error);
                         })];
                 }
                 return [2 /*return*/];

package/dist/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../lib/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;GAIG;AACH,MAAM,CAAC,IAAM,SAAS,GAAG,UAAO,KAAa;;QAAoB,sBAAA,IAAI,OAAO,CAAC,UAAC,OAAO;gBACjF,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;YAC/B,CAAC,CAAC,EAAA;;KAAA,CAAC;AAEH,MAAM,CAAC,IAAM,eAAe,GAAG,UAAY,OAAmB,EAAE,UAAkB,EAAE,MAAkB;;;;;gBAC5F,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;gBAC7B,qBAAM,OAAO,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC,CAAC,EAAA;;gBAApD,SAAoD,CAAC;gBACrD,IAAI,IAAI,CAAC,GAAG,EAAE,GAAG,SAAS,GAAG,UAAU,EAAE;oBACrC,uFAAuF;oBACvF,sBAAO,OAAO,EAAC;iBAClB;qBACI;oBACD,+GAA+G;oBAC/G,MAAM,EAAE,CAAC;oBACT,sBAAO,OAAO,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,CAAC,CAAC,EAAT,CAAS,CAAC;6BAC3E,KAAK,CAAC,UAAC,KAAK;4BACT,IAAM,KAAK,GAAG,CAAC,GAAG,UAAU,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC,CAAC;4BACxD,OAAO,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,cAAQ,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;wBAC7F,CAAC,CAAC,EAAC;iBACV;;;;KACJ,CAAA"}

package/dist/samples/main.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/samples/main.js

@@ -0,0 +1,49 @@
+/*
+ * Copyright (c) 2026 XdevL. All rights reserved.
+ * This work is licensed under the terms of the MIT license.
+ * For a copy, see <https://opensource.org/licenses/MIT>.
+ */
+import React from "react";
+import ReactDOM from "react-dom";
+import { MeTable, renderField } from "../lib/table";
+import { MeFlex } from "../lib/layout";
+var Main = function () {
+    return React.createElement("div", null,
+        React.createElement("h1", null, "Horizontal Flex"),
+        React.createElement(HorizontalFlexSample, null),
+        React.createElement("h1", null, "Vertical Flex"),
+        React.createElement(VerticalFlexSample, null),
+        React.createElement("h1", null, "Table"),
+        React.createElement(TableSample, null));
+};
+var HorizontalFlexSample = function () {
+    return React.createElement(MeFlex, { flexDirection: "row", alignItems: "center", flexGap: "0.4em" },
+        React.createElement("div", { style: { width: 200, height: 100, backgroundColor: "red" } }),
+        React.createElement("div", { style: { width: 200, height: 100, backgroundColor: "green" } }),
+        React.createElement("div", { style: { width: 200, height: 100, backgroundColor: "blue" } }));
+};
+var VerticalFlexSample = function () {
+    return React.createElement(MeFlex, { flexDirection: "column", alignItems: "center", flexGap: "0.4em" },
+        React.createElement("div", { style: { width: 200, height: 100, backgroundColor: "red" } }),
+        React.createElement("div", { style: { width: 200, height: 100, backgroundColor: "green" } }),
+        React.createElement("div", { style: { width: 200, height: 100, backgroundColor: "blue" } }));
+};
+var TableSample = function () {
+    var people = [
+        { name: "Nannie", surname: "Reid", age: 23 },
+        { name: "Ernest", surname: "Avila", age: 64 },
+        { name: "Elwood", surname: "Harding", age: 32 },
+    ];
+    return React.createElement(MeTable, { values: people, columns: [
+            { label: "Full Name", render: function (person, index) { return React.createElement("span", null,
+                    " #",
+                    index,
+                    ": ",
+                    person.name,
+                    " ",
+                    person.surname); } },
+            { label: "Age", render: renderField("age") },
+        ] });
+};
+ReactDOM.render(React.createElement(Main, null), document.querySelector("#root"));
+//# sourceMappingURL=main.js.map

package/dist/samples/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../../samples/main.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAe,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAGvC,IAAM,IAAI,GAAG;IACX,OAAO;QACL,kDAAwB;QACxB,oBAAC,oBAAoB,OAAG;QACxB,gDAAsB;QACtB,oBAAC,kBAAkB,OAAG;QACtB,wCAAc;QACd,oBAAC,WAAW,OAAG,CACX,CAAA;AACR,CAAC,CAAA;AAED,IAAM,oBAAoB,GAAG;IAC3B,OAAO,oBAAC,MAAM,IAAC,aAAa,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO;QACpE,6BAAK,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,eAAe,EAAE,KAAK,EAAC,GAAQ;QACrE,6BAAK,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,eAAe,EAAE,OAAO,EAAC,GAAQ;QACvE,6BAAK,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,eAAe,EAAE,MAAM,EAAC,GAAQ,CAC/D,CAAA;AACX,CAAC,CAAA;AAED,IAAM,kBAAkB,GAAG;IACzB,OAAO,oBAAC,MAAM,IAAC,aAAa,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO;QACvE,6BAAK,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,eAAe,EAAE,KAAK,EAAC,GAAQ;QACrE,6BAAK,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,eAAe,EAAE,OAAO,EAAC,GAAQ;QACvE,6BAAK,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,eAAe,EAAE,MAAM,EAAC,GAAQ,CAC/D,CAAA;AACX,CAAC,CAAA;AAED,IAAM,WAAW,GAAG;IAChB,IAAM,MAAM,GAAG;QACb,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE;QAC5C,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE;QAC7C,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,EAAE,EAAE;KAChD,CAAC;IAEJ,OAAO,oBAAC,OAAO,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE;YACvC,EAAC,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA;;oBAAS,KAAK;;oBAAI,MAAM,CAAC,IAAI;;oBAAG,MAAM,CAAC,OAAO,CAAQ,EAAtD,CAAsD,EAAC;YACvG,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,EAAC;SAC3C,GAAI,CAAA;AACP,CAAC,CAAA;AAED,QAAQ,CAAC,MAAM,CAAC,oBAAC,IAAI,OAAG,EAAE,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC"}