@onepercentio/one-ui 1.2.3 → 1.2.4

package/dist/components/Header/index.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Header.default;
-  }
-});
-var _Header = _interopRequireWildcard(require("./Header"));
-Object.keys(_Header).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Header[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Header[key];
-    }
-  });
-});
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfSGVhZGVyIiwiX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQiLCJyZXF1aXJlIiwiT2JqZWN0Iiwia2V5cyIsImZvckVhY2giLCJrZXkiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJfZXhwb3J0TmFtZXMiLCJleHBvcnRzIiwiZGVmaW5lUHJvcGVydHkiLCJlbnVtZXJhYmxlIiwiZ2V0IiwiZSIsInQiLCJXZWFrTWFwIiwiciIsIm4iLCJfX2VzTW9kdWxlIiwibyIsImkiLCJmIiwiX19wcm90b19fIiwiZGVmYXVsdCIsImhhcyIsInNldCIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0hlYWRlci9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgZGVmYXVsdCB9IGZyb20gXCIuL0hlYWRlclwiO1xuZXhwb3J0ICogZnJvbSBcIi4vSGVhZGVyXCI7Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFBQSxJQUFBQSxPQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFDQUMsTUFBQSxDQUFBQyxJQUFBLENBQUFKLE9BQUEsRUFBQUssT0FBQSxXQUFBQyxHQUFBO0VBQUEsSUFBQUEsR0FBQSxrQkFBQUEsR0FBQTtFQUFBLElBQUFILE1BQUEsQ0FBQUksU0FBQSxDQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQUMsWUFBQSxFQUFBSixHQUFBO0VBQUEsSUFBQUEsR0FBQSxJQUFBSyxPQUFBLElBQUFBLE9BQUEsQ0FBQUwsR0FBQSxNQUFBTixPQUFBLENBQUFNLEdBQUE7RUFBQUgsTUFBQSxDQUFBUyxjQUFBLENBQUFELE9BQUEsRUFBQUwsR0FBQTtJQUFBTyxVQUFBO0lBQUFDLEdBQUEsV0FBQUEsQ0FBQTtNQUFBLE9BQUFkLE9BQUEsQ0FBQU0sR0FBQTtJQUFBO0VBQUE7QUFBQTtBQUF5QixTQUFBTCx3QkFBQWMsQ0FBQSxFQUFBQyxDQUFBLDZCQUFBQyxPQUFBLE1BQUFDLENBQUEsT0FBQUQsT0FBQSxJQUFBRSxDQUFBLE9BQUFGLE9BQUEsWUFBQWhCLHVCQUFBLFlBQUFBLENBQUFjLENBQUEsRUFBQUMsQ0FBQSxTQUFBQSxDQUFBLElBQUFELENBQUEsSUFBQUEsQ0FBQSxDQUFBSyxVQUFBLFNBQUFMLENBQUEsTUFBQU0sQ0FBQSxFQUFBQyxDQUFBLEVBQUFDLENBQUEsS0FBQUMsU0FBQSxRQUFBQyxPQUFBLEVBQUFWLENBQUEsaUJBQUFBLENBQUEsdUJBQUFBLENBQUEseUJBQUFBLENBQUEsU0FBQVEsQ0FBQSxNQUFBRixDQUFBLEdBQUFMLENBQUEsR0FBQUcsQ0FBQSxHQUFBRCxDQUFBLFFBQUFHLENBQUEsQ0FBQUssR0FBQSxDQUFBWCxDQUFBLFVBQUFNLENBQUEsQ0FBQVAsR0FBQSxDQUFBQyxDQUFBLEdBQUFNLENBQUEsQ0FBQU0sR0FBQSxDQUFBWixDQUFBLEVBQUFRLENBQUEsZ0JBQUFQLENBQUEsSUFBQUQsQ0FBQSxnQkFBQUMsQ0FBQSxPQUFBUixjQUFBLENBQUFDLElBQUEsQ0FBQU0sQ0FBQSxFQUFBQyxDQUFBLE9BQUFNLENBQUEsSUFBQUQsQ0FBQSxHQUFBbEIsTUFBQSxDQUFBUyxjQUFBLEtBQUFULE1BQUEsQ0FBQXlCLHdCQUFBLENBQUFiLENBQUEsRUFBQUMsQ0FBQSxPQUFBTSxDQUFBLENBQUFSLEdBQUEsSUFBQVEsQ0FBQSxDQUFBSyxHQUFBLElBQUFOLENBQUEsQ0FBQUUsQ0FBQSxFQUFBUCxDQUFBLEVBQUFNLENBQUEsSUFBQUMsQ0FBQSxDQUFBUCxDQUFBLElBQUFELENBQUEsQ0FBQUMsQ0FBQSxXQUFBTyxDQUFBLEtBQUFSLENBQUEsRUFBQUMsQ0FBQSIsImlnbm9yZUxpc3QiOltdfQ==

package/dist-ts/components/Header/Header.d.ts

