v-eris 1.0.4 → 1.0.6

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "v-eris",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "",
   "bootstrapVersion": 3,
   "styleLoaders": [],
   "main": "./release/cjs/index.js",
-  "module": "./source/index.ts",
-  "types": "./source/index.ts",
+  "module": "./release/index.js",
+  "types": "./types/index.d.ts",
   "scripts": {
     "webpack": "webpack --mode development",
     "auto": "tsc -watch - tsconfig.json",
@@ -51,13 +51,13 @@
     "ts-loader": "^9.4.4",
     "typescript": "^5.1.6",
     "webpack": "^5.88.2",
-    "webpack-cli": "^5.1.4",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router-dom": "^6.2.1"
+    "webpack-cli": "^5.1.4"
   },
   "devDependencies": {
     "esbuild-loader": "^3.0.1",
-    "webpack-dev-server": "^4.15.1"
+    "webpack-dev-server": "^4.15.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.2.1"
   }
 }

package/release/cjs/components/Card/index.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Card = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var props_1 = require("../../utility/props");
+require("./styles/index.scss");
+var Card = function (props) {
+    var className = props.className, children = props.children, style = props.style, margin = props.margin, padding = props.padding, rest = tslib_1.__rest(props, ["className", "children", "style", "margin", "padding"]);
+    var wrapStyle = style || {};
+    var bodyStyle = {};
+    if (padding !== undefined)
+        bodyStyle["padding"] = padding;
+    if (margin !== undefined)
+        wrapStyle["margin"] = margin;
+    return (react_1.default.createElement("div", { className: props_1.Props.className("card", className, {
+            borderless: props.borderless
+        }), style: wrapStyle },
+        react_1.default.createElement("div", { className: "card-body", style: bodyStyle }, children)));
+};
+exports.Card = Card;
+//# sourceMappingURL=index.js.map

package/release/cjs/components/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../source/components/Card/index.tsx"],"names":[],"mappings":";;;;AAAA,wDAA0C;AAE1C,6CAA4C;AAE5C,+BAA4B;AAErB,IAAM,IAAI,GAAG,UAAE,KAAK;IAClB,IAAA,SAAS,GAAgD,KAAK,UAArD,EAAE,QAAQ,GAAsC,KAAK,SAA3C,EAAE,KAAK,GAA+B,KAAK,MAApC,EAAE,MAAM,GAAuB,KAAK,OAA5B,EAAE,OAAO,GAAc,KAAK,QAAnB,EAAK,IAAI,kBAAK,KAAK,EAAhE,uDAAwD,CAAF,CAAW;IACvE,IAAI,SAAS,GAAG,KAAK,IAAI,EAAE,CAAC;IAC5B,IAAI,SAAS,GAAG,EAAE,CAAC;IAEnB,IAAI,OAAO,KAAK,SAAS;QACxB,SAAS,CAAE,SAAS,CAAE,GAAG,OAAO,CAAC;IAClC,IAAI,MAAM,KAAK,SAAS;QACvB,SAAS,CAAE,QAAQ,CAAE,GAAG,MAAM,CAAC;IAEhC,OAAO,CAAC,uCACP,SAAS,EACR,aAAK,CAAC,SAAS,CAAE,MAAM,EAAE,SAAS,EAAE;YACnC,UAAU,EAAE,KAAK,CAAC,UAAU;SAC5B,CAAC,EAEH,KAAK,EAAG,SAAS;QAEjB,uCAAK,SAAS,EAAG,WAAW,EAAG,KAAK,EAAG,SAAS,IAAK,QAAQ,CAAQ,CAChE,CAAC,CAAC;AACT,CAAC,CAAC;AApBW,QAAA,IAAI,QAoBf"}

package/release/cjs/components/Column/index.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Column = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var props_1 = require("../../utility/props");
+require("./styles/index.scss");
+var Row_1 = require("../../components/Row");
+var Column = function (props) {
+    var className = props.className, children = props.children, style = props.style, flex = props.flex, rest = tslib_1.__rest(props, ["className", "children", "style", "flex"]);
+    var inlineStyle = tslib_1.__assign({}, style);
+    if (flex)
+        inlineStyle["flex"] = (0, Row_1.ParseFlexParam)(flex);
+    return (react_1.default.createElement("div", tslib_1.__assign({ className: props_1.Props.className("column", className), style: inlineStyle }, rest), children));
+};
+exports.Column = Column;
+//# sourceMappingURL=index.js.map

