@elliemae/ds-left-navigation 3.1.0-next.2 → 3.1.0-next.20

package/dist/cjs/parts/LeftNavContentWithScrollbar/index.js

@@ -1,108 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var LeftNavContentWithScrollbar_exports = {};
-__export(LeftNavContentWithScrollbar_exports, {
-  LeftNavContentWithScrollbar: () => LeftNavContentWithScrollbar
-});
-module.exports = __toCommonJS(LeftNavContentWithScrollbar_exports);
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_OverlayScrollbars = require("overlayscrollbars/css/OverlayScrollbars.css");
-var import_overlayscrollbars = __toESM(require("overlayscrollbars"));
-var import_styled_components = __toESM(require("styled-components"));
-const StyledHandle = import_styled_components.default.div`
-  width: 6px;
-  border: 1px solid rgba(0, 0, 0, 0);
-  background-color: rgba(105, 116, 137, 0.5) !important;
-  border-radius: 7px;
-
-  :hover {
-    background-color: rgba(105, 116, 137, 0.7) !important;
-  }
-
-  :active {
-    background-color: rgba(105, 116, 137, 0.7) !important;
-  }
-`;
-const options = {
-  className: "os-theme-dark",
-  scrollbars: {
-    autoHide: "leave",
-    autoHideDelay: 0
-  }
-};
-const LeftNavContentWithScrollbar = (props) => {
-  const { children } = props;
-  const inheritBoxShadow = { boxShadow: "inherit" };
-  const [osInstance, setOsInstance] = (0, import_react.useState)();
-  const osTargetRef = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
-    const nextOsInstance = (0, import_overlayscrollbars.default)(osTargetRef.current, options);
-    setOsInstance(nextOsInstance);
-  }, [osInstance]);
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "os-host",
-    style: __spreadValues({ height: "100%" }, inheritBoxShadow),
-    tabIndex: -1,
-    ref: osTargetRef
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "os-resize-observer-host"
-  }), /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "os-padding",
-    style: inheritBoxShadow
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "os-viewport",
-    style: inheritBoxShadow
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "os-content",
-    style: inheritBoxShadow,
-    "aria-hidden": true
-  }, children))), /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "os-scrollbar os-scrollbar-horizontal "
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "os-scrollbar-track"
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "os-scrollbar-handle"
-  }))), /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "os-scrollbar os-scrollbar-vertical"
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "os-scrollbar-track"
-  }, /* @__PURE__ */ import_react.default.createElement(StyledHandle, {
-    className: "os-scrollbar-handle"
-  }))), /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "os-scrollbar-corner"
-  }));
-};
-//# sourceMappingURL=index.js.map

package/dist/cjs/parts/LeftNavContentWithScrollbar/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/LeftNavContentWithScrollbar/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useEffect, useRef, useState } from 'react';\nimport 'overlayscrollbars/css/OverlayScrollbars.css';\nimport OverlayScrollbars, { Options } from 'overlayscrollbars';\nimport styled from 'styled-components';\n\nexport interface OverlayScrollbarsComponentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode;\n}\n\nconst StyledHandle = styled.div`\n  width: 6px;\n  border: 1px solid rgba(0, 0, 0, 0);\n  background-color: rgba(105, 116, 137, 0.5) !important;\n  border-radius: 7px;\n\n  :hover {\n    background-color: rgba(105, 116, 137, 0.7) !important;\n  }\n\n  :active {\n    background-color: rgba(105, 116, 137, 0.7) !important;\n  }\n`;\n\nconst options: Options = {\n  className: 'os-theme-dark',\n  scrollbars: {\n    autoHide: 'leave',\n    autoHideDelay: 0,\n  },\n};\n\nexport const LeftNavContentWithScrollbar: React.ComponentType<OverlayScrollbarsComponentProps> = (props) => {\n  const { children } = props;\n\n  const inheritBoxShadow = { boxShadow: 'inherit' };\n  const [osInstance, setOsInstance] = useState<OverlayScrollbars>();\n  const osTargetRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const nextOsInstance: OverlayScrollbars = OverlayScrollbars(osTargetRef.current, options);\n    setOsInstance(nextOsInstance);\n  }, [osInstance]);\n\n  return (\n    <div className=\"os-host\" style={{ height: '100%', ...inheritBoxShadow }} tabIndex={-1} ref={osTargetRef}>\n      <div className=\"os-resize-observer-host\" />\n      <div className=\"os-padding\" style={inheritBoxShadow}>\n        <div className=\"os-viewport\" style={inheritBoxShadow}>\n          <div className=\"os-content\" style={inheritBoxShadow} aria-hidden>\n            {children}\n          </div>\n        </div>\n      </div>\n      <div className=\"os-scrollbar os-scrollbar-horizontal \">\n        <div className=\"os-scrollbar-track\">\n          <div className=\"os-scrollbar-handle\" />\n        </div>\n      </div>\n      <div className=\"os-scrollbar os-scrollbar-vertical\">\n        <div className=\"os-scrollbar-track\">\n          <StyledHandle className=\"os-scrollbar-handle\"></StyledHandle>\n        </div>\n      </div>\n      <div className=\"os-scrollbar-corner\" />\n    </div>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAmD;AACnD,+BAAO;AACP,+BAA2C;AAC3C,+BAAmB;AAMnB,MAAM,eAAe,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe5B,MAAM,UAAmB;AAAA,EACvB,WAAW;AAAA,EACX,YAAY;AAAA,IACV,UAAU;AAAA,IACV,eAAe;AAAA,EACjB;AACF;AAEO,MAAM,8BAAoF,CAAC,UAAU;AAC1G,QAAM,EAAE,aAAa;AAErB,QAAM,mBAAmB,EAAE,WAAW,UAAU;AAChD,QAAM,CAAC,YAAY,iBAAiB,2BAA4B;AAChE,QAAM,cAAc,yBAAuB,IAAI;AAE/C,8BAAU,MAAM;AACd,UAAM,iBAAoC,sCAAkB,YAAY,SAAS,OAAO;AACxF,kBAAc,cAAc;AAAA,EAC9B,GAAG,CAAC,UAAU,CAAC;AAEf,SACE,mDAAC;AAAA,IAAI,WAAU;AAAA,IAAU,OAAO,iBAAE,QAAQ,UAAW;AAAA,IAAoB,UAAU;AAAA,IAAI,KAAK;AAAA,KAC1F,mDAAC;AAAA,IAAI,WAAU;AAAA,GAA0B,GACzC,mDAAC;AAAA,IAAI,WAAU;AAAA,IAAa,OAAO;AAAA,KACjC,mDAAC;AAAA,IAAI,WAAU;AAAA,IAAc,OAAO;AAAA,KAClC,mDAAC;AAAA,IAAI,WAAU;AAAA,IAAa,OAAO;AAAA,IAAkB,eAAW;AAAA,KAC7D,QACH,CACF,CACF,GACA,mDAAC;AAAA,IAAI,WAAU;AAAA,KACb,mDAAC;AAAA,IAAI,WAAU;AAAA,KACb,mDAAC;AAAA,IAAI,WAAU;AAAA,GAAsB,CACvC,CACF,GACA,mDAAC;AAAA,IAAI,WAAU;AAAA,KACb,mDAAC;AAAA,IAAI,WAAU;AAAA,KACb,mDAAC;AAAA,IAAa,WAAU;AAAA,GAAsB,CAChD,CACF,GACA,mDAAC;AAAA,IAAI,WAAU;AAAA,GAAsB,CACvC;AAEJ;",
-  "names": []
-}