@@ -1,25 +0,0 @@
-import { PropsWithChildren } from "react";
-type Option = {
-    label: string;
-    onClick: () => void;
-};
-type User = {
-    name: string;
-    profilePicture?: string;
-};
-type MoreOptions = Option[];
-type Props = PropsWithChildren<{
-    optionsAlignment?: "left" | "right";
-    user?: User;
-    options: Option[];
-    moreOptions?: MoreOptions;
-    /**
-     * This controls the visbility of a control for showing or hiding a menu on mobile
-     */
-    responsive?: boolean;
-}>;
-/**
- * A generic header implementation
- **/
-export default function Header(props: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist-ts/components/Header/Header.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { useOneUIContext } from "../../context/OneUIProvider";
-import { AnchoredTooltipAlignment } from "../AnchoredTooltip/AnchoredTooltip";
-import Collapsable from "../Collapsable";
-import Text from "../Text";
-import Styles from "./Header.module.scss";
-/**
- * A generic header implementation
- **/
-export default function Header(props) {
-    const { user, moreOptions } = props;
-    const [showMoreOptions, setShowMoreOptions] = useState(false);
-    const { LogoImage = () => null, MoreOptions = () => _jsx("div", { children: "v" }) } = useOneUIContext().component.header;
-    useEffect(() => {
-        if (showMoreOptions) {
-            const close = () => setShowMoreOptions(false);
-            window.addEventListener("click", close);
-            return () => {
-                window.removeEventListener("click", close);
-            };
-        }
-    }, [showMoreOptions]);
-    return (_jsxs("header", { className: `${Styles.header} ${Styles[`options-${props.optionsAlignment || "left"}`]}`, children: [_jsxs("div", { className: Styles.logo, children: [_jsx(LogoImage, {}), _jsx("div", { className: Styles.logoDivider })] }), _jsx(Controls, { ...props, mode: "desktop" }), user ? (user.profilePicture ? (_jsx("img", { className: Styles.profile, "data-testid": "profile-container", src: user.profilePicture })) : (_jsx("div", { className: Styles.profile, "data-testid": "profile-container", children: user.name
-                    .split(" ")
-                    .slice(0, 2)
-                    .map((a) => a.charAt(0).toUpperCase())
-                    .join("") }))) : null, user ? _jsx("p", { className: Styles.profileName, children: user.name }) : null, _jsxs(Collapsable, { title: _jsx("div", { className: `${Styles.indicator} ${moreOptions ? Styles.withMoreOptions : ""}`, children: _jsx(MoreOptions, { open: showMoreOptions }) }), "data-testid": "more-options-container", open: showMoreOptions, onToggleOpen: setShowMoreOptions, mode: "float", contentClassName: Styles.headerOptions, alignTo: AnchoredTooltipAlignment.CENTER, children: [_jsx(Controls, { ...props, mode: "mobile" }), moreOptions
-                        ? moreOptions.map((opt) => (_jsx(Text, { type: "link", onClick: opt.onClick, children: opt.label })))
-                        : null] })] }));
-}
-function Controls({ options, children, mode, }) {
-    return (_jsxs(_Fragment, { children: [options.map((option, i) => (_jsx(Text, { type: "link", "data-testid": `option-${i}`, onClick: option.onClick, className: `${Styles.option} ${mode === "desktop" ? Styles.desktopOnly : Styles.mobileOnly}`, children: option.label }, option.label))), _jsx("div", { className: Styles.sectionDivider }), children && (_jsx("div", { className: `${Styles.children} ${mode === "desktop" ? Styles.desktopOnly : Styles.mobileOnly}`, children: children }))] }));
-}
-//# sourceMappingURL=Header.js.map

package/dist-ts/components/Header/Header.js.map

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

package/dist-ts/components/Header/Header.module.scss

@@ -1,119 +0,0 @@
-@import "../../assets/styles/index.scss";
-
-.header {
-  position: sticky;
-  top: 0px;
-  width: 100%;
-  background-color: $headerFillBackgroundColor;
-  display: flex;
-  padding: 32px;
-  align-items: center;
-  font-family: $mainFontFamily;
-  z-index: 100;
-}
-
-.logo {
-  align-self: stretch;
-  display: flex;
-  align-items: center;
-
-  @media (orientation: portrait) {
-    display: none;
-  }
-}
-
-.option {
-  font-size: 18px;
-  line-height: 22px;
-  margin-right: 28px;
-  color: $headerTextColor;
-}
-
-.logoDivider {
-  margin: -32px 32px;
-  width: 1px;
-  background-color: $headerBackgroundColor;
-}
-
-.profile {
-  background-color: $headerBrightColor;
-  height: 36px;
-  width: 36px;
-  border-radius: 18px;
-  line-height: 36px;
-  text-align: center;
-}
-
-.profile,
-.profileName {
-  margin-right: 8px;
-}
-
-.profileName {
-  color: $headerBrightColor;
-
-  @media (orientation: portrait) {
-    display: none;
-  }
-}
-.headerOptions {
-  right: 0px;
-  width: fit-content;
-  margin-top: 18px;
-  z-index: 1000;
-  > * {
-    cursor: pointer;
-    backdrop-filter: var(--header-submenu-backdrop, initial);
-    padding: 12px 32px;
-    margin-bottom: 8px;
-    margin-left: 4px;
-    margin-right: 4px;
-    text-align: left;
-    border-radius: 4px;
-    font-size: 14px;
-  }
-}
-.indicator {
-  @include iteractibleElement();
-  transition: transform $fast;
-  transform: rotateX(0deg);
-
-  &.open {
-    transform: rotateX(180deg);
-  }
-
-  display: none;
-  @media screen and (max-width: 640px) {
-    display: initial;
-  }
-  &.withMoreOptions {
-    display: initial;
-  }
-}
-
-.desktopOnly {
-  @media screen and (max-width: 640px) {
-    display: none;
-  }
-}
-
-.mobileOnly {
-  @media screen and (min-width: 640px) {
-    display: none;
-  }
-}
-
-.options-right {
-  .logo {
-    margin-right: auto;
-  }
-  .sectionDivider {
-    margin-left: initial;
-  }
-}
-
-.options-left {
-  .sectionDivider {
-    margin-left: auto;
-  }
-}

package/dist-ts/components/Header/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./Header";
-export * from "./Header";

package/dist-ts/components/Header/index.js

@@ -1,3 +0,0 @@
-export { default } from "./Header";
-export * from "./Header";
-//# sourceMappingURL=index.js.map

package/dist-ts/components/Header/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,cAAc,UAAU,CAAC"}