@elliemae/ds-scrollable-container 3.5.0-rc.9 → 3.6.0-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -29,7 +29,7 @@ __export(DSScrollableContainer_exports, {
29
29
  });
30
30
  module.exports = __toCommonJS(DSScrollableContainer_exports);
31
31
  var React = __toESM(require("react"));
32
- var import_react = __toESM(require("react"));
32
+ var import_jsx_runtime = require("react/jsx-runtime");
33
33
  var import_ds_utilities = require("@elliemae/ds-utilities");
34
34
  var import_react_desc_prop_types = require("./react-desc-prop-types");
35
35
  var import_exported_related = require("./exported_related");
@@ -42,50 +42,68 @@ const DSScrollableContainer = (props) => {
42
42
  xStyledAttrs,
43
43
  osTargetRef
44
44
  } = (0, import_config.useConfig)(props);
45
- return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledOsHostWrapper, {
45
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledOsHostWrapper, {
46
46
  "data-testid": import_exported_related.DSScrollableContainerDataTestIds.ROOT,
47
47
  ...globalAttrs,
48
- ...xStyledAttrs
49
- }, /* @__PURE__ */ import_react.default.createElement(import_styled.GlobalStyleScrollContainer, null), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledOsHost, {
50
- "data-testid": import_exported_related.DSScrollableContainerDataTestIds.HOST,
51
- className: "os-host",
52
- tabIndex: -1,
53
- ref: osTargetRef
54
- }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledOsResizeObserverHost, {
55
- "data-testid": import_exported_related.DSScrollableContainerDataTestIds.RESIZE_OBSERVER_HOST,
56
- className: "os-resize-observer-host"
57
- }), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledOsPadding, {
58
- "data-testid": import_exported_related.DSScrollableContainerDataTestIds.PADDING,
59
- className: "os-padding"
60
- }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledOsViewport, {
61
- "data-testid": import_exported_related.DSScrollableContainerDataTestIds.VIEWPORT,
62
- className: "os-viewport"
63
- }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledOsContent, {
64
- "data-testid": import_exported_related.DSScrollableContainerDataTestIds.CONTENT,
65
- className: "os-content",
66
- "aria-hidden": true
67
- }, children))), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledOsScrollbarHorizontal, {
68
- "data-testid": import_exported_related.DSScrollableContainerDataTestIds.SCROLLBAR_HORIZONTAL,
69
- className: "os-scrollbar os-scrollbar-horizontal "
70
- }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledOsScrollbarTrack, {
71
- "data-testid": import_exported_related.DSScrollableContainerDataTestIds.SCROLLBAR_TRACK,
72
- className: "os-scrollbar-track"
73
- }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledOsScrollbarHandle, {
74
- "data-testid": import_exported_related.DSScrollableContainerDataTestIds.SCROLLBAR_HANDLE,
75
- className: "os-scrollbar-handle"
76
- }))), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledOsScrollbarVertical, {
77
- "data-testid": import_exported_related.DSScrollableContainerDataTestIds.SCROLLBAR_VERTICAL,
78
- className: "os-scrollbar os-scrollbar-vertical"
79
- }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledOsScrollbarTrack, {
80
- "data-testid": import_exported_related.DSScrollableContainerDataTestIds.SCROLLBAR_TRACK,
81
- className: "os-scrollbar-track"
82
- }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledOsScrollbarHandle, {
83
- "data-testid": import_exported_related.DSScrollableContainerDataTestIds.SCROLLBAR_HANDLE,
84
- className: "os-scrollbar-handle"
85
- }))), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledOsScrollbarCorner, {
86
- "data-testid": import_exported_related.DSScrollableContainerDataTestIds.SCROLLBAR_CORNER,
87
- className: "os-scrollbar-corner"
88
- })));
48
+ ...xStyledAttrs,
49
+ children: [
50
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.GlobalStyleScrollContainer, {}),
51
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledOsHost, {
52
+ "data-testid": import_exported_related.DSScrollableContainerDataTestIds.HOST,
53
+ className: "os-host",
54
+ tabIndex: -1,
55
+ ref: osTargetRef,
56
+ children: [
57
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledOsResizeObserverHost, {
58
+ "data-testid": import_exported_related.DSScrollableContainerDataTestIds.RESIZE_OBSERVER_HOST,
59
+ className: "os-resize-observer-host"
60
+ }),
61
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledOsPadding, {
62
+ "data-testid": import_exported_related.DSScrollableContainerDataTestIds.PADDING,
63
+ className: "os-padding",
64
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledOsViewport, {
65
+ "data-testid": import_exported_related.DSScrollableContainerDataTestIds.VIEWPORT,
66
+ className: "os-viewport",
67
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledOsContent, {
68
+ "data-testid": import_exported_related.DSScrollableContainerDataTestIds.CONTENT,
69
+ className: "os-content",
70
+ "aria-hidden": true,
71
+ children
72
+ })
73
+ })
74
+ }),
75
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledOsScrollbarHorizontal, {
76
+ "data-testid": import_exported_related.DSScrollableContainerDataTestIds.SCROLLBAR_HORIZONTAL,
77
+ className: "os-scrollbar os-scrollbar-horizontal ",
78
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledOsScrollbarTrack, {
79
+ "data-testid": import_exported_related.DSScrollableContainerDataTestIds.SCROLLBAR_TRACK,
80
+ className: "os-scrollbar-track",
81
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledOsScrollbarHandle, {
82
+ "data-testid": import_exported_related.DSScrollableContainerDataTestIds.SCROLLBAR_HANDLE,
83
+ className: "os-scrollbar-handle"
84
+ })
85
+ })
86
+ }),
87
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledOsScrollbarVertical, {
88
+ "data-testid": import_exported_related.DSScrollableContainerDataTestIds.SCROLLBAR_VERTICAL,
89
+ className: "os-scrollbar os-scrollbar-vertical",
90
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledOsScrollbarTrack, {
91
+ "data-testid": import_exported_related.DSScrollableContainerDataTestIds.SCROLLBAR_TRACK,
92
+ className: "os-scrollbar-track",
93
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledOsScrollbarHandle, {
94
+ "data-testid": import_exported_related.DSScrollableContainerDataTestIds.SCROLLBAR_HANDLE,
95
+ className: "os-scrollbar-handle"
96
+ })
97
+ })
98
+ }),
99
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledOsScrollbarCorner, {
100
+ "data-testid": import_exported_related.DSScrollableContainerDataTestIds.SCROLLBAR_CORNER,
101
+ className: "os-scrollbar-corner"
102
+ })
103
+ ]
104
+ })
105
+ ]
106
+ });
89
107
  };
90
108
  DSScrollableContainer.propTypes = import_react_desc_prop_types.DSScrollableContainerPropTypes;
91
109
  DSScrollableContainer.displayName = import_exported_related.DSScrollableContainerName;
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/DSScrollableContainer.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React from 'react';\n\nimport { describe } from '@elliemae/ds-utilities';\nimport { DSScrollableContainerT, DSScrollableContainerPropTypes } from './react-desc-prop-types';\nimport { DSScrollableContainerDataTestIds, DSScrollableContainerName } from './exported_related';\nimport { useConfig } from './config';\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';\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"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAElB,0BAAyB;AACzB,mCAAuE;AACvE,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,6BAAAA,QAAA,cAAC;AAAA,IAAoB,eAAa,yDAAiC;AAAA,IAAO,GAAG;AAAA,IAAc,GAAG;AAAA,KAC5F,6BAAAA,QAAA,cAAC,8CAA2B,GAC5B,6BAAAA,QAAA,cAAC;AAAA,IACC,eAAa,yDAAiC;AAAA,IAC9C,WAAU;AAAA,IACV,UAAU;AAAA,IACV,KAAK;AAAA,KAEL,6BAAAA,QAAA,cAAC;AAAA,IACC,eAAa,yDAAiC;AAAA,IAC9C,WAAU;AAAA,GACZ,GACA,6BAAAA,QAAA,cAAC;AAAA,IAAgB,eAAa,yDAAiC;AAAA,IAAS,WAAU;AAAA,KAChF,6BAAAA,QAAA,cAAC;AAAA,IAAiB,eAAa,yDAAiC;AAAA,IAAU,WAAU;AAAA,KAClF,6BAAAA,QAAA,cAAC;AAAA,IAAgB,eAAa,yDAAiC;AAAA,IAAS,WAAU;AAAA,IAAa,eAAW;AAAA,KACvG,QACH,CACF,CACF,GACA,6BAAAA,QAAA,cAAC;AAAA,IACC,eAAa,yDAAiC;AAAA,IAC9C,WAAU;AAAA,KAEV,6BAAAA,QAAA,cAAC;AAAA,IACC,eAAa,yDAAiC;AAAA,IAC9C,WAAU;AAAA,KAEV,6BAAAA,QAAA,cAAC;AAAA,IACC,eAAa,yDAAiC;AAAA,IAC9C,WAAU;AAAA,GACZ,CACF,CACF,GACA,6BAAAA,QAAA,cAAC;AAAA,IACC,eAAa,yDAAiC;AAAA,IAC9C,WAAU;AAAA,KAEV,6BAAAA,QAAA,cAAC;AAAA,IACC,eAAa,yDAAiC;AAAA,IAC9C,WAAU;AAAA,KAEV,6BAAAA,QAAA,cAAC;AAAA,IACC,eAAa,yDAAiC;AAAA,IAC9C,WAAU;AAAA,GACZ,CACF,CACF,GACA,6BAAAA,QAAA,cAAC;AAAA,IACC,eAAa,yDAAiC;AAAA,IAC9C,WAAU;AAAA,GACZ,CACF,CACF;AAEJ;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,sCAAkC,8BAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
6
- "names": ["React"]
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAEA,0BAAyB;AACzB,mCAAuE;AACvE,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;AAAA,IAAoB,eAAa,yDAAiC;AAAA,IAAO,GAAG;AAAA,IAAc,GAAG;AAAA,IAC5F;AAAA,kDAAC,4CAA2B;AAAA,MAC5B,6CAAC;AAAA,QACC,eAAa,yDAAiC;AAAA,QAC9C,WAAU;AAAA,QACV,UAAU;AAAA,QACV,KAAK;AAAA,QAEL;AAAA,sDAAC;AAAA,YACC,eAAa,yDAAiC;AAAA,YAC9C,WAAU;AAAA,WACZ;AAAA,UACA,4CAAC;AAAA,YAAgB,eAAa,yDAAiC;AAAA,YAAS,WAAU;AAAA,YAChF,sDAAC;AAAA,cAAiB,eAAa,yDAAiC;AAAA,cAAU,WAAU;AAAA,cAClF,sDAAC;AAAA,gBAAgB,eAAa,yDAAiC;AAAA,gBAAS,WAAU;AAAA,gBAAa,eAAW;AAAA,gBACvG;AAAA,eACH;AAAA,aACF;AAAA,WACF;AAAA,UACA,4CAAC;AAAA,YACC,eAAa,yDAAiC;AAAA,YAC9C,WAAU;AAAA,YAEV,sDAAC;AAAA,cACC,eAAa,yDAAiC;AAAA,cAC9C,WAAU;AAAA,cAEV,sDAAC;AAAA,gBACC,eAAa,yDAAiC;AAAA,gBAC9C,WAAU;AAAA,eACZ;AAAA,aACF;AAAA,WACF;AAAA,UACA,4CAAC;AAAA,YACC,eAAa,yDAAiC;AAAA,YAC9C,WAAU;AAAA,YAEV,sDAAC;AAAA,cACC,eAAa,yDAAiC;AAAA,cAC9C,WAAU;AAAA,cAEV,sDAAC;AAAA,gBACC,eAAa,yDAAiC;AAAA,gBAC9C,WAAU;AAAA,eACZ;AAAA,aACF;AAAA,WACF;AAAA,UACA,4CAAC;AAAA,YACC,eAAa,yDAAiC;AAAA,YAC9C,WAAU;AAAA,WACZ;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,sCAAkC,8BAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
6
+ "names": []
7
7
  }
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import React2 from "react";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { describe } from "@elliemae/ds-utilities";
4
4
  import { DSScrollableContainerPropTypes } from "./react-desc-prop-types";
5
5
  import { DSScrollableContainerDataTestIds, DSScrollableContainerName } from "./exported_related";
@@ -25,50 +25,68 @@ const DSScrollableContainer = (props) => {
25
25
  xStyledAttrs,
26
26
  osTargetRef
27
27
  } = useConfig(props);
28
- return /* @__PURE__ */ React2.createElement(StyledOsHostWrapper, {
28
+ return /* @__PURE__ */ jsxs(StyledOsHostWrapper, {
29
29
  "data-testid": DSScrollableContainerDataTestIds.ROOT,
30
30
  ...globalAttrs,
31
- ...xStyledAttrs
32
- }, /* @__PURE__ */ React2.createElement(GlobalStyleScrollContainer, null), /* @__PURE__ */ React2.createElement(StyledOsHost, {
33
- "data-testid": DSScrollableContainerDataTestIds.HOST,
34
- className: "os-host",
35
- tabIndex: -1,
36
- ref: osTargetRef
37
- }, /* @__PURE__ */ React2.createElement(StyledOsResizeObserverHost, {
38
- "data-testid": DSScrollableContainerDataTestIds.RESIZE_OBSERVER_HOST,
39
- className: "os-resize-observer-host"
40
- }), /* @__PURE__ */ React2.createElement(StyledOsPadding, {
41
- "data-testid": DSScrollableContainerDataTestIds.PADDING,
42
- className: "os-padding"
43
- }, /* @__PURE__ */ React2.createElement(StyledOsViewport, {
44
- "data-testid": DSScrollableContainerDataTestIds.VIEWPORT,
45
- className: "os-viewport"
46
- }, /* @__PURE__ */ React2.createElement(StyledOsContent, {
47
- "data-testid": DSScrollableContainerDataTestIds.CONTENT,
48
- className: "os-content",
49
- "aria-hidden": true
50
- }, children))), /* @__PURE__ */ React2.createElement(StyledOsScrollbarHorizontal, {
51
- "data-testid": DSScrollableContainerDataTestIds.SCROLLBAR_HORIZONTAL,
52
- className: "os-scrollbar os-scrollbar-horizontal "
53
- }, /* @__PURE__ */ React2.createElement(StyledOsScrollbarTrack, {
54
- "data-testid": DSScrollableContainerDataTestIds.SCROLLBAR_TRACK,
55
- className: "os-scrollbar-track"
56
- }, /* @__PURE__ */ React2.createElement(StyledOsScrollbarHandle, {
57
- "data-testid": DSScrollableContainerDataTestIds.SCROLLBAR_HANDLE,
58
- className: "os-scrollbar-handle"
59
- }))), /* @__PURE__ */ React2.createElement(StyledOsScrollbarVertical, {
60
- "data-testid": DSScrollableContainerDataTestIds.SCROLLBAR_VERTICAL,
61
- className: "os-scrollbar os-scrollbar-vertical"
62
- }, /* @__PURE__ */ React2.createElement(StyledOsScrollbarTrack, {
63
- "data-testid": DSScrollableContainerDataTestIds.SCROLLBAR_TRACK,
64
- className: "os-scrollbar-track"
65
- }, /* @__PURE__ */ React2.createElement(StyledOsScrollbarHandle, {
66
- "data-testid": DSScrollableContainerDataTestIds.SCROLLBAR_HANDLE,
67
- className: "os-scrollbar-handle"
68
- }))), /* @__PURE__ */ React2.createElement(StyledOsScrollbarCorner, {
69
- "data-testid": DSScrollableContainerDataTestIds.SCROLLBAR_CORNER,
70
- className: "os-scrollbar-corner"
71
- })));
31
+ ...xStyledAttrs,
32
+ children: [
33
+ /* @__PURE__ */ jsx(GlobalStyleScrollContainer, {}),
34
+ /* @__PURE__ */ jsxs(StyledOsHost, {
35
+ "data-testid": DSScrollableContainerDataTestIds.HOST,
36
+ className: "os-host",
37
+ tabIndex: -1,
38
+ ref: osTargetRef,
39
+ children: [
40
+ /* @__PURE__ */ jsx(StyledOsResizeObserverHost, {
41
+ "data-testid": DSScrollableContainerDataTestIds.RESIZE_OBSERVER_HOST,
42
+ className: "os-resize-observer-host"
43
+ }),
44
+ /* @__PURE__ */ jsx(StyledOsPadding, {
45
+ "data-testid": DSScrollableContainerDataTestIds.PADDING,
46
+ className: "os-padding",
47
+ children: /* @__PURE__ */ jsx(StyledOsViewport, {
48
+ "data-testid": DSScrollableContainerDataTestIds.VIEWPORT,
49
+ className: "os-viewport",
50
+ children: /* @__PURE__ */ jsx(StyledOsContent, {
51
+ "data-testid": DSScrollableContainerDataTestIds.CONTENT,
52
+ className: "os-content",
53
+ "aria-hidden": true,
54
+ children
55
+ })
56
+ })
57
+ }),
58
+ /* @__PURE__ */ jsx(StyledOsScrollbarHorizontal, {
59
+ "data-testid": DSScrollableContainerDataTestIds.SCROLLBAR_HORIZONTAL,
60
+ className: "os-scrollbar os-scrollbar-horizontal ",
61
+ children: /* @__PURE__ */ jsx(StyledOsScrollbarTrack, {
62
+ "data-testid": DSScrollableContainerDataTestIds.SCROLLBAR_TRACK,
63
+ className: "os-scrollbar-track",
64
+ children: /* @__PURE__ */ jsx(StyledOsScrollbarHandle, {
65
+ "data-testid": DSScrollableContainerDataTestIds.SCROLLBAR_HANDLE,
66
+ className: "os-scrollbar-handle"
67
+ })
68
+ })
69
+ }),
70
+ /* @__PURE__ */ jsx(StyledOsScrollbarVertical, {
71
+ "data-testid": DSScrollableContainerDataTestIds.SCROLLBAR_VERTICAL,
72
+ className: "os-scrollbar os-scrollbar-vertical",
73
+ children: /* @__PURE__ */ jsx(StyledOsScrollbarTrack, {
74
+ "data-testid": DSScrollableContainerDataTestIds.SCROLLBAR_TRACK,
75
+ className: "os-scrollbar-track",
76
+ children: /* @__PURE__ */ jsx(StyledOsScrollbarHandle, {
77
+ "data-testid": DSScrollableContainerDataTestIds.SCROLLBAR_HANDLE,
78
+ className: "os-scrollbar-handle"
79
+ })
80
+ })
81
+ }),
82
+ /* @__PURE__ */ jsx(StyledOsScrollbarCorner, {
83
+ "data-testid": DSScrollableContainerDataTestIds.SCROLLBAR_CORNER,
84
+ className: "os-scrollbar-corner"
85
+ })
86
+ ]
87
+ })
88
+ ]
89
+ });
72
90
  };
73
91
  DSScrollableContainer.propTypes = DSScrollableContainerPropTypes;
74
92
  DSScrollableContainer.displayName = DSScrollableContainerName;
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSScrollableContainer.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nimport { describe } from '@elliemae/ds-utilities';\nimport { DSScrollableContainerT, DSScrollableContainerPropTypes } from './react-desc-prop-types';\nimport { DSScrollableContainerDataTestIds, DSScrollableContainerName } from './exported_related';\nimport { useConfig } from './config';\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';\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"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAElB,SAAS,gBAAgB;AACzB,SAAiC,sCAAsC;AACvE,SAAS,kCAAkC,iCAAiC;AAC5E,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,wBAA2E,CAAC,UAAU;AAC1F,QAAM;AAAA,IACJ,kBAAkB,EAAE,SAAS;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,UAAU,KAAK;AAEnB,SACE,gBAAAA,OAAA,cAAC;AAAA,IAAoB,eAAa,iCAAiC;AAAA,IAAO,GAAG;AAAA,IAAc,GAAG;AAAA,KAC5F,gBAAAA,OAAA,cAAC,gCAA2B,GAC5B,gBAAAA,OAAA,cAAC;AAAA,IACC,eAAa,iCAAiC;AAAA,IAC9C,WAAU;AAAA,IACV,UAAU;AAAA,IACV,KAAK;AAAA,KAEL,gBAAAA,OAAA,cAAC;AAAA,IACC,eAAa,iCAAiC;AAAA,IAC9C,WAAU;AAAA,GACZ,GACA,gBAAAA,OAAA,cAAC;AAAA,IAAgB,eAAa,iCAAiC;AAAA,IAAS,WAAU;AAAA,KAChF,gBAAAA,OAAA,cAAC;AAAA,IAAiB,eAAa,iCAAiC;AAAA,IAAU,WAAU;AAAA,KAClF,gBAAAA,OAAA,cAAC;AAAA,IAAgB,eAAa,iCAAiC;AAAA,IAAS,WAAU;AAAA,IAAa,eAAW;AAAA,KACvG,QACH,CACF,CACF,GACA,gBAAAA,OAAA,cAAC;AAAA,IACC,eAAa,iCAAiC;AAAA,IAC9C,WAAU;AAAA,KAEV,gBAAAA,OAAA,cAAC;AAAA,IACC,eAAa,iCAAiC;AAAA,IAC9C,WAAU;AAAA,KAEV,gBAAAA,OAAA,cAAC;AAAA,IACC,eAAa,iCAAiC;AAAA,IAC9C,WAAU;AAAA,GACZ,CACF,CACF,GACA,gBAAAA,OAAA,cAAC;AAAA,IACC,eAAa,iCAAiC;AAAA,IAC9C,WAAU;AAAA,KAEV,gBAAAA,OAAA,cAAC;AAAA,IACC,eAAa,iCAAiC;AAAA,IAC9C,WAAU;AAAA,KAEV,gBAAAA,OAAA,cAAC;AAAA,IACC,eAAa,iCAAiC;AAAA,IAC9C,WAAU;AAAA,GACZ,CACF,CACF,GACA,gBAAAA,OAAA,cAAC;AAAA,IACC,eAAa,iCAAiC;AAAA,IAC9C,WAAU;AAAA,GACZ,CACF,CACF;AAEJ;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,kCAAkC,SAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
6
- "names": ["React"]
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAS,gBAAgB;AACzB,SAAiC,sCAAsC;AACvE,SAAS,kCAAkC,iCAAiC;AAC5E,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,wBAA2E,CAAC,UAAU;AAC1F,QAAM;AAAA,IACJ,kBAAkB,EAAE,SAAS;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,UAAU,KAAK;AAEnB,SACE,qBAAC;AAAA,IAAoB,eAAa,iCAAiC;AAAA,IAAO,GAAG;AAAA,IAAc,GAAG;AAAA,IAC5F;AAAA,0BAAC,8BAA2B;AAAA,MAC5B,qBAAC;AAAA,QACC,eAAa,iCAAiC;AAAA,QAC9C,WAAU;AAAA,QACV,UAAU;AAAA,QACV,KAAK;AAAA,QAEL;AAAA,8BAAC;AAAA,YACC,eAAa,iCAAiC;AAAA,YAC9C,WAAU;AAAA,WACZ;AAAA,UACA,oBAAC;AAAA,YAAgB,eAAa,iCAAiC;AAAA,YAAS,WAAU;AAAA,YAChF,8BAAC;AAAA,cAAiB,eAAa,iCAAiC;AAAA,cAAU,WAAU;AAAA,cAClF,8BAAC;AAAA,gBAAgB,eAAa,iCAAiC;AAAA,gBAAS,WAAU;AAAA,gBAAa,eAAW;AAAA,gBACvG;AAAA,eACH;AAAA,aACF;AAAA,WACF;AAAA,UACA,oBAAC;AAAA,YACC,eAAa,iCAAiC;AAAA,YAC9C,WAAU;AAAA,YAEV,8BAAC;AAAA,cACC,eAAa,iCAAiC;AAAA,cAC9C,WAAU;AAAA,cAEV,8BAAC;AAAA,gBACC,eAAa,iCAAiC;AAAA,gBAC9C,WAAU;AAAA,eACZ;AAAA,aACF;AAAA,WACF;AAAA,UACA,oBAAC;AAAA,YACC,eAAa,iCAAiC;AAAA,YAC9C,WAAU;AAAA,YAEV,8BAAC;AAAA,cACC,eAAa,iCAAiC;AAAA,cAC9C,WAAU;AAAA,cAEV,8BAAC;AAAA,gBACC,eAAa,iCAAiC;AAAA,gBAC9C,WAAU;AAAA,eACZ;AAAA,aACF;AAAA,WACF;AAAA,UACA,oBAAC;AAAA,YACC,eAAa,iCAAiC;AAAA,YAC9C,WAAU;AAAA,WACZ;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,kCAAkC,SAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
6
+ "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-scrollable-container",
3
- "version": "3.5.0-rc.9",
3
+ "version": "3.6.0-next.0",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Scrollable Container",
6
6
  "files": [
@@ -35,9 +35,8 @@
35
35
  "indent": 4
36
36
  },
37
37
  "dependencies": {
38
- "@elliemae/ds-system": "3.5.0-rc.9",
39
- "@elliemae/ds-utilities": "3.5.0-rc.9",
40
- "overlayscrollbars": "~1.13.1"
38
+ "@elliemae/ds-system": "3.6.0-next.0",
39
+ "@elliemae/ds-utilities": "3.6.0-next.0"
41
40
  },
42
41
  "devDependencies": {
43
42
  "@testing-library/jest-dom": "~5.16.4",