package/dist/esm/parts/LeftNavContentWithScrollbar/index.js

@@ -1,88 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-import * as React from "react";
-import React2, { useEffect, useRef, useState } from "react";
-import "overlayscrollbars/css/OverlayScrollbars.css";
-import OverlayScrollbars from "overlayscrollbars";
-import styled from "styled-components";
-const StyledHandle = styled.div`
-  width: 6px;
-  border: 1px solid rgba(0, 0, 0, 0);
-  background-color: rgba(105, 116, 137, 0.5) !important;
-  border-radius: 7px;
-
-  :hover {
-    background-color: rgba(105, 116, 137, 0.7) !important;
-  }
-
-  :active {
-    background-color: rgba(105, 116, 137, 0.7) !important;
-  }
-`;
-const options = {
-  className: "os-theme-dark",
-  scrollbars: {
-    autoHide: "leave",
-    autoHideDelay: 0
-  }
-};
-const LeftNavContentWithScrollbar = (props) => {
-  const { children } = props;
-  const inheritBoxShadow = { boxShadow: "inherit" };
-  const [osInstance, setOsInstance] = useState();
-  const osTargetRef = useRef(null);
-  useEffect(() => {
-    const nextOsInstance = OverlayScrollbars(osTargetRef.current, options);
-    setOsInstance(nextOsInstance);
-  }, [osInstance]);
-  return /* @__PURE__ */ React2.createElement("div", {
-    className: "os-host",
-    style: __spreadValues({ height: "100%" }, inheritBoxShadow),
-    tabIndex: -1,
-    ref: osTargetRef
-  }, /* @__PURE__ */ React2.createElement("div", {
-    className: "os-resize-observer-host"
-  }), /* @__PURE__ */ React2.createElement("div", {
-    className: "os-padding",
-    style: inheritBoxShadow
-  }, /* @__PURE__ */ React2.createElement("div", {
-    className: "os-viewport",
-    style: inheritBoxShadow
-  }, /* @__PURE__ */ React2.createElement("div", {
-    className: "os-content",
-    style: inheritBoxShadow,
-    "aria-hidden": true
-  }, children))), /* @__PURE__ */ React2.createElement("div", {
-    className: "os-scrollbar os-scrollbar-horizontal "
-  }, /* @__PURE__ */ React2.createElement("div", {
-    className: "os-scrollbar-track"
-  }, /* @__PURE__ */ React2.createElement("div", {
-    className: "os-scrollbar-handle"
-  }))), /* @__PURE__ */ React2.createElement("div", {
-    className: "os-scrollbar os-scrollbar-vertical"
-  }, /* @__PURE__ */ React2.createElement("div", {
-    className: "os-scrollbar-track"
-  }, /* @__PURE__ */ React2.createElement(StyledHandle, {
-    className: "os-scrollbar-handle"
-  }))), /* @__PURE__ */ React2.createElement("div", {
-    className: "os-scrollbar-corner"
-  }));
-};
-export {
-  LeftNavContentWithScrollbar
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/parts/LeftNavContentWithScrollbar/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/LeftNavContentWithScrollbar/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useEffect, useRef, useState } from 'react';\nimport 'overlayscrollbars/css/OverlayScrollbars.css';\nimport OverlayScrollbars, { Options } from 'overlayscrollbars';\nimport styled from 'styled-components';\n\nexport interface OverlayScrollbarsComponentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode;\n}\n\nconst StyledHandle = styled.div`\n  width: 6px;\n  border: 1px solid rgba(0, 0, 0, 0);\n  background-color: rgba(105, 116, 137, 0.5) !important;\n  border-radius: 7px;\n\n  :hover {\n    background-color: rgba(105, 116, 137, 0.7) !important;\n  }\n\n  :active {\n    background-color: rgba(105, 116, 137, 0.7) !important;\n  }\n`;\n\nconst options: Options = {\n  className: 'os-theme-dark',\n  scrollbars: {\n    autoHide: 'leave',\n    autoHideDelay: 0,\n  },\n};\n\nexport const LeftNavContentWithScrollbar: React.ComponentType<OverlayScrollbarsComponentProps> = (props) => {\n  const { children } = props;\n\n  const inheritBoxShadow = { boxShadow: 'inherit' };\n  const [osInstance, setOsInstance] = useState<OverlayScrollbars>();\n  const osTargetRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const nextOsInstance: OverlayScrollbars = OverlayScrollbars(osTargetRef.current, options);\n    setOsInstance(nextOsInstance);\n  }, [osInstance]);\n\n  return (\n    <div className=\"os-host\" style={{ height: '100%', ...inheritBoxShadow }} tabIndex={-1} ref={osTargetRef}>\n      <div className=\"os-resize-observer-host\" />\n      <div className=\"os-padding\" style={inheritBoxShadow}>\n        <div className=\"os-viewport\" style={inheritBoxShadow}>\n          <div className=\"os-content\" style={inheritBoxShadow} aria-hidden>\n            {children}\n          </div>\n        </div>\n      </div>\n      <div className=\"os-scrollbar os-scrollbar-horizontal \">\n        <div className=\"os-scrollbar-track\">\n          <div className=\"os-scrollbar-handle\" />\n        </div>\n      </div>\n      <div className=\"os-scrollbar os-scrollbar-vertical\">\n        <div className=\"os-scrollbar-track\">\n          <StyledHandle className=\"os-scrollbar-handle\"></StyledHandle>\n        </div>\n      </div>\n      <div className=\"os-scrollbar-corner\" />\n    </div>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AAMA,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe5B,MAAM,UAAmB;AAAA,EACvB,WAAW;AAAA,EACX,YAAY;AAAA,IACV,UAAU;AAAA,IACV,eAAe;AAAA,EACjB;AACF;AAEO,MAAM,8BAAoF,CAAC,UAAU;AAC1G,QAAM,EAAE,aAAa;AAErB,QAAM,mBAAmB,EAAE,WAAW,UAAU;AAChD,QAAM,CAAC,YAAY,iBAAiB,SAA4B;AAChE,QAAM,cAAc,OAAuB,IAAI;AAE/C,YAAU,MAAM;AACd,UAAM,iBAAoC,kBAAkB,YAAY,SAAS,OAAO;AACxF,kBAAc,cAAc;AAAA,EAC9B,GAAG,CAAC,UAAU,CAAC;AAEf,SACE,qCAAC;AAAA,IAAI,WAAU;AAAA,IAAU,OAAO,iBAAE,QAAQ,UAAW;AAAA,IAAoB,UAAU;AAAA,IAAI,KAAK;AAAA,KAC1F,qCAAC;AAAA,IAAI,WAAU;AAAA,GAA0B,GACzC,qCAAC;AAAA,IAAI,WAAU;AAAA,IAAa,OAAO;AAAA,KACjC,qCAAC;AAAA,IAAI,WAAU;AAAA,IAAc,OAAO;AAAA,KAClC,qCAAC;AAAA,IAAI,WAAU;AAAA,IAAa,OAAO;AAAA,IAAkB,eAAW;AAAA,KAC7D,QACH,CACF,CACF,GACA,qCAAC;AAAA,IAAI,WAAU;AAAA,KACb,qCAAC;AAAA,IAAI,WAAU;AAAA,KACb,qCAAC;AAAA,IAAI,WAAU;AAAA,GAAsB,CACvC,CACF,GACA,qCAAC;AAAA,IAAI,WAAU;AAAA,KACb,qCAAC;AAAA,IAAI,WAAU;AAAA,KACb,qCAAC;AAAA,IAAa,WAAU;AAAA,GAAsB,CAChD,CACF,GACA,qCAAC;AAAA,IAAI,WAAU;AAAA,GAAsB,CACvC;AAEJ;",
-  "names": []
-}