@onepercentio/one-ui 0.19.1 → 0.19.3

package/dist/components/BucketFill/BucketFill.js

@@ -1,66 +1,55 @@
 "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;
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IgnoreFill = void 0;
-const react_1 = __importStar(require("react"));
-const BucketFill_module_scss_1 = __importDefault(require("./BucketFill.module.scss"));
+exports.IgnoreFill = IgnoreFill;
+exports.default = BucketFill;
+var _react = _interopRequireWildcard(require("react"));
+var _BucketFillModule = _interopRequireDefault(require("./BucketFill.module.scss"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /**
  * A weird name for a component, but it's objective is to change element colors as the user progresses through a series of steps
  *
  * IT IS NOT READY (AND PROBABLY NEVER WILL) FOR FRAGMENT NODES
  **/
-function BucketFill({ children, background, fillTo, }) {
-    const rootRef = (0, react_1.useRef)(null);
-    function resize() {
-        const childs = rootRef.current.children;
-        const s = rootRef.current.style;
-        const elementAtPosition = fillTo === 0 ? null : childs.item(fillTo - 1);
-        const elementOffsetAndHeight = elementAtPosition === null
-            ? 0
-            : elementAtPosition.offsetTop + elementAtPosition.clientHeight;
-        const elementRootHeight = rootRef.current.clientHeight;
-        const percentToFill = Math.min((elementOffsetAndHeight * 100) / elementRootHeight, 100);
-        s.setProperty("--fill-height", `${percentToFill}%`);
-        s.setProperty("--empty-height", `${100 - percentToFill}%`);
-        s.setProperty("--bg-offset", `${percentToFill === 100 ? -1000 : 100 / ((100 - percentToFill) / 100)}%`);
-    }
-    (0, react_1.useEffect)(() => {
-        resize();
-        window.addEventListener("resize", resize);
-        return () => window.removeEventListener("resize", resize);
-    }, [fillTo]);
-    return (react_1.default.createElement("div", { ref: rootRef, style: {
-            "--bg": background,
-        }, className: BucketFill_module_scss_1.default.root }, children));
+function BucketFill(_ref) {
+  let children = _ref.children,
+    background = _ref.background,
+    fillTo = _ref.fillTo;
+  const rootRef = (0, _react.useRef)(null);
+  function resize() {
+    const childs = rootRef.current.children;
+    const s = rootRef.current.style;
+    const elementAtPosition = fillTo === 0 ? null : childs.item(fillTo - 1);
+    const elementOffsetAndHeight = elementAtPosition === null ? 0 : elementAtPosition.offsetTop + elementAtPosition.clientHeight;
+    const elementRootHeight = rootRef.current.clientHeight;
+    const percentToFill = Math.min(elementOffsetAndHeight * 100 / elementRootHeight, 100);
+    s.setProperty("--fill-height", "".concat(percentToFill, "%"));
+    s.setProperty("--empty-height", "".concat(100 - percentToFill, "%"));
+    s.setProperty("--bg-offset", "".concat(percentToFill === 100 ? -1000 : 100 / ((100 - percentToFill) / 100), "%"));
+  }
+  (0, _react.useEffect)(function () {
+    resize();
+    window.addEventListener("resize", resize);
+    return function () {
+      return window.removeEventListener("resize", resize);
+    };
+  }, [fillTo]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: rootRef,
+    style: {
+      "--bg": background
+    },
+    className: _BucketFillModule.default.root
+  }, children);
 }
-exports.default = BucketFill;
-function IgnoreFill({ children }) {
-    return react_1.default.createElement("div", { className: BucketFill_module_scss_1.default.ignoreFill }, children);
-}
-exports.IgnoreFill = IgnoreFill;
-//# sourceMappingURL=BucketFill.js.map
+function IgnoreFill(_ref2) {
+  let children = _ref2.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _BucketFillModule.default.ignoreFill
+  }, children);
+}

package/dist/components/BucketFill/index.js

