@elliemae/ds-scrollable-container 3.32.2-next.1 → 3.33.0-next.0

package/dist/cjs/DSScrollableContainer.js

@@ -0,0 +1,125 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSScrollableContainer_exports = {};
+__export(DSScrollableContainer_exports, {
+  DSScrollableContainer: () => DSScrollableContainer,
+  DSScrollableContainerWithSchema: () => DSScrollableContainerWithSchema
+});
+module.exports = __toCommonJS(DSScrollableContainer_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_exported_related = require("./exported_related/index.js");
+var import_config = require("./config/index.js");
+var import_styled = require("./styled.js");
+const DSScrollableContainer = (props) => {
+  const {
+    propsWithDefault: { children },
+    globalAttrs,
+    xStyledAttrs,
+    osTargetRef
+  } = (0, import_config.useConfig)(props);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledOsHostWrapper, { "data-testid": import_exported_related.DSScrollableContainerDataTestIds.ROOT, ...globalAttrs, ...xStyledAttrs, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.GlobalStyleScrollContainer, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_styled.StyledOsHost,
+      {
+        "data-testid": import_exported_related.DSScrollableContainerDataTestIds.HOST,
+        className: "os-host",
+        tabIndex: -1,
+        ref: osTargetRef,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_styled.StyledOsResizeObserverHost,
+            {
+              "data-testid": import_exported_related.DSScrollableContainerDataTestIds.RESIZE_OBSERVER_HOST,
+              className: "os-resize-observer-host"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledOsPadding, { "data-testid": import_exported_related.DSScrollableContainerDataTestIds.PADDING, className: "os-padding", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledOsViewport, { "data-testid": import_exported_related.DSScrollableContainerDataTestIds.VIEWPORT, className: "os-viewport", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledOsContent, { "data-testid": import_exported_related.DSScrollableContainerDataTestIds.CONTENT, className: "os-content", "aria-hidden": true, children }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_styled.StyledOsScrollbarHorizontal,
+            {
+              "data-testid": import_exported_related.DSScrollableContainerDataTestIds.SCROLLBAR_HORIZONTAL,
+              className: "os-scrollbar os-scrollbar-horizontal ",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_styled.StyledOsScrollbarTrack,
+                {
+                  "data-testid": import_exported_related.DSScrollableContainerDataTestIds.SCROLLBAR_TRACK,
+                  className: "os-scrollbar-track",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_styled.StyledOsScrollbarHandle,
+                    {
+                      "data-testid": import_exported_related.DSScrollableContainerDataTestIds.SCROLLBAR_HANDLE,
+                      className: "os-scrollbar-handle"
+                    }
+                  )
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_styled.StyledOsScrollbarVertical,
+            {
+              "data-testid": import_exported_related.DSScrollableContainerDataTestIds.SCROLLBAR_VERTICAL,
+              className: "os-scrollbar os-scrollbar-vertical",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_styled.StyledOsScrollbarTrack,
+                {
+                  "data-testid": import_exported_related.DSScrollableContainerDataTestIds.SCROLLBAR_TRACK,
+                  className: "os-scrollbar-track",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_styled.StyledOsScrollbarHandle,
+                    {
+                      "data-testid": import_exported_related.DSScrollableContainerDataTestIds.SCROLLBAR_HANDLE,
+                      className: "os-scrollbar-handle"
+                    }
+                  )
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_styled.StyledOsScrollbarCorner,
+            {
+              "data-testid": import_exported_related.DSScrollableContainerDataTestIds.SCROLLBAR_CORNER,
+              className: "os-scrollbar-corner"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+DSScrollableContainer.propTypes = import_react_desc_prop_types.DSScrollableContainerPropTypes;
+DSScrollableContainer.displayName = import_exported_related.DSScrollableContainerName;
+const DSScrollableContainerWithSchema = (0, import_ds_props_helpers.describe)(DSScrollableContainer);
+DSScrollableContainerWithSchema.propTypes = import_react_desc_prop_types.DSScrollableContainerPropTypes;
+//# sourceMappingURL=DSScrollableContainer.js.map

package/dist/cjs/DSScrollableContainer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSScrollableContainer.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport type { DSScrollableContainerT } from './react-desc-prop-types.js';\nimport { DSScrollableContainerPropTypes } from './react-desc-prop-types.js';\nimport { DSScrollableContainerDataTestIds, DSScrollableContainerName } from './exported_related/index.js';\nimport { useConfig } from './config/index.js';\nimport {\n  StyledOsContent,\n  StyledOsHost,\n  StyledOsHostWrapper,\n  StyledOsPadding,\n  StyledOsResizeObserverHost,\n  StyledOsScrollbarCorner,\n  StyledOsScrollbarHandle,\n  StyledOsScrollbarHorizontal,\n  StyledOsScrollbarTrack,\n  StyledOsScrollbarVertical,\n  StyledOsViewport,\n  GlobalStyleScrollContainer,\n} from './styled.js';\n\nconst DSScrollableContainer: React.ComponentType<DSScrollableContainerT.Props> = (props) => {\n  const {\n    propsWithDefault: { children },\n    globalAttrs,\n    xStyledAttrs,\n    osTargetRef,\n  } = useConfig(props);\n\n  return (\n    <StyledOsHostWrapper data-testid={DSScrollableContainerDataTestIds.ROOT} {...globalAttrs} {...xStyledAttrs}>\n      <GlobalStyleScrollContainer />\n      <StyledOsHost\n        data-testid={DSScrollableContainerDataTestIds.HOST}\n        className=\"os-host\"\n        tabIndex={-1}\n        ref={osTargetRef}\n      >\n        <StyledOsResizeObserverHost\n          data-testid={DSScrollableContainerDataTestIds.RESIZE_OBSERVER_HOST}\n          className=\"os-resize-observer-host\"\n        />\n        <StyledOsPadding data-testid={DSScrollableContainerDataTestIds.PADDING} className=\"os-padding\">\n          <StyledOsViewport data-testid={DSScrollableContainerDataTestIds.VIEWPORT} className=\"os-viewport\">\n            <StyledOsContent data-testid={DSScrollableContainerDataTestIds.CONTENT} className=\"os-content\" aria-hidden>\n              {children}\n            </StyledOsContent>\n          </StyledOsViewport>\n        </StyledOsPadding>\n        <StyledOsScrollbarHorizontal\n          data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_HORIZONTAL}\n          className=\"os-scrollbar os-scrollbar-horizontal \"\n        >\n          <StyledOsScrollbarTrack\n            data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_TRACK}\n            className=\"os-scrollbar-track\"\n          >\n            <StyledOsScrollbarHandle\n              data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_HANDLE}\n              className=\"os-scrollbar-handle\"\n            />\n          </StyledOsScrollbarTrack>\n        </StyledOsScrollbarHorizontal>\n        <StyledOsScrollbarVertical\n          data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_VERTICAL}\n          className=\"os-scrollbar os-scrollbar-vertical\"\n        >\n          <StyledOsScrollbarTrack\n            data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_TRACK}\n            className=\"os-scrollbar-track\"\n          >\n            <StyledOsScrollbarHandle\n              data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_HANDLE}\n              className=\"os-scrollbar-handle\"\n            />\n          </StyledOsScrollbarTrack>\n        </StyledOsScrollbarVertical>\n        <StyledOsScrollbarCorner\n          data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_CORNER}\n          className=\"os-scrollbar-corner\"\n        />\n      </StyledOsHost>\n    </StyledOsHostWrapper>\n  );\n};\n\nDSScrollableContainer.propTypes = DSScrollableContainerPropTypes;\nDSScrollableContainer.displayName = DSScrollableContainerName;\nconst DSScrollableContainerWithSchema = describe(DSScrollableContainer);\nDSScrollableContainerWithSchema.propTypes = DSScrollableContainerPropTypes;\n\nexport { DSScrollableContainer, DSScrollableContainerWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+BjB;AA9BN,8BAAyB;AAEzB,mCAA+C;AAC/C,8BAA4E;AAC5E,oBAA0B;AAC1B,oBAaO;AAEP,MAAM,wBAA2E,CAAC,UAAU;AAC1F,QAAM;AAAA,IACJ,kBAAkB,EAAE,SAAS;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAU,KAAK;AAEnB,SACE,6CAAC,qCAAoB,eAAa,yDAAiC,MAAO,GAAG,aAAc,GAAG,cAC5F;AAAA,gDAAC,4CAA2B;AAAA,IAC5B;AAAA,MAAC;AAAA;AAAA,QACC,eAAa,yDAAiC;AAAA,QAC9C,WAAU;AAAA,QACV,UAAU;AAAA,QACV,KAAK;AAAA,QAEL;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,eAAa,yDAAiC;AAAA,cAC9C,WAAU;AAAA;AAAA,UACZ;AAAA,UACA,4CAAC,iCAAgB,eAAa,yDAAiC,SAAS,WAAU,cAChF,sDAAC,kCAAiB,eAAa,yDAAiC,UAAU,WAAU,eAClF,sDAAC,iCAAgB,eAAa,yDAAiC,SAAS,WAAU,cAAa,eAAW,MACvG,UACH,GACF,GACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,eAAa,yDAAiC;AAAA,cAC9C,WAAU;AAAA,cAEV;AAAA,gBAAC;AAAA;AAAA,kBACC,eAAa,yDAAiC;AAAA,kBAC9C,WAAU;AAAA,kBAEV;AAAA,oBAAC;AAAA;AAAA,sBACC,eAAa,yDAAiC;AAAA,sBAC9C,WAAU;AAAA;AAAA,kBACZ;AAAA;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,eAAa,yDAAiC;AAAA,cAC9C,WAAU;AAAA,cAEV;AAAA,gBAAC;AAAA;AAAA,kBACC,eAAa,yDAAiC;AAAA,kBAC9C,WAAU;AAAA,kBAEV;AAAA,oBAAC;AAAA;AAAA,sBACC,eAAa,yDAAiC;AAAA,sBAC9C,WAAU;AAAA;AAAA,kBACZ;AAAA;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,eAAa,yDAAiC;AAAA,cAC9C,WAAU;AAAA;AAAA,UACZ;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,sCAAkC,kCAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
+  "names": []
+}

package/dist/cjs/config/index.js

@@ -0,0 +1,30 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var config_exports = {};
+module.exports = __toCommonJS(config_exports);
+var React = __toESM(require("react"));
+__reExport(config_exports, require("./useConfig.js"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/config/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './useConfig.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAc,2BAAd;",
+  "names": []
+}

package/dist/cjs/config/useConfig.js

@@ -0,0 +1,60 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useConfig_exports = {};
+__export(useConfig_exports, {
+  useConfig: () => useConfig
+});
+module.exports = __toCommonJS(useConfig_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_overlayscrollbars = __toESM(require("overlayscrollbars"));
+var import_react = require("react");
+var import_react_desc_prop_types = require("../react-desc-prop-types.js");
+const options = {
+  scrollbars: {
+    autoHide: "leave",
+    autoHideDelay: 0
+  }
+};
+const useConfig = (props) => {
+  const propsWithDefault = props;
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.DSScrollableContainerPropTypes, "DSScrollableContainer");
+  const globalAttrs = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefault);
+  const xStyledAttrs = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefault);
+  const [osInstance, setOsInstance] = (0, import_react.useState)();
+  const osTargetRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    if (osTargetRef.current) {
+      const nextOsInstance = (0, import_overlayscrollbars.default)(osTargetRef.current, options);
+      setOsInstance(nextOsInstance);
+    }
+  }, [osInstance]);
+  return { propsWithDefault: props, globalAttrs, xStyledAttrs, osTargetRef };
+};
+//# sourceMappingURL=useConfig.js.map

package/dist/cjs/config/useConfig.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useConfig.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import type {} from '@elliemae/ds-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { useGetGlobalAttributes, useValidateTypescriptPropTypes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport type { Options } from 'overlayscrollbars';\nimport OverlayScrollbars from 'overlayscrollbars';\nimport { useEffect, useRef, useState } from 'react';\nimport type { DSScrollableContainerT } from '../react-desc-prop-types.js';\nimport { DSScrollableContainerPropTypes } from '../react-desc-prop-types.js';\n\nconst options: Options = {\n  scrollbars: {\n    autoHide: 'leave',\n    autoHideDelay: 0,\n  },\n};\n\ninterface UseConfigT {\n  propsWithDefault: DSScrollableContainerT.Props;\n  globalAttributes: GlobalAttributesT;\n  xstyledProps: XstyledProps;\n  osTargetRef: React.RefObject<HTMLDivElement>;\n}\n\nexport const useConfig = (props: DSScrollableContainerT.Props): UseConfigT => {\n  const propsWithDefault = props;\n  useValidateTypescriptPropTypes(propsWithDefault, DSScrollableContainerPropTypes, 'DSScrollableContainer');\n  const globalAttrs = useGetGlobalAttributes(propsWithDefault);\n  const xStyledAttrs = useGetXstyledProps(propsWithDefault);\n\n  const [osInstance, setOsInstance] = useState<OverlayScrollbars>();\n  const osTargetRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (osTargetRef.current) {\n      const nextOsInstance: OverlayScrollbars = OverlayScrollbars(osTargetRef.current, options);\n      setOsInstance(nextOsInstance);\n    }\n  }, [osInstance]);\n\n  return { propsWithDefault: props, globalAttrs, xStyledAttrs, osTargetRef };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAA2F;AAE3F,+BAA8B;AAC9B,mBAA4C;AAE5C,mCAA+C;AAE/C,MAAM,UAAmB;AAAA,EACvB,YAAY;AAAA,IACV,UAAU;AAAA,IACV,eAAe;AAAA,EACjB;AACF;AASO,MAAM,YAAY,CAAC,UAAoD;AAC5E,QAAM,mBAAmB;AACzB,8DAA+B,kBAAkB,6DAAgC,uBAAuB;AACxG,QAAM,kBAAc,gDAAuB,gBAAgB;AAC3D,QAAM,mBAAe,4CAAmB,gBAAgB;AAExD,QAAM,CAAC,YAAY,aAAa,QAAI,uBAA4B;AAChE,QAAM,kBAAc,qBAAuB,IAAI;AAE/C,8BAAU,MAAM;AACd,QAAI,YAAY,SAAS;AACvB,YAAM,qBAAoC,yBAAAA,SAAkB,YAAY,SAAS,OAAO;AACxF,oBAAc,cAAc;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,SAAO,EAAE,kBAAkB,OAAO,aAAa,cAAc,YAAY;AAC3E;",
+  "names": ["OverlayScrollbars"]
+}

package/dist/cjs/exported_related/definitions.js

@@ -0,0 +1,64 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var definitions_exports = {};
+__export(definitions_exports, {
+  DSScrollableContainerDataTestIds: () => DSScrollableContainerDataTestIds,
+  DSScrollableContainerName: () => DSScrollableContainerName,
+  DSScrollableContainerSlots: () => DSScrollableContainerSlots
+});
+module.exports = __toCommonJS(definitions_exports);
+var React = __toESM(require("react"));
+const DSScrollableContainerName = "DSScrollableContainer";
+const DSScrollableContainerSlots = {
+  ROOT: "root",
+  HOST: "host",
+  RESIZE_OBSERVER_HOST: "resize-observer-host",
+  PADDING: "padding",
+  VIEWPORT: "viewport",
+  CONTENT: "content",
+  SCROLLBAR_HORIZONTAL: "scrollbar-horizontal",
+  SCROLLBAR_VERTICAL: "scrollbar-vertical",
+  SCROLLBAR_TRACK: "scrollbar-track",
+  SCROLLBAR_HANDLE: "scrollbar-handle",
+  SCROLLBAR_CORNER: "scrollbar-corner"
+};
+const DSScrollableContainerDataTestIds = {
+  ROOT: "ds-scrollable-container-root",
+  HOST: "ds-scrollable-container-host",
+  RESIZE_OBSERVER_HOST: "ds-scrollable-container-resize-observer-host",
+  PADDING: "ds-scrollable-container-padding",
+  VIEWPORT: "ds-scrollable-container-viewport",
+  CONTENT: "ds-scrollable-container-content",
+  SCROLLBAR_HORIZONTAL: "ds-scrollable-container-scrollbar-horizontal",
+  SCROLLBAR_VERTICAL: "ds-scrollable-container-scrollbar-vertical",
+  SCROLLBAR_TRACK: "ds-scrollable-container-scrollbar-track",
+  SCROLLBAR_HANDLE: "ds-scrollable-container-scrollbar-handle",
+  SCROLLBAR_CORNER: "ds-scrollable-container-scrollbar-corner"
+};
+//# sourceMappingURL=definitions.js.map

package/dist/cjs/exported_related/definitions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/exported_related/definitions.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const DSScrollableContainerName = 'DSScrollableContainer';\n\nexport const DSScrollableContainerSlots = {\n  ROOT: 'root',\n  HOST: 'host',\n  RESIZE_OBSERVER_HOST: 'resize-observer-host',\n  PADDING: 'padding',\n  VIEWPORT: 'viewport',\n  CONTENT: 'content',\n  SCROLLBAR_HORIZONTAL: 'scrollbar-horizontal',\n  SCROLLBAR_VERTICAL: 'scrollbar-vertical',\n  SCROLLBAR_TRACK: 'scrollbar-track',\n  SCROLLBAR_HANDLE: 'scrollbar-handle',\n  SCROLLBAR_CORNER: 'scrollbar-corner',\n};\n\nexport const DSScrollableContainerDataTestIds = {\n  ROOT: 'ds-scrollable-container-root',\n  HOST: 'ds-scrollable-container-host',\n  RESIZE_OBSERVER_HOST: 'ds-scrollable-container-resize-observer-host',\n  PADDING: 'ds-scrollable-container-padding',\n  VIEWPORT: 'ds-scrollable-container-viewport',\n  CONTENT: 'ds-scrollable-container-content',\n  SCROLLBAR_HORIZONTAL: 'ds-scrollable-container-scrollbar-horizontal',\n  SCROLLBAR_VERTICAL: 'ds-scrollable-container-scrollbar-vertical',\n  SCROLLBAR_TRACK: 'ds-scrollable-container-scrollbar-track',\n  SCROLLBAR_HANDLE: 'ds-scrollable-container-scrollbar-handle',\n  SCROLLBAR_CORNER: 'ds-scrollable-container-scrollbar-corner',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,4BAA4B;AAElC,MAAM,6BAA6B;AAAA,EACxC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,sBAAsB;AAAA,EACtB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,SAAS;AAAA,EACT,sBAAsB;AAAA,EACtB,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,kBAAkB;AACpB;AAEO,MAAM,mCAAmC;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM;AAAA,EACN,sBAAsB;AAAA,EACtB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,SAAS;AAAA,EACT,sBAAsB;AAAA,EACtB,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,kBAAkB;AACpB;",
+  "names": []
+}

package/dist/cjs/exported_related/index.js

@@ -0,0 +1,30 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var exported_related_exports = {};
+module.exports = __toCommonJS(exported_related_exports);
+var React = __toESM(require("react"));
+__reExport(exported_related_exports, require("./definitions.js"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/exported_related/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/exported_related/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './definitions.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,6BAAd;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -5,10 +5,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-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))
@@ -28,11 +24,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
-__export(src_exports, {
-  default: () => import_ds_legacy_scrollable_container.default
-});
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-__reExport(src_exports, require("@elliemae/ds-legacy-scrollable-container"), module.exports);
-var import_ds_legacy_scrollable_container = __toESM(require("@elliemae/ds-legacy-scrollable-container"));
+__reExport(src_exports, require("./DSScrollableContainer.js"), module.exports);
+__reExport(src_exports, require("./exported_related/index.js"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from '@elliemae/ds-legacy-scrollable-container';\nexport { default } from '@elliemae/ds-legacy-scrollable-container';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,qDAAd;AACA,4CAAwB;",
+  "sourcesContent": ["export * from './DSScrollableContainer.js';\nexport * from './exported_related/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,uCAAd;AACA,wBAAc,wCADd;",
   "names": []
 }

package/dist/cjs/react-desc-prop-types.js

@@ -0,0 +1,40 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DSScrollableContainerPropTypes: () => DSScrollableContainerPropTypes
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+const DSScrollableContainerPropTypes = {
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type {} from '@elliemae/ds-utilities';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSScrollableContainerT {\n  interface OptionalProps {\n    children?: React.ReactNode;\n  }\n  export interface Props extends OptionalProps, XstyledProps, GlobalAttributesT<HTMLDivElement> {}\n}\n\nexport const DSScrollableContainerPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,8BAA4D;AASrD,MAAM,iCAAiC;AAAA,EAC5C,GAAG;AAAA,EACH,GAAG;AACL;",
+  "names": []
+}