@elliemae/ds-scrollable-container 3.16.0-next.2 → 3.16.0-next.3
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.
- package/dist/cjs/DSScrollableContainer.js +2 -2
- package/dist/cjs/DSScrollableContainer.js.map +2 -2
- package/dist/cjs/config/useConfig.js +4 -4
- package/dist/cjs/config/useConfig.js.map +2 -2
- package/dist/cjs/react-desc-prop-types.js +3 -3
- package/dist/cjs/react-desc-prop-types.js.map +2 -2
- package/dist/esm/DSScrollableContainer.js +1 -1
- package/dist/esm/DSScrollableContainer.js.map +2 -2
- package/dist/esm/config/useConfig.js +1 -1
- package/dist/esm/config/useConfig.js.map +2 -2
- package/dist/esm/react-desc-prop-types.js +1 -1
- package/dist/esm/react-desc-prop-types.js.map +2 -2
- package/dist/types/DSScrollableContainer.d.ts +1 -1
- package/dist/types/config/useConfig.d.ts +1 -1
- package/dist/types/react-desc-prop-types.d.ts +1 -1
- package/package.json +5 -4
|
@@ -30,7 +30,7 @@ __export(DSScrollableContainer_exports, {
|
|
|
30
30
|
module.exports = __toCommonJS(DSScrollableContainer_exports);
|
|
31
31
|
var React = __toESM(require("react"));
|
|
32
32
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
|
-
var
|
|
33
|
+
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
34
34
|
var import_react_desc_prop_types = require("./react-desc-prop-types");
|
|
35
35
|
var import_exported_related = require("./exported_related");
|
|
36
36
|
var import_config = require("./config");
|
|
@@ -116,6 +116,6 @@ const DSScrollableContainer = (props) => {
|
|
|
116
116
|
};
|
|
117
117
|
DSScrollableContainer.propTypes = import_react_desc_prop_types.DSScrollableContainerPropTypes;
|
|
118
118
|
DSScrollableContainer.displayName = import_exported_related.DSScrollableContainerName;
|
|
119
|
-
const DSScrollableContainerWithSchema = (0,
|
|
119
|
+
const DSScrollableContainerWithSchema = (0, import_ds_props_helpers.describe)(DSScrollableContainer);
|
|
120
120
|
DSScrollableContainerWithSchema.propTypes = import_react_desc_prop_types.DSScrollableContainerPropTypes;
|
|
121
121
|
//# sourceMappingURL=DSScrollableContainer.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSScrollableContainer.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport type { DSScrollableContainerT } from './react-desc-prop-types';\nimport { 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;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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -28,7 +28,7 @@ __export(useConfig_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(useConfig_exports);
|
|
30
30
|
var React = __toESM(require("react"));
|
|
31
|
-
var
|
|
31
|
+
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
32
32
|
var import_overlayscrollbars = __toESM(require("overlayscrollbars"));
|
|
33
33
|
var import_react = require("react");
|
|
34
34
|
var import_react_desc_prop_types = require("../react-desc-prop-types");
|
|
@@ -40,9 +40,9 @@ const options = {
|
|
|
40
40
|
};
|
|
41
41
|
const useConfig = (props) => {
|
|
42
42
|
const propsWithDefault = props;
|
|
43
|
-
(0,
|
|
44
|
-
const globalAttrs = (0,
|
|
45
|
-
const xStyledAttrs = (0,
|
|
43
|
+
(0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.DSScrollableContainerPropTypes, "DSScrollableContainer");
|
|
44
|
+
const globalAttrs = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefault);
|
|
45
|
+
const xStyledAttrs = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefault);
|
|
46
46
|
const [osInstance, setOsInstance] = (0, import_react.useState)();
|
|
47
47
|
const osTargetRef = (0, import_react.useRef)(null);
|
|
48
48
|
(0, import_react.useEffect)(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/config/useConfig.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"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';\nimport { DSScrollableContainerPropTypes } from '../react-desc-prop-types';\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"],
|
|
5
|
+
"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;",
|
|
6
6
|
"names": ["OverlayScrollbars"]
|
|
7
7
|
}
|
|
@@ -28,9 +28,9 @@ __export(react_desc_prop_types_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(react_desc_prop_types_exports);
|
|
30
30
|
var React = __toESM(require("react"));
|
|
31
|
-
var
|
|
31
|
+
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
32
32
|
const DSScrollableContainerPropTypes = {
|
|
33
|
-
...
|
|
34
|
-
...
|
|
33
|
+
...import_ds_props_helpers.globalAttributesPropTypes,
|
|
34
|
+
...import_ds_props_helpers.xstyledPropTypes
|
|
35
35
|
};
|
|
36
36
|
//# sourceMappingURL=react-desc-prop-types.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/react-desc-prop-types.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"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"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,8BAA4D;AASrD,MAAM,iCAAiC;AAAA,EAC5C,GAAG;AAAA,EACH,GAAG;AACL;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { describe } from "@elliemae/ds-
|
|
3
|
+
import { describe } from "@elliemae/ds-props-helpers";
|
|
4
4
|
import { DSScrollableContainerPropTypes } from "./react-desc-prop-types";
|
|
5
5
|
import { DSScrollableContainerDataTestIds, DSScrollableContainerName } from "./exported_related";
|
|
6
6
|
import { useConfig } from "./config";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSScrollableContainer.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport type { DSScrollableContainerT } from './react-desc-prop-types';\nimport { 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;AC+BjB,cACA,YADA;AA9BN,SAAS,gBAAgB;AAEzB,SAAS,sCAAsC;AAC/C,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,uBAAoB,eAAa,iCAAiC,MAAO,GAAG,aAAc,GAAG,cAC5F;AAAA,wBAAC,8BAA2B;AAAA,IAC5B;AAAA,MAAC;AAAA;AAAA,QACC,eAAa,iCAAiC;AAAA,QAC9C,WAAU;AAAA,QACV,UAAU;AAAA,QACV,KAAK;AAAA,QAEL;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,eAAa,iCAAiC;AAAA,cAC9C,WAAU;AAAA;AAAA,UACZ;AAAA,UACA,oBAAC,mBAAgB,eAAa,iCAAiC,SAAS,WAAU,cAChF,8BAAC,oBAAiB,eAAa,iCAAiC,UAAU,WAAU,eAClF,8BAAC,mBAAgB,eAAa,iCAAiC,SAAS,WAAU,cAAa,eAAW,MACvG,UACH,GACF,GACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,eAAa,iCAAiC;AAAA,cAC9C,WAAU;AAAA,cAEV;AAAA,gBAAC;AAAA;AAAA,kBACC,eAAa,iCAAiC;AAAA,kBAC9C,WAAU;AAAA,kBAEV;AAAA,oBAAC;AAAA;AAAA,sBACC,eAAa,iCAAiC;AAAA,sBAC9C,WAAU;AAAA;AAAA,kBACZ;AAAA;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,eAAa,iCAAiC;AAAA,cAC9C,WAAU;AAAA,cAEV;AAAA,gBAAC;AAAA;AAAA,kBACC,eAAa,iCAAiC;AAAA,kBAC9C,WAAU;AAAA,kBAEV;AAAA,oBAAC;AAAA;AAAA,sBACC,eAAa,iCAAiC;AAAA,sBAC9C,WAAU;AAAA;AAAA,kBACZ;AAAA;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,eAAa,iCAAiC;AAAA,cAC9C,WAAU;AAAA;AAAA,UACZ;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,kCAAkC,SAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import { useGetGlobalAttributes, useValidateTypescriptPropTypes, useGetXstyledProps } from "@elliemae/ds-
|
|
2
|
+
import { useGetGlobalAttributes, useValidateTypescriptPropTypes, useGetXstyledProps } from "@elliemae/ds-props-helpers";
|
|
3
3
|
import OverlayScrollbars from "overlayscrollbars";
|
|
4
4
|
import { useEffect, useRef, useState } from "react";
|
|
5
5
|
import { DSScrollableContainerPropTypes } from "../react-desc-prop-types";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useConfig.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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';\nimport { DSScrollableContainerPropTypes } from '../react-desc-prop-types';\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"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,wBAAwB,gCAAgC,0BAA0B;AAE3F,OAAO,uBAAuB;AAC9B,SAAS,WAAW,QAAQ,gBAAgB;AAE5C,SAAS,sCAAsC;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,iCAA+B,kBAAkB,gCAAgC,uBAAuB;AACxG,QAAM,cAAc,uBAAuB,gBAAgB;AAC3D,QAAM,eAAe,mBAAmB,gBAAgB;AAExD,QAAM,CAAC,YAAY,aAAa,IAAI,SAA4B;AAChE,QAAM,cAAc,OAAuB,IAAI;AAE/C,YAAU,MAAM;AACd,QAAI,YAAY,SAAS;AACvB,YAAM,iBAAoC,kBAAkB,YAAY,SAAS,OAAO;AACxF,oBAAc,cAAc;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,SAAO,EAAE,kBAAkB,OAAO,aAAa,cAAc,YAAY;AAC3E;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import { globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-
|
|
2
|
+
import { globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
|
|
3
3
|
const DSScrollableContainerPropTypes = {
|
|
4
4
|
...globalAttributesPropTypes,
|
|
5
5
|
...xstyledPropTypes
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACIvB,SAAS,2BAA2B,wBAAwB;AASrD,MAAM,iCAAiC;AAAA,EAC5C,GAAG;AAAA,EACH,GAAG;AACL;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { DSScrollableContainerT } from './react-desc-prop-types';
|
|
3
3
|
declare const DSScrollableContainer: React.ComponentType<DSScrollableContainerT.Props>;
|
|
4
|
-
declare const DSScrollableContainerWithSchema: import("@elliemae/ds-
|
|
4
|
+
declare const DSScrollableContainerWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<DSScrollableContainerT.Props>;
|
|
5
5
|
export { DSScrollableContainer, DSScrollableContainerWithSchema };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-
|
|
2
|
+
import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';
|
|
3
3
|
import type { DSScrollableContainerT } from '../react-desc-prop-types';
|
|
4
4
|
interface UseConfigT {
|
|
5
5
|
propsWithDefault: DSScrollableContainerT.Props;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { WeakValidationMap } from 'react';
|
|
2
2
|
import type React from 'react';
|
|
3
|
-
import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-
|
|
3
|
+
import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';
|
|
4
4
|
export declare namespace DSScrollableContainerT {
|
|
5
5
|
interface OptionalProps {
|
|
6
6
|
children?: React.ReactNode;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-scrollable-container",
|
|
3
|
-
"version": "3.16.0-next.
|
|
3
|
+
"version": "3.16.0-next.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Scrollable Container",
|
|
6
6
|
"files": [
|
|
@@ -36,8 +36,9 @@
|
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"overlayscrollbars": "1.13.3",
|
|
39
|
-
"@elliemae/ds-system": "3.16.0-next.
|
|
40
|
-
"@elliemae/ds-
|
|
39
|
+
"@elliemae/ds-system": "3.16.0-next.3",
|
|
40
|
+
"@elliemae/ds-props-helpers": "3.16.0-next.3",
|
|
41
|
+
"@elliemae/ds-utilities": "3.16.0-next.3"
|
|
41
42
|
},
|
|
42
43
|
"peerDependencies": {
|
|
43
44
|
"react": "^17.0.2",
|
|
@@ -55,7 +56,7 @@
|
|
|
55
56
|
"eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
|
|
56
57
|
"dts": "node ../../scripts/dts.mjs",
|
|
57
58
|
"build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
|
|
58
|
-
"dev:build": "pnpm --filter {.}... build
|
|
59
|
+
"dev:build": "pnpm --filter {.}... build",
|
|
59
60
|
"dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
|
|
60
61
|
"checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
|
|
61
62
|
}
|