@@ -1,9 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var BucketFill_1 = require("./BucketFill");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(BucketFill_1).default; } });
-//# sourceMappingURL=index.js.map
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _BucketFill.default;
+  }
+});
+var _BucketFill = _interopRequireDefault(require("./BucketFill"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/Button/Button.js

@@ -1,55 +1,38 @@
 "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;
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-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;
-};
-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._Button = void 0;
-const react_1 = __importStar(require("react"));
-const OneUIProvider_1 = require("../../context/OneUIProvider");
-const Button_module_scss_1 = __importDefault(require("./Button.module.scss"));
+exports._Button = _Button;
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _OneUIProvider = require("../../context/OneUIProvider");
+var _ButtonModule = _interopRequireDefault(require("./Button.module.scss"));
+const _excluded = ["children", "variant", "className"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /**
  * A simple button with the new design
  **/
-function _Button(_a, ref) {
-    var { children, variant = "transparent", className = "" } = _a, otherProps = __rest(_a, ["children", "variant", "className"]);
-    const classNameType = (0, OneUIProvider_1.useOneUIConfig)("component.button.className", {});
-    const Component = (0, OneUIProvider_1.useOneUIConfig)("component.button.Component", "button");
-    return (react_1.default.createElement(Component, Object.assign({ ref: ref, className: `${Button_module_scss_1.default.button} ${Button_module_scss_1.default[variant]} ${className} ${classNameType[variant] || ""}`, variant: variant }, otherProps), children));
+function _Button(_ref, ref) {
+  let children = _ref.children,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "transparent" : _ref$variant,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  const classNameType = (0, _OneUIProvider.useOneUIConfig)("component.button.className", {});
+  const Component = (0, _OneUIProvider.useOneUIConfig)("component.button.Component", "button");
+  return /*#__PURE__*/_react.default.createElement(Component, _extends({
+    ref: ref,
+    className: "".concat(_ButtonModule.default.button, " ").concat(_ButtonModule.default[variant], " ").concat(className, " ").concat(classNameType[variant] || ""),
+    variant: variant
+  }, otherProps), children);
 }
-exports._Button = _Button;
-exports.default = (0, react_1.forwardRef)(_Button);
-//# sourceMappingURL=Button.js.map
+var _default = /*#__PURE__*/(0, _react.forwardRef)(_Button);
+exports.default = _default;

package/dist/components/Button/README.md

@@ -0,0 +1,8 @@
+# Button
+      
+## Description
+
+A simple button with the new design
+
+0
+      

package/dist/components/Button/index.js

@@ -1,9 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var Button_1 = require("./Button");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
-//# sourceMappingURL=index.js.map
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Button.default;
+  }
+});
+var _Button = _interopRequireDefault(require("./Button"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/Card/Card.js

@@ -1,15 +1,20 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const Card_module_scss_1 = __importDefault(require("./Card.module.scss"));
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Card;
+var _react = _interopRequireDefault(require("react"));
+var _CardModule = _interopRequireDefault(require("./Card.module.scss"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * A card layout that holds content
  **/
-function Card({ children, className = "" }) {
-    return react_1.default.createElement("div", { className: `${Card_module_scss_1.default.container} ${className}` }, children);
-}
-exports.default = Card;
-//# sourceMappingURL=Card.js.map
+function Card(_ref) {
+  let children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_CardModule.default.container, " ").concat(className)
+  }, children);
+}

package/dist/components/Card/index.js

@@ -1,9 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var Card_1 = require("./Card");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Card_1).default; } });
-//# sourceMappingURL=index.js.map
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Card.default;
+  }
+});
+var _Card = _interopRequireDefault(require("./Card"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/Chart/Chart.logic.js

@@ -1,12 +1,12 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const Chart_view_1 = __importDefault(require("./Chart.view"));
-function ChartLogic(props) {
-    return react_1.default.createElement(Chart_view_1.default, Object.assign({}, props));
-}
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = ChartLogic;
-//# sourceMappingURL=Chart.logic.js.map
+var _react = _interopRequireDefault(require("react"));
+var _Chart = _interopRequireDefault(require("./Chart.view"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ChartLogic(props) {
+  return /*#__PURE__*/_react.default.createElement(_Chart.default, props);
+}

package/dist/components/Chart/Chart.types.js

@@ -1,3 +1,5 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=Chart.types.js.map
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});