package/release/cjs/components/Column/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../source/components/Column/index.tsx"],"names":[],"mappings":";;;;AAAA,wDAA0C;AAE1C,6CAA4C;AAE5C,+BAA4B;AAE5B,4CAAsD;AAE/C,IAAM,MAAM,GAAG,UAAE,KAAK;IACtB,IAAA,SAAS,GAAqC,KAAK,UAA1C,EAAE,QAAQ,GAA2B,KAAK,SAAhC,EAAE,KAAK,GAAoB,KAAK,MAAzB,EAAE,IAAI,GAAc,KAAK,KAAnB,EAAK,IAAI,kBAAK,KAAK,EAArD,0CAA6C,CAAF,CAAW;IAE1D,IAAI,WAAW,wBAAQ,KAAK,CAAE,CAAC;IAE/B,IAAI,IAAI;QACP,WAAW,CAAE,MAAM,CAAE,GAAG,IAAA,oBAAc,EAAE,IAAI,CAAE,CAAC;IAEhD,OAAO,CAAC,wDACP,SAAS,EACR,aAAK,CAAC,SAAS,CAAE,QAAQ,EAAE,SAAS,CAAE,EAEvC,KAAK,EAAG,WAAW,IACd,IAAI,GAET,QAAQ,CACF,CAAC,CAAC;AACV,CAAC,CAAC;AAjBW,QAAA,MAAM,UAiBjB"}

package/release/cjs/components/Divider/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Divider = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var props_1 = require("../../utility/props");
+var Typography_1 = require("../../components/Typography");
+require("./styles/index.scss");
+var Divider = function (props) {
+    var className = props.className, children = props.children, style = props.style, rest = tslib_1.__rest(props, ["className", "children", "style"]);
+    return (react_1.default.createElement("div", { className: props_1.Props.className("divider", className), style: style }, react_1.default.createElement(Typography_1.Text, { strong: true }, children)));
+};
+exports.Divider = Divider;
+//# sourceMappingURL=index.js.map

package/release/cjs/components/Divider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../source/components/Divider/index.tsx"],"names":[],"mappings":";;;;AAAA,wDAA0C;AAE1C,6CAA4C;AAC5C,0DAAmD;AAEnD,+BAA4B;AAErB,IAAM,OAAO,GAAG,UAAE,KAAK;IACrB,IAAA,SAAS,GAA+B,KAAK,UAApC,EAAE,QAAQ,GAAqB,KAAK,SAA1B,EAAE,KAAK,GAAc,KAAK,MAAnB,EAAK,IAAI,kBAAK,KAAK,EAA/C,kCAAuC,CAAF,CAAW;IAEtD,OAAO,CAAC,uCACP,SAAS,EACR,aAAK,CAAC,SAAS,CAAE,SAAS,EAAE,SAAS,CAAE,EAExC,KAAK,EAAG,KAAK,IAEb,8BAAC,iBAAI,IAAC,MAAM,UAAG,QAAQ,CAAS,CAC1B,CAAC,CAAC;AACV,CAAC,CAAC;AAXW,QAAA,OAAO,WAWlB"}

package/release/cjs/components/Editable/index.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Editable = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var props_1 = require("../../utility/props");
+require("./styles/index.scss");
+var Typography_1 = require("../../components/Typography");
+var Icons_1 = require("../../components/Icons");
+var Tooltip_1 = require("../../components/Tooltip");
+function Editable(props) {
+    var className = props.className, children = props.children, rest = tslib_1.__rest(props, ["className", "children"]);
+    var _a = (0, react_1.useState)(children || ""), text = _a[0], setText = _a[1];
+    var _b = (0, react_1.useState)(0), height = _b[0], setHeight = _b[1];
+    var _c = (0, react_1.useState)(false), focus = _c[0], setFocus = _c[1];
+    var area = (0, react_1.useRef)(null);
+    return (react_1.default.createElement("div", { className: props_1.Props.className("typography", className, {
+            editable: true
+        }) },
+        react_1.default.createElement(Typography_1.Text, tslib_1.__assign({ className: (className || "") }, rest), text || " "),
+        react_1.default.createElement(Tooltip_1.Tooltip, { content: "Edit" },
+            react_1.default.createElement(Icons_1.Icons.pencil, { active: true, hidden: focus, onClick: function () {
+                    setFocus(!focus);
+                    setTimeout(function () {
+                        if (!area.current)
+                            return;
+                        area.current.focus();
+                        area.current.setSelectionRange(area.current.value.length, area.current.value.length);
+                    });
+                } })),
+        react_1.default.createElement("textarea", { ref: area, className: props_1.Props.className("typography", className, (!focus ? "hidden" : "")), onChange: function (e) {
+                e.target.style.height = 0 + "px";
+                e.target.scrollTop = 0 + "px";
+                setHeight(e.target.scrollHeight);
+                e.target.style.height = height + "px";
+                setText(e.target.value);
+            }, onFocus: function (e) {
+                if (props.onFocus)
+                    props.onFocus(e);
+                e.target.style.height = 0 + "px";
+                e.target.scrollTop = 0 + "px";
+                setHeight(e.target.scrollHeight);
+                e.target.style.height = height + "px";
+                setText(e.target.value);
+            }, onBlur: function (e) {
+                if (props.onBlur)
+                    props.onBlur(e);
+                setFocus(false);
+            }, onKeyDown: function (e) {
+                if (e.keyCode == 13 && !e.shiftKey) {
+                    e.target.blur();
+                }
+                ;
+            }, style: { height: (height ? (height + "px") : "") }, value: text, rows: 1 })));
+}
+exports.Editable = Editable;
+;
+//# sourceMappingURL=index.js.map

package/release/cjs/components/Editable/index.js.map

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

package/release/cjs/components/Eris/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Eris = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var props_1 = require("../../utility/props");
+var Eris = function (props) {
+    var className = props.className, children = props.children, style = props.style, rest = tslib_1.__rest(props, ["className", "children", "style"]);
+    var inlineStyle = tslib_1.__assign({}, style);
+    return (react_1.default.createElement("div", tslib_1.__assign({ className: props_1.Props.className("eris", className), style: inlineStyle }, rest)));
+};
+exports.Eris = Eris;
+//# sourceMappingURL=index.js.map

package/release/cjs/components/Eris/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../source/components/Eris/index.tsx"],"names":[],"mappings":";;;;AAAA,wDAA4F;AAE5F,6CAA4C;AAErC,IAAM,IAAI,GAAG,UAAE,KAAK;IACpB,IAAA,SAAS,GAA+B,KAAK,UAApC,EAAE,QAAQ,GAAqB,KAAK,SAA1B,EAAE,KAAK,GAAc,KAAK,MAAnB,EAAK,IAAI,kBAAK,KAAK,EAA/C,kCAAuC,CAAF,CAAW;IACpD,IAAI,WAAW,wBAAQ,KAAK,CAAE,CAAC;IAE/B,OAAO,CACP,wDACC,SAAS,EACR,aAAK,CAAC,SAAS,CAAE,MAAM,EAAE,SAAS,CAAE,EAErC,KAAK,EAAG,WAAW,IACd,IAAI,EAGH,CACH,CAAC;AACN,CAAC,CAAC;AAfW,QAAA,IAAI,QAef"}

package/release/cjs/components/Flex/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Flex = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var props_1 = require("../../utility/props");
+require("./styles/index.scss");
+var Flex = function (props, ref) {
+    var className = props.className, children = props.children;
+    return (react_1.default.createElement("div", { ref: ref, className: props_1.Props.className("flex", className) }, children));
+};
+exports.Flex = Flex;
+//# sourceMappingURL=index.js.map

package/release/cjs/components/Flex/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../source/components/Flex/index.tsx"],"names":[],"mappings":";;;;AAAA,wDAA0C;AAE1C,6CAA4C;AAE5C,+BAA4B;AAErB,IAAM,IAAI,GAAG,UAAE,KAAK,EAAE,GAAG;IAEvB,IAAA,SAAS,GAAe,KAAK,UAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IAEtC,OAAO,CAAC,uCACP,GAAG,EAAG,GAAG,EACT,SAAS,EACR,aAAK,CAAC,SAAS,CAAE,MAAM,EAAE,SAAS,CAAE,IAGrC,QAAQ,CACF,CAAC,CAAC;AACV,CAAC,CAAC;AAZW,QAAA,IAAI,QAYf"}