amotify 0.0.0

package/dist/@comps/Functions/SnackBar/parts.d.ts

@@ -0,0 +1,2 @@
+declare const SnackBar: amotify.fn.SnackBar.Methods;
+export { SnackBar };

package/dist/@comps/Functions/SnackBar/parts.js

@@ -0,0 +1,171 @@
+"use strict";
+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;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SnackBar = void 0;
+var _global_1 = require("@global");
+var _atoms_1 = require("@atoms");
+var _mols_1 = require("@mols");
+var _functions_1 = require("@functions");
+var useEffect = React.useEffect, useState = React.useState;
+var style_module_scss_1 = __importDefault(require("./style.module.scss"));
+var SnackBar = {
+    __memoryID: $.uuidGen(),
+    add: function (params) {
+        _global_1.useStore.get('SnackBar', this.__memoryID).add(params);
+        return this;
+    },
+    remove: function (val_componentID) {
+        _global_1.useStore.get('SnackBar', this.__memoryID).remove(val_componentID);
+        return this;
+    }
+};
+exports.SnackBar = SnackBar;
+var Cell = function (props) {
+    var snackID = props.snackID, _a = props.secondsToClose, secondsToClose = _a === void 0 ? 10 : _a, _b = props.componentID, componentID = _b === void 0 ? $.uuidGen() : _b, Children = props.children, CustomChildren = props.customChildren, others = __rest(props, ["snackID", "secondsToClose", "componentID", "children", "customChildren"]);
+    var _c = __read(useState(componentID), 1), val_componentID = _c[0];
+    var _d = __read(useState(false), 2), val_mouseOn = _d[0], set_mouseOn = _d[1];
+    useEffect(function () {
+        var Query = '[data-component-id="' + val_componentID + '"]';
+        setTimeout(function () {
+            $(Query).addClass(style_module_scss_1.default.FadeIn);
+        }, 10);
+        _global_1.useStore.set({
+            key: 'SnackBar-' + snackID,
+            value: {
+                remove: function () {
+                    $(Query).addClass(style_module_scss_1.default.FadeOut);
+                }
+            }
+        });
+    }, []);
+    useEffect(function () {
+        $.interval.clear('SnackBar-' + val_componentID);
+        if (!val_mouseOn) {
+            setTimeout(function () {
+                $.interval.standBy('SnackBar-' + val_componentID, secondsToClose * 1000, function () {
+                    if (!val_mouseOn)
+                        SnackBar.remove(snackID);
+                });
+            }, 100);
+        }
+    }, [val_mouseOn]);
+    var Content = React.createElement(React.Fragment, null);
+    if (CustomChildren) {
+        Content = React.createElement(CustomChildren, { close: function () {
+                SnackBar.remove(snackID);
+            } });
+    }
+    else {
+        Content = React.createElement(_mols_1.Row.Separate, { verticalAlign: 'top' },
+            React.createElement(_atoms_1.Box, { padding: ['1/4', 0], flexSizing: 0 }, $.is.function(Children) ? React.createElement(Children, null) : Children),
+            React.createElement(_functions_1.Buttons.Button.Clear.R, { color: 'layer', backgroundColor: 'lcOpLow', ssSphere: 2.5, onClick: function () {
+                    SnackBar.remove(snackID);
+                } },
+                React.createElement(_atoms_1.FAIcon.Times, null)));
+    }
+    return React.createElement(_atoms_1.Box, __assign({ className: style_module_scss_1.default.Cell, opacity: 'trans', width: 1, padding: '2/3', marginBottom: 1, borderRadius: '1.tone.primary', fontColor: 'white', boxShadow: 2, backgroundColor: 'dark', transition: 'middle', componentID: val_componentID, onMouseOver: function () {
+            set_mouseOn(true);
+        }, onMouseOut: function () {
+            set_mouseOn(false);
+        } }, others), Content);
+};
+var SnackBarElements = [];
+var SnackBarsWrap = function () {
+    var _a = __read(useState($.uuidGen()), 2), val_refresh = _a[0], set_refresh = _a[1];
+    useEffect(function () {
+        _global_1.useStore.set({
+            key: 'SnackBar',
+            privateKey: SnackBar.__memoryID,
+            value: {
+                add: function (params) {
+                    params.snackID = params.snackID || $.uuidGen();
+                    var findIndex = SnackBarElements.findIndex(function (el) { return el.snackID == params.snackID; });
+                    if (findIndex == -1) {
+                        SnackBarElements.unshift(__assign(__assign({}, params), { snackID: params.snackID }));
+                    }
+                    else {
+                        var newList = __spreadArray([], __read(SnackBarElements), false);
+                        newList[findIndex] = __assign(__assign({}, params), { snackID: params.snackID });
+                        SnackBarElements = newList;
+                    }
+                    set_refresh($.uuidGen());
+                },
+                remove: function (snackID) {
+                    var component = _global_1.useStore.get('SnackBar-' + snackID);
+                    if (component && component.remove) {
+                        component.remove();
+                        setTimeout(function () {
+                            var findIndex = SnackBarElements.findIndex(function (cell) { return cell.snackID == snackID; });
+                            if (findIndex != -1) {
+                                var newList = __spreadArray([], __read(SnackBarElements), false);
+                                newList.splice(findIndex, 1);
+                                SnackBarElements = newList;
+                                set_refresh($.uuidGen());
+                            }
+                        }, 210);
+                    }
+                }
+            }
+        });
+    }, []);
+    var SnackBars = SnackBarElements.map(function (el) { return (React.createElement(Cell, __assign({}, el, { key: el.snackID }))); });
+    return (React.createElement(_atoms_1.Flex, { className: style_module_scss_1.default.SnackBarsWrap, position: 'fixed', right: 0, bottom: 0, paddingLeft: 0, paddingRight: 1, paddingBottom: 'safeAreaBottom', verticalAlign: 'bottom', children: SnackBars, overflow: 'auto', UnderBreakPointStyles: {
+            left: 0,
+            paddingLeft: 1,
+            width: 'auto'
+        } }));
+};
+(0, _global_1.LaunchReactApplication)({
+    baseElement: '#SNACKBARS',
+    reactElement: React.createElement(SnackBarsWrap, null),
+    nonRouter: true
+});

package/dist/@comps/Functions/Table/Data/parts.d.ts

@@ -0,0 +1,3 @@
+export declare const DataFNs: amotify.fn.Tables.Data.FNs;
+export declare const DataComps: amotify.fn.Tables.Data.Comps;
+export declare const DataTable: (params: amotify.fn.Tables.Data.Params) => JSX.Element;