@elliemae/ds-virtual-list 1.61.12 → 1.61.13
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/cjs/VirtualList.js.map +1 -1
- package/cjs/VirtualListDataTestID.js.map +1 -1
- package/cjs/hooks/useVirtualList.js.map +1 -1
- package/cjs/parts/List.js.map +1 -1
- package/cjs/props.js.map +1 -1
- package/cjs/styled.js.map +1 -1
- package/esm/VirtualList.js.map +1 -1
- package/esm/VirtualListDataTestID.js.map +1 -1
- package/esm/hooks/useVirtualList.js.map +1 -1
- package/esm/parts/List.js.map +1 -1
- package/esm/props.js.map +1 -1
- package/esm/styled.js.map +1 -1
- package/package.json +3 -3
package/cjs/VirtualList.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VirtualList.js","sources":["../../src/VirtualList.tsx"],"sourcesContent":["import React from 'react';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { describe } from 'react-desc';\nimport { List } from './parts/List';\nimport { DSVirtualListSchema, defaultProps } from './props';\nimport { DSVirtualListProps } from './index.d';\n\n\nconst DSVirtualList: React.ComponentType<DSVirtualListProps> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n useValidateTypescriptPropTypes(propsWithDefault, DSVirtualListWithSchema.toTypescript());\n\n return <List {...propsWithDefault} />;\n};\n\nDSVirtualList.propTypes = DSVirtualListSchema;\nconst DSVirtualListWithSchema = describe(DSVirtualList).description('DSVirtualList');\nDSVirtualListWithSchema.propTypes = DSVirtualListSchema;\n\nexport { DSVirtualList, DSVirtualListWithSchema };\n"],"names":["DSVirtualList","props","propsWithDefault","useMemoMergePropsWithDefault","defaultProps","useValidateTypescriptPropTypes","DSVirtualListWithSchema","toTypescript","React","List","propTypes","DSVirtualListSchema","describe","description"],"mappings":";;;;;;;;;;;;;;;;;;;;IAQMA,aAAsD,GAAG,SAAzDA,aAAyD,CAACC,OAAD,EAAW;
|
|
1
|
+
{"version":3,"file":"VirtualList.js","sources":["../../src/VirtualList.tsx"],"sourcesContent":["import React from 'react';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { describe } from 'react-desc';\nimport { List } from './parts/List';\nimport { DSVirtualListSchema, defaultProps } from './props';\nimport { DSVirtualListProps } from './index.d';\n\n\nconst DSVirtualList: React.ComponentType<DSVirtualListProps> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n useValidateTypescriptPropTypes(propsWithDefault, DSVirtualListWithSchema.toTypescript());\n\n return <List {...propsWithDefault} />;\n};\n\nDSVirtualList.propTypes = DSVirtualListSchema;\nconst DSVirtualListWithSchema = describe(DSVirtualList).description('DSVirtualList');\nDSVirtualListWithSchema.propTypes = DSVirtualListSchema;\n\nexport { DSVirtualList, DSVirtualListWithSchema };\n"],"names":["DSVirtualList","props","propsWithDefault","useMemoMergePropsWithDefault","defaultProps","useValidateTypescriptPropTypes","DSVirtualListWithSchema","toTypescript","React","List","propTypes","DSVirtualListSchema","describe","description"],"mappings":";;;;;;;;;;;;;;;;;;;;IAQMA,aAAsD,GAAG,SAAzDA,aAAyD,CAACC,OAAD,EAAW;EACxE,IAAMC,gBAAgB,GAAGC,2CAA4B,CAACF,OAAD,EAAQG,kBAAR,CAArD;EACAC,6CAA8B,CAACH,gBAAD,EAAmBI,uBAAuB,CAACC,YAAxB,EAAnB,CAA9B;EAEA,oBAAOC,wCAACC,eAAD,EAAUP,gBAAV,CAAP;AACD;;AAEDF,aAAa,CAACU,SAAd,GAA0BC,yBAA1B;IACML,uBAAuB,GAAGM,kBAAQ,CAACZ,aAAD,CAAR,CAAwBa,WAAxB,CAAoC,eAApC;AAChCP,uBAAuB,CAACI,SAAxB,GAAoCC,yBAApC;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VirtualListDataTestID.js","sources":["../../src/VirtualListDataTestID.tsx"],"sourcesContent":["export const LIST_DATA_TESTID = {\n CONTAINER: 'virtual-list-container',\n};\n"],"names":["LIST_DATA_TESTID","CONTAINER"],"mappings":";;;;IAAaA,gBAAgB,GAAG;
|
|
1
|
+
{"version":3,"file":"VirtualListDataTestID.js","sources":["../../src/VirtualListDataTestID.tsx"],"sourcesContent":["export const LIST_DATA_TESTID = {\n CONTAINER: 'virtual-list-container',\n};\n"],"names":["LIST_DATA_TESTID","CONTAINER"],"mappings":";;;;IAAaA,gBAAgB,GAAG;EAC9BC,SAAS,EAAE;AADmB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useVirtualList.js","sources":["../../../src/hooks/useVirtualList.tsx"],"sourcesContent":["import React from 'react';\nimport { useVirtual, VirtualItem } from 'react-virtual';\nimport { DSVirtualListProps } from '../index.d';\n\nexport const useVirtualList = (\n config: DSVirtualListProps,\n): {\n parentRef: React.MutableRefObject<HTMLDivElement>;\n virtualItems: VirtualItem[];\n filteredChildren: React.ReactNode[];\n totalSize: number;\n} => {\n const { children, actionRef } = config;\n const parentRef = React.useRef<HTMLDivElement>();\n const filteredChildren = React.useMemo(\n () => React.Children.toArray(children).filter((child) => child),\n [children],\n ) as React.ReactNode[];\n const useVirtualHelpers = useVirtual({\n size: filteredChildren.length,\n parentRef,\n overscan: 15,\n });\n React.useEffect(() => {\n if (actionRef) {\n actionRef.current.scrollTo = useVirtualHelpers.scrollToIndex;\n }\n }, [actionRef, useVirtualHelpers]);\n\n return {\n parentRef,\n virtualItems: useVirtualHelpers.virtualItems,\n filteredChildren,\n totalSize: useVirtualHelpers.totalSize,\n };\n};\n"],"names":["useVirtualList","config","children","actionRef","parentRef","React","useRef","filteredChildren","useMemo","Children","toArray","filter","child","useVirtualHelpers","useVirtual","size","length","overscan","useEffect","current","scrollTo","scrollToIndex","virtualItems","totalSize"],"mappings":";;;;;;;;;;;IAIaA,cAAc,GAAG,SAAjBA,cAAiB,CAC5BC,MAD4B,EAOzB;
|
|
1
|
+
{"version":3,"file":"useVirtualList.js","sources":["../../../src/hooks/useVirtualList.tsx"],"sourcesContent":["import React from 'react';\nimport { useVirtual, VirtualItem } from 'react-virtual';\nimport { DSVirtualListProps } from '../index.d';\n\nexport const useVirtualList = (\n config: DSVirtualListProps,\n): {\n parentRef: React.MutableRefObject<HTMLDivElement>;\n virtualItems: VirtualItem[];\n filteredChildren: React.ReactNode[];\n totalSize: number;\n} => {\n const { children, actionRef } = config;\n const parentRef = React.useRef<HTMLDivElement>();\n const filteredChildren = React.useMemo(\n () => React.Children.toArray(children).filter((child) => child),\n [children],\n ) as React.ReactNode[];\n const useVirtualHelpers = useVirtual({\n size: filteredChildren.length,\n parentRef,\n overscan: 15,\n });\n React.useEffect(() => {\n if (actionRef) {\n actionRef.current.scrollTo = useVirtualHelpers.scrollToIndex;\n }\n }, [actionRef, useVirtualHelpers]);\n\n return {\n parentRef,\n virtualItems: useVirtualHelpers.virtualItems,\n filteredChildren,\n totalSize: useVirtualHelpers.totalSize,\n };\n};\n"],"names":["useVirtualList","config","children","actionRef","parentRef","React","useRef","filteredChildren","useMemo","Children","toArray","filter","child","useVirtualHelpers","useVirtual","size","length","overscan","useEffect","current","scrollTo","scrollToIndex","virtualItems","totalSize"],"mappings":";;;;;;;;;;;IAIaA,cAAc,GAAG,SAAjBA,cAAiB,CAC5BC,MAD4B,EAOzB;EACH,IAAQC,QAAR,GAAgCD,MAAhC,CAAQC,QAAR;MAAkBC,SAAlB,GAAgCF,MAAhC,CAAkBE,SAAlB;EACA,IAAMC,SAAS,GAAGC,yBAAK,CAACC,MAAN,EAAlB;EACA,IAAMC,gBAAgB,GAAGF,yBAAK,CAACG,OAAN,CACvB;IAAA,OAAMH,yBAAK,CAACI,QAAN,CAAeC,OAAf,CAAuBR,QAAvB,EAAiCS,MAAjC,CAAwC,UAACC,KAAD;MAAA,OAAWA,KAAX;KAAxC,CAAN;GADuB,EAEvB,CAACV,QAAD,CAFuB,CAAzB;EAIA,IAAMW,iBAAiB,GAAGC,uBAAU,CAAC;IACnCC,IAAI,EAAER,gBAAgB,CAACS,MADY;IAEnCZ,SAAS,EAATA,SAFmC;IAGnCa,QAAQ,EAAE;GAHwB,CAApC;EAKAZ,yBAAK,CAACa,SAAN,CAAgB,YAAM;IACpB,IAAIf,SAAJ,EAAe;MACbA,SAAS,CAACgB,OAAV,CAAkBC,QAAlB,GAA6BP,iBAAiB,CAACQ,aAA/C;;GAFJ,EAIG,CAAClB,SAAD,EAAYU,iBAAZ,CAJH;EAMA,OAAO;IACLT,SAAS,EAATA,SADK;IAELkB,YAAY,EAAET,iBAAiB,CAACS,YAF3B;IAGLf,gBAAgB,EAAhBA,gBAHK;IAILgB,SAAS,EAAEV,iBAAiB,CAACU;GAJ/B;AAMD;;;;"}
|
package/cjs/parts/List.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sources":["../../../src/parts/List.tsx"],"sourcesContent":["import React from 'react';\nimport { VirtualItemStyled, StyledContainerContentList, StyledVirtualList } from '../styled';\n\nimport { LIST_DATA_TESTID } from '../VirtualListDataTestID';\n\nimport { DSVirtualListProps } from '../index.d';\nimport { useVirtualList } from '../hooks/useVirtualList';\n\n/**\n * List component: renders a list of items\n * Accessibility: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/List_role\n *\n * @param {DSVirtualListProps} props\n * @returns JSX\n */\nexport const List: React.FC<DSVirtualListProps> = (props: DSVirtualListProps) => {\n const { parentRef, virtualItems, filteredChildren, totalSize } = useVirtualList(props);\n const virtualChildren = React.useMemo(\n () =>\n virtualItems.map((virtualItem) => {\n const { index, measureRef, start } = virtualItem;\n const style = {\n transform: `translateY(${start}px)`,\n };\n return (\n <VirtualItemStyled ref={measureRef} style={style} role=\"listitem\">\n {filteredChildren[index]}\n </VirtualItemStyled>\n );\n }),\n [filteredChildren, virtualItems],\n );\n return (\n <StyledContainerContentList ref={parentRef} data-testid={LIST_DATA_TESTID.CONTAINER} role=\"list\">\n <StyledVirtualList height={`${totalSize}px`}>{virtualChildren}</StyledVirtualList>\n </StyledContainerContentList>\n );\n};\n"],"names":["List","props","useVirtualList","parentRef","virtualItems","filteredChildren","totalSize","virtualChildren","React","useMemo","map","virtualItem","index","measureRef","start","style","transform","VirtualItemStyled","StyledContainerContentList","LIST_DATA_TESTID","CONTAINER","StyledVirtualList"],"mappings":";;;;;;;;;;;;;;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;;IACaA,IAAkC,GAAG,SAArCA,IAAqC,CAACC,KAAD,EAA+B;
|
|
1
|
+
{"version":3,"file":"List.js","sources":["../../../src/parts/List.tsx"],"sourcesContent":["import React from 'react';\nimport { VirtualItemStyled, StyledContainerContentList, StyledVirtualList } from '../styled';\n\nimport { LIST_DATA_TESTID } from '../VirtualListDataTestID';\n\nimport { DSVirtualListProps } from '../index.d';\nimport { useVirtualList } from '../hooks/useVirtualList';\n\n/**\n * List component: renders a list of items\n * Accessibility: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/List_role\n *\n * @param {DSVirtualListProps} props\n * @returns JSX\n */\nexport const List: React.FC<DSVirtualListProps> = (props: DSVirtualListProps) => {\n const { parentRef, virtualItems, filteredChildren, totalSize } = useVirtualList(props);\n const virtualChildren = React.useMemo(\n () =>\n virtualItems.map((virtualItem) => {\n const { index, measureRef, start } = virtualItem;\n const style = {\n transform: `translateY(${start}px)`,\n };\n return (\n <VirtualItemStyled ref={measureRef} style={style} role=\"listitem\">\n {filteredChildren[index]}\n </VirtualItemStyled>\n );\n }),\n [filteredChildren, virtualItems],\n );\n return (\n <StyledContainerContentList ref={parentRef} data-testid={LIST_DATA_TESTID.CONTAINER} role=\"list\">\n <StyledVirtualList height={`${totalSize}px`}>{virtualChildren}</StyledVirtualList>\n </StyledContainerContentList>\n );\n};\n"],"names":["List","props","useVirtualList","parentRef","virtualItems","filteredChildren","totalSize","virtualChildren","React","useMemo","map","virtualItem","index","measureRef","start","style","transform","VirtualItemStyled","StyledContainerContentList","LIST_DATA_TESTID","CONTAINER","StyledVirtualList"],"mappings":";;;;;;;;;;;;;;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;;IACaA,IAAkC,GAAG,SAArCA,IAAqC,CAACC,KAAD,EAA+B;EAC/E,sBAAiEC,mCAAc,CAACD,KAAD,CAA/E;MAAQE,SAAR,mBAAQA,SAAR;MAAmBC,YAAnB,mBAAmBA,YAAnB;MAAiCC,gBAAjC,mBAAiCA,gBAAjC;MAAmDC,SAAnD,mBAAmDA,SAAnD;;EACA,IAAMC,eAAe,GAAGC,yBAAK,CAACC,OAAN,CACtB;IAAA,OACEL,YAAY,CAACM,GAAb,CAAiB,UAACC,WAAD,EAAiB;MAChC,IAAQC,KAAR,GAAqCD,WAArC,CAAQC,KAAR;UAAeC,UAAf,GAAqCF,WAArC,CAAeE,UAAf;UAA2BC,KAA3B,GAAqCH,WAArC,CAA2BG,KAA3B;MACA,IAAMC,KAAK,GAAG;QACZC,SAAS,uBAAgBF,KAAhB;OADX;MAGA,oBACEN,wCAACS,wBAAD;QAAmB,GAAG,EAAEJ,UAAxB;QAAoC,KAAK,EAAEE,KAA3C;QAAkD,IAAI,EAAC;SACpDV,gBAAgB,CAACO,KAAD,CADnB,CADF;KALF,CADF;GADsB,EAatB,CAACP,gBAAD,EAAmBD,YAAnB,CAbsB,CAAxB;EAeA,oBACEI,wCAACU,iCAAD;IAA4B,GAAG,EAAEf,SAAjC;IAA4C,eAAagB,sCAAgB,CAACC,SAA1E;IAAqF,IAAI,EAAC;kBACxFZ,wCAACa,wBAAD;IAAmB,MAAM,YAAKf,SAAL;KAAqBC,eAA9C,CADF,CADF;AAKD;;;;"}
|
package/cjs/props.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.js","sources":["../../src/props.tsx"],"sourcesContent":["import { noop } from 'lodash';\nimport { PropTypes } from 'react-desc';\n\nconst actionRef = {\n scrollTo: PropTypes.func.description('Scroll to a index inside the list'),\n};\nexport const DSVirtualListSchema = {\n children: PropTypes.arrayOf(PropTypes.node).description('Children list').defaultValue([]),\n actionRef: PropTypes.shape({\n current: PropTypes.shape(actionRef),\n }).description(`Action reference\n \nscrollTo: Function(index: number, { align: 'start' | 'center' | 'end' | 'auto' }) => void\n `),\n};\n\nexport const defaultProps = {\n children: [],\n actionRef: {\n current: {\n scrollTo: noop,\n },\n },\n};\n"],"names":["actionRef","scrollTo","PropTypes","func","description","DSVirtualListSchema","children","arrayOf","node","defaultValue","shape","current","defaultProps","noop"],"mappings":";;;;;;;AAGA,IAAMA,SAAS,GAAG;
|
|
1
|
+
{"version":3,"file":"props.js","sources":["../../src/props.tsx"],"sourcesContent":["import { noop } from 'lodash';\nimport { PropTypes } from 'react-desc';\n\nconst actionRef = {\n scrollTo: PropTypes.func.description('Scroll to a index inside the list'),\n};\nexport const DSVirtualListSchema = {\n children: PropTypes.arrayOf(PropTypes.node).description('Children list').defaultValue([]),\n actionRef: PropTypes.shape({\n current: PropTypes.shape(actionRef),\n }).description(`Action reference\n \nscrollTo: Function(index: number, { align: 'start' | 'center' | 'end' | 'auto' }) => void\n `),\n};\n\nexport const defaultProps = {\n children: [],\n actionRef: {\n current: {\n scrollTo: noop,\n },\n },\n};\n"],"names":["actionRef","scrollTo","PropTypes","func","description","DSVirtualListSchema","children","arrayOf","node","defaultValue","shape","current","defaultProps","noop"],"mappings":";;;;;;;AAGA,IAAMA,SAAS,GAAG;EAChBC,QAAQ,EAAEC,mBAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,mCAA3B;AADM,CAAlB;IAGaC,mBAAmB,GAAG;EACjCC,QAAQ,EAAEJ,mBAAS,CAACK,OAAV,CAAkBL,mBAAS,CAACM,IAA5B,EAAkCJ,WAAlC,CAA8C,eAA9C,EAA+DK,YAA/D,CAA4E,EAA5E,CADuB;EAEjCT,SAAS,EAAEE,mBAAS,CAACQ,KAAV,CAAgB;IACzBC,OAAO,EAAET,mBAAS,CAACQ,KAAV,CAAgBV,SAAhB;GADA,EAERI,WAFQ;AAFsB;IAUtBQ,YAAY,GAAG;EAC1BN,QAAQ,EAAE,EADgB;EAE1BN,SAAS,EAAE;IACTW,OAAO,EAAE;MACPV,QAAQ,EAAEY;;;AAJY;;;;;"}
|
package/cjs/styled.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../src/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledContainerContentList = styled.div`\n width: 100%;\n height: 100%;\n padding-bottom: 0;\n overflow-y: auto;\n overflow-x: hidden;\n`;\nexport const StyledVirtualList = styled.div<{ height: string }>`\n width: 100%;\n height: ${(props) => props.height};\n position: relative;\n`;\nexport const VirtualItemStyled = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n`;\n"],"names":["StyledContainerContentList","styled","div","StyledVirtualList","props","height","VirtualItemStyled"],"mappings":";;;;;;;;;;IAEaA,0BAA0B,gBAAGC,0BAAM,CAACC,GAAV;
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../src/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledContainerContentList = styled.div`\n width: 100%;\n height: 100%;\n padding-bottom: 0;\n overflow-y: auto;\n overflow-x: hidden;\n`;\nexport const StyledVirtualList = styled.div<{ height: string }>`\n width: 100%;\n height: ${(props) => props.height};\n position: relative;\n`;\nexport const VirtualItemStyled = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n`;\n"],"names":["StyledContainerContentList","styled","div","StyledVirtualList","props","height","VirtualItemStyled"],"mappings":";;;;;;;;;;IAEaA,0BAA0B,gBAAGC,0BAAM,CAACC,GAAV;EAAA;AAAA;IAO1BC,iBAAiB,gBAAGF,0BAAM,CAACC,GAAV;EAAA;AAAA,kDAElB,UAACE,KAAD;EAAA,OAAWA,KAAK,CAACC,MAAjB;AAAA,CAFkB;IAKjBC,iBAAiB,gBAAGL,0BAAM,CAACC,GAAV;EAAA;AAAA;;;;;;"}
|
package/esm/VirtualList.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VirtualList.js","sources":["../../src/VirtualList.tsx"],"sourcesContent":["import React from 'react';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { describe } from 'react-desc';\nimport { List } from './parts/List';\nimport { DSVirtualListSchema, defaultProps } from './props';\nimport { DSVirtualListProps } from './index.d';\n\n\nconst DSVirtualList: React.ComponentType<DSVirtualListProps> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n useValidateTypescriptPropTypes(propsWithDefault, DSVirtualListWithSchema.toTypescript());\n\n return <List {...propsWithDefault} />;\n};\n\nDSVirtualList.propTypes = DSVirtualListSchema;\nconst DSVirtualListWithSchema = describe(DSVirtualList).description('DSVirtualList');\nDSVirtualListWithSchema.propTypes = DSVirtualListSchema;\n\nexport { DSVirtualList, DSVirtualListWithSchema };\n"],"names":["DSVirtualList","props","propsWithDefault","useMemoMergePropsWithDefault","defaultProps","useValidateTypescriptPropTypes","DSVirtualListWithSchema","toTypescript","propTypes","DSVirtualListSchema","describe","description"],"mappings":";;;;;;;;;;;;IAQMA,aAAsD,GAAG,SAAzDA,aAAyD,CAACC,KAAD,EAAW;
|
|
1
|
+
{"version":3,"file":"VirtualList.js","sources":["../../src/VirtualList.tsx"],"sourcesContent":["import React from 'react';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { describe } from 'react-desc';\nimport { List } from './parts/List';\nimport { DSVirtualListSchema, defaultProps } from './props';\nimport { DSVirtualListProps } from './index.d';\n\n\nconst DSVirtualList: React.ComponentType<DSVirtualListProps> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n useValidateTypescriptPropTypes(propsWithDefault, DSVirtualListWithSchema.toTypescript());\n\n return <List {...propsWithDefault} />;\n};\n\nDSVirtualList.propTypes = DSVirtualListSchema;\nconst DSVirtualListWithSchema = describe(DSVirtualList).description('DSVirtualList');\nDSVirtualListWithSchema.propTypes = DSVirtualListSchema;\n\nexport { DSVirtualList, DSVirtualListWithSchema };\n"],"names":["DSVirtualList","props","propsWithDefault","useMemoMergePropsWithDefault","defaultProps","useValidateTypescriptPropTypes","DSVirtualListWithSchema","toTypescript","propTypes","DSVirtualListSchema","describe","description"],"mappings":";;;;;;;;;;;;IAQMA,aAAsD,GAAG,SAAzDA,aAAyD,CAACC,KAAD,EAAW;EACxE,IAAMC,gBAAgB,GAAGC,4BAA4B,CAACF,KAAD,EAAQG,YAAR,CAArD;EACAC,8BAA8B,CAACH,gBAAD,EAAmBI,uBAAuB,CAACC,YAAxB,EAAnB,CAA9B;EAEA,oBAAO,oBAAC,IAAD,EAAUL,gBAAV,CAAP;AACD;;AAEDF,aAAa,CAACQ,SAAd,GAA0BC,mBAA1B;IACMH,uBAAuB,GAAGI,QAAQ,CAACV,aAAD,CAAR,CAAwBW,WAAxB,CAAoC,eAApC;AAChCL,uBAAuB,CAACE,SAAxB,GAAoCC,mBAApC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VirtualListDataTestID.js","sources":["../../src/VirtualListDataTestID.tsx"],"sourcesContent":["export const LIST_DATA_TESTID = {\n CONTAINER: 'virtual-list-container',\n};\n"],"names":["LIST_DATA_TESTID","CONTAINER"],"mappings":"IAAaA,gBAAgB,GAAG;
|
|
1
|
+
{"version":3,"file":"VirtualListDataTestID.js","sources":["../../src/VirtualListDataTestID.tsx"],"sourcesContent":["export const LIST_DATA_TESTID = {\n CONTAINER: 'virtual-list-container',\n};\n"],"names":["LIST_DATA_TESTID","CONTAINER"],"mappings":"IAAaA,gBAAgB,GAAG;EAC9BC,SAAS,EAAE;AADmB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useVirtualList.js","sources":["../../../src/hooks/useVirtualList.tsx"],"sourcesContent":["import React from 'react';\nimport { useVirtual, VirtualItem } from 'react-virtual';\nimport { DSVirtualListProps } from '../index.d';\n\nexport const useVirtualList = (\n config: DSVirtualListProps,\n): {\n parentRef: React.MutableRefObject<HTMLDivElement>;\n virtualItems: VirtualItem[];\n filteredChildren: React.ReactNode[];\n totalSize: number;\n} => {\n const { children, actionRef } = config;\n const parentRef = React.useRef<HTMLDivElement>();\n const filteredChildren = React.useMemo(\n () => React.Children.toArray(children).filter((child) => child),\n [children],\n ) as React.ReactNode[];\n const useVirtualHelpers = useVirtual({\n size: filteredChildren.length,\n parentRef,\n overscan: 15,\n });\n React.useEffect(() => {\n if (actionRef) {\n actionRef.current.scrollTo = useVirtualHelpers.scrollToIndex;\n }\n }, [actionRef, useVirtualHelpers]);\n\n return {\n parentRef,\n virtualItems: useVirtualHelpers.virtualItems,\n filteredChildren,\n totalSize: useVirtualHelpers.totalSize,\n };\n};\n"],"names":["useVirtualList","config","children","actionRef","parentRef","React","useRef","filteredChildren","useMemo","Children","toArray","filter","child","useVirtualHelpers","useVirtual","size","length","overscan","useEffect","current","scrollTo","scrollToIndex","virtualItems","totalSize"],"mappings":";;;IAIaA,cAAc,GAAG,SAAjBA,cAAiB,CAC5BC,MAD4B,EAOzB;
|
|
1
|
+
{"version":3,"file":"useVirtualList.js","sources":["../../../src/hooks/useVirtualList.tsx"],"sourcesContent":["import React from 'react';\nimport { useVirtual, VirtualItem } from 'react-virtual';\nimport { DSVirtualListProps } from '../index.d';\n\nexport const useVirtualList = (\n config: DSVirtualListProps,\n): {\n parentRef: React.MutableRefObject<HTMLDivElement>;\n virtualItems: VirtualItem[];\n filteredChildren: React.ReactNode[];\n totalSize: number;\n} => {\n const { children, actionRef } = config;\n const parentRef = React.useRef<HTMLDivElement>();\n const filteredChildren = React.useMemo(\n () => React.Children.toArray(children).filter((child) => child),\n [children],\n ) as React.ReactNode[];\n const useVirtualHelpers = useVirtual({\n size: filteredChildren.length,\n parentRef,\n overscan: 15,\n });\n React.useEffect(() => {\n if (actionRef) {\n actionRef.current.scrollTo = useVirtualHelpers.scrollToIndex;\n }\n }, [actionRef, useVirtualHelpers]);\n\n return {\n parentRef,\n virtualItems: useVirtualHelpers.virtualItems,\n filteredChildren,\n totalSize: useVirtualHelpers.totalSize,\n };\n};\n"],"names":["useVirtualList","config","children","actionRef","parentRef","React","useRef","filteredChildren","useMemo","Children","toArray","filter","child","useVirtualHelpers","useVirtual","size","length","overscan","useEffect","current","scrollTo","scrollToIndex","virtualItems","totalSize"],"mappings":";;;IAIaA,cAAc,GAAG,SAAjBA,cAAiB,CAC5BC,MAD4B,EAOzB;EACH,IAAQC,QAAR,GAAgCD,MAAhC,CAAQC,QAAR;MAAkBC,SAAlB,GAAgCF,MAAhC,CAAkBE,SAAlB;EACA,IAAMC,SAAS,GAAGC,KAAK,CAACC,MAAN,EAAlB;EACA,IAAMC,gBAAgB,GAAGF,KAAK,CAACG,OAAN,CACvB;IAAA,OAAMH,KAAK,CAACI,QAAN,CAAeC,OAAf,CAAuBR,QAAvB,EAAiCS,MAAjC,CAAwC,UAACC,KAAD;MAAA,OAAWA,KAAX;KAAxC,CAAN;GADuB,EAEvB,CAACV,QAAD,CAFuB,CAAzB;EAIA,IAAMW,iBAAiB,GAAGC,UAAU,CAAC;IACnCC,IAAI,EAAER,gBAAgB,CAACS,MADY;IAEnCZ,SAAS,EAATA,SAFmC;IAGnCa,QAAQ,EAAE;GAHwB,CAApC;EAKAZ,KAAK,CAACa,SAAN,CAAgB,YAAM;IACpB,IAAIf,SAAJ,EAAe;MACbA,SAAS,CAACgB,OAAV,CAAkBC,QAAlB,GAA6BP,iBAAiB,CAACQ,aAA/C;;GAFJ,EAIG,CAAClB,SAAD,EAAYU,iBAAZ,CAJH;EAMA,OAAO;IACLT,SAAS,EAATA,SADK;IAELkB,YAAY,EAAET,iBAAiB,CAACS,YAF3B;IAGLf,gBAAgB,EAAhBA,gBAHK;IAILgB,SAAS,EAAEV,iBAAiB,CAACU;GAJ/B;AAMD;;;;"}
|
package/esm/parts/List.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sources":["../../../src/parts/List.tsx"],"sourcesContent":["import React from 'react';\nimport { VirtualItemStyled, StyledContainerContentList, StyledVirtualList } from '../styled';\n\nimport { LIST_DATA_TESTID } from '../VirtualListDataTestID';\n\nimport { DSVirtualListProps } from '../index.d';\nimport { useVirtualList } from '../hooks/useVirtualList';\n\n/**\n * List component: renders a list of items\n * Accessibility: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/List_role\n *\n * @param {DSVirtualListProps} props\n * @returns JSX\n */\nexport const List: React.FC<DSVirtualListProps> = (props: DSVirtualListProps) => {\n const { parentRef, virtualItems, filteredChildren, totalSize } = useVirtualList(props);\n const virtualChildren = React.useMemo(\n () =>\n virtualItems.map((virtualItem) => {\n const { index, measureRef, start } = virtualItem;\n const style = {\n transform: `translateY(${start}px)`,\n };\n return (\n <VirtualItemStyled ref={measureRef} style={style} role=\"listitem\">\n {filteredChildren[index]}\n </VirtualItemStyled>\n );\n }),\n [filteredChildren, virtualItems],\n );\n return (\n <StyledContainerContentList ref={parentRef} data-testid={LIST_DATA_TESTID.CONTAINER} role=\"list\">\n <StyledVirtualList height={`${totalSize}px`}>{virtualChildren}</StyledVirtualList>\n </StyledContainerContentList>\n );\n};\n"],"names":["List","props","useVirtualList","parentRef","virtualItems","filteredChildren","totalSize","virtualChildren","React","useMemo","map","virtualItem","index","measureRef","start","style","transform","LIST_DATA_TESTID","CONTAINER"],"mappings":";;;;;;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;;IACaA,IAAkC,GAAG,SAArCA,IAAqC,CAACC,KAAD,EAA+B;
|
|
1
|
+
{"version":3,"file":"List.js","sources":["../../../src/parts/List.tsx"],"sourcesContent":["import React from 'react';\nimport { VirtualItemStyled, StyledContainerContentList, StyledVirtualList } from '../styled';\n\nimport { LIST_DATA_TESTID } from '../VirtualListDataTestID';\n\nimport { DSVirtualListProps } from '../index.d';\nimport { useVirtualList } from '../hooks/useVirtualList';\n\n/**\n * List component: renders a list of items\n * Accessibility: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/List_role\n *\n * @param {DSVirtualListProps} props\n * @returns JSX\n */\nexport const List: React.FC<DSVirtualListProps> = (props: DSVirtualListProps) => {\n const { parentRef, virtualItems, filteredChildren, totalSize } = useVirtualList(props);\n const virtualChildren = React.useMemo(\n () =>\n virtualItems.map((virtualItem) => {\n const { index, measureRef, start } = virtualItem;\n const style = {\n transform: `translateY(${start}px)`,\n };\n return (\n <VirtualItemStyled ref={measureRef} style={style} role=\"listitem\">\n {filteredChildren[index]}\n </VirtualItemStyled>\n );\n }),\n [filteredChildren, virtualItems],\n );\n return (\n <StyledContainerContentList ref={parentRef} data-testid={LIST_DATA_TESTID.CONTAINER} role=\"list\">\n <StyledVirtualList height={`${totalSize}px`}>{virtualChildren}</StyledVirtualList>\n </StyledContainerContentList>\n );\n};\n"],"names":["List","props","useVirtualList","parentRef","virtualItems","filteredChildren","totalSize","virtualChildren","React","useMemo","map","virtualItem","index","measureRef","start","style","transform","LIST_DATA_TESTID","CONTAINER"],"mappings":";;;;;;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;;IACaA,IAAkC,GAAG,SAArCA,IAAqC,CAACC,KAAD,EAA+B;EAC/E,sBAAiEC,cAAc,CAACD,KAAD,CAA/E;MAAQE,SAAR,mBAAQA,SAAR;MAAmBC,YAAnB,mBAAmBA,YAAnB;MAAiCC,gBAAjC,mBAAiCA,gBAAjC;MAAmDC,SAAnD,mBAAmDA,SAAnD;;EACA,IAAMC,eAAe,GAAGC,KAAK,CAACC,OAAN,CACtB;IAAA,OACEL,YAAY,CAACM,GAAb,CAAiB,UAACC,WAAD,EAAiB;MAChC,IAAQC,KAAR,GAAqCD,WAArC,CAAQC,KAAR;UAAeC,UAAf,GAAqCF,WAArC,CAAeE,UAAf;UAA2BC,KAA3B,GAAqCH,WAArC,CAA2BG,KAA3B;MACA,IAAMC,KAAK,GAAG;QACZC,SAAS,uBAAgBF,KAAhB;OADX;MAGA,oBACE,oBAAC,iBAAD;QAAmB,GAAG,EAAED,UAAxB;QAAoC,KAAK,EAAEE,KAA3C;QAAkD,IAAI,EAAC;SACpDV,gBAAgB,CAACO,KAAD,CADnB,CADF;KALF,CADF;GADsB,EAatB,CAACP,gBAAD,EAAmBD,YAAnB,CAbsB,CAAxB;EAeA,oBACE,oBAAC,0BAAD;IAA4B,GAAG,EAAED,SAAjC;IAA4C,eAAac,gBAAgB,CAACC,SAA1E;IAAqF,IAAI,EAAC;kBACxF,oBAAC,iBAAD;IAAmB,MAAM,YAAKZ,SAAL;KAAqBC,eAA9C,CADF,CADF;AAKD;;;;"}
|
package/esm/props.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.js","sources":["../../src/props.tsx"],"sourcesContent":["import { noop } from 'lodash';\nimport { PropTypes } from 'react-desc';\n\nconst actionRef = {\n scrollTo: PropTypes.func.description('Scroll to a index inside the list'),\n};\nexport const DSVirtualListSchema = {\n children: PropTypes.arrayOf(PropTypes.node).description('Children list').defaultValue([]),\n actionRef: PropTypes.shape({\n current: PropTypes.shape(actionRef),\n }).description(`Action reference\n \nscrollTo: Function(index: number, { align: 'start' | 'center' | 'end' | 'auto' }) => void\n `),\n};\n\nexport const defaultProps = {\n children: [],\n actionRef: {\n current: {\n scrollTo: noop,\n },\n },\n};\n"],"names":["actionRef","scrollTo","PropTypes","func","description","DSVirtualListSchema","children","arrayOf","node","defaultValue","shape","current","defaultProps","noop"],"mappings":";;;AAGA,IAAMA,SAAS,GAAG;
|
|
1
|
+
{"version":3,"file":"props.js","sources":["../../src/props.tsx"],"sourcesContent":["import { noop } from 'lodash';\nimport { PropTypes } from 'react-desc';\n\nconst actionRef = {\n scrollTo: PropTypes.func.description('Scroll to a index inside the list'),\n};\nexport const DSVirtualListSchema = {\n children: PropTypes.arrayOf(PropTypes.node).description('Children list').defaultValue([]),\n actionRef: PropTypes.shape({\n current: PropTypes.shape(actionRef),\n }).description(`Action reference\n \nscrollTo: Function(index: number, { align: 'start' | 'center' | 'end' | 'auto' }) => void\n `),\n};\n\nexport const defaultProps = {\n children: [],\n actionRef: {\n current: {\n scrollTo: noop,\n },\n },\n};\n"],"names":["actionRef","scrollTo","PropTypes","func","description","DSVirtualListSchema","children","arrayOf","node","defaultValue","shape","current","defaultProps","noop"],"mappings":";;;AAGA,IAAMA,SAAS,GAAG;EAChBC,QAAQ,EAAEC,SAAS,CAACC,IAAV,CAAeC,WAAf,CAA2B,mCAA3B;AADM,CAAlB;IAGaC,mBAAmB,GAAG;EACjCC,QAAQ,EAAEJ,SAAS,CAACK,OAAV,CAAkBL,SAAS,CAACM,IAA5B,EAAkCJ,WAAlC,CAA8C,eAA9C,EAA+DK,YAA/D,CAA4E,EAA5E,CADuB;EAEjCT,SAAS,EAAEE,SAAS,CAACQ,KAAV,CAAgB;IACzBC,OAAO,EAAET,SAAS,CAACQ,KAAV,CAAgBV,SAAhB;GADA,EAERI,WAFQ;AAFsB;IAUtBQ,YAAY,GAAG;EAC1BN,QAAQ,EAAE,EADgB;EAE1BN,SAAS,EAAE;IACTW,OAAO,EAAE;MACPV,QAAQ,EAAEY;;;AAJY;;;;"}
|
package/esm/styled.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../src/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledContainerContentList = styled.div`\n width: 100%;\n height: 100%;\n padding-bottom: 0;\n overflow-y: auto;\n overflow-x: hidden;\n`;\nexport const StyledVirtualList = styled.div<{ height: string }>`\n width: 100%;\n height: ${(props) => props.height};\n position: relative;\n`;\nexport const VirtualItemStyled = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n`;\n"],"names":["StyledContainerContentList","styled","div","StyledVirtualList","props","height","VirtualItemStyled"],"mappings":";;IAEaA,0BAA0B,gBAAGC,MAAM,CAACC,GAAV;
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../src/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledContainerContentList = styled.div`\n width: 100%;\n height: 100%;\n padding-bottom: 0;\n overflow-y: auto;\n overflow-x: hidden;\n`;\nexport const StyledVirtualList = styled.div<{ height: string }>`\n width: 100%;\n height: ${(props) => props.height};\n position: relative;\n`;\nexport const VirtualItemStyled = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n`;\n"],"names":["StyledContainerContentList","styled","div","StyledVirtualList","props","height","VirtualItemStyled"],"mappings":";;IAEaA,0BAA0B,gBAAGC,MAAM,CAACC,GAAV;EAAA;AAAA;IAO1BC,iBAAiB,gBAAGF,MAAM,CAACC,GAAV;EAAA;AAAA,kDAElB,UAACE,KAAD;EAAA,OAAWA,KAAK,CAACC,MAAjB;AAAA,CAFkB;IAKjBC,iBAAiB,gBAAGL,MAAM,CAACC,GAAV;EAAA;AAAA;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-virtual-list",
|
|
3
|
-
"version": "1.61.
|
|
3
|
+
"version": "1.61.13",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Ellie Mae - Dim Sum - Virtual List",
|
|
6
6
|
"main": "cjs/index.js",
|
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
"build": "node ../../scripts/build/build.js"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@elliemae/ds-grid": "1.61.
|
|
20
|
-
"@elliemae/ds-props-helpers": "1.61.
|
|
19
|
+
"@elliemae/ds-grid": "1.61.13",
|
|
20
|
+
"@elliemae/ds-props-helpers": "1.61.13",
|
|
21
21
|
"prop-types": "~15.7.2",
|
|
22
22
|
"react-desc": "^4.1.2",
|
|
23
23
|
"react-virtual": "^2.3.2"
|