@elliemae/ds-data-table 3.46.4 → 3.46.6
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/parts/SortByCaret.js +1 -1
- package/dist/cjs/parts/SortByCaret.js.map +2 -2
- package/dist/esm/parts/SortByCaret.js +1 -1
- package/dist/esm/parts/SortByCaret.js.map +2 -2
- package/dist/types/configs/useStore/useStore.d.ts +19 -20
- package/dist/types/helpers/columnsToGrid.d.ts +4 -1
- package/dist/types/parts/FilterBar/styled.d.ts +1 -2
- package/dist/types/react-desc-prop-types.d.ts +1 -1
- package/dist/types/styled.d.ts +22 -67
- package/package.json +28 -28
|
@@ -56,7 +56,7 @@ const SortByCaret = import_react.default.memo(({ isSortedDesc, isReachable, redu
|
|
|
56
56
|
}
|
|
57
57
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ArrowheadUp, { color: iconColor });
|
|
58
58
|
}, [isSortedDesc]);
|
|
59
|
-
if (!showSortCaret && !isMenuOpen && !isIconVisible) return null;
|
|
59
|
+
if (!showSortCaret && !isMenuOpen && !isIconVisible && isSortedDesc === void 0) return null;
|
|
60
60
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
61
61
|
import_ds_button_v2.DSButtonV2,
|
|
62
62
|
{
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/parts/SortByCaret.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useMemo } from 'react';\nimport type { SvgIconT } from '@elliemae/ds-icons';\nimport { ArrowheadDown, ArrowheadUp, SortNeutral } from '@elliemae/ds-icons';\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport type { DSDataTableT } from '../react-desc-prop-types.js';\nimport { DATA_TESTID } from '../configs/constants.js';\nimport { useGetFilterVisibility } from '../exported-related/FilterPopover/useGetFilterVisibility.js';\nconst iconColor: SvgIconT.ColorType = ['brand-primary', '800'];\n\nexport const SortByCaret: React.ComponentType<{\n isSortedDesc: boolean | undefined;\n onClick: (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n isReachable: boolean;\n column: DSDataTableT.InternalColumn;\n reduxHeader: DSDataTableT.ReduxHeader;\n innerRef: React.RefObject<HTMLButtonElement>;\n}> = React.memo(({ isSortedDesc, isReachable, reduxHeader, innerRef, column, onClick }) => {\n const { isMenuOpen, isIconVisible } = useGetFilterVisibility(reduxHeader);\n\n const { showSortCaret } = useMemo(\n () =>\n reduxHeader || {\n showSortCaret: false,\n },\n [reduxHeader],\n );\n\n const icon = useMemo(() => {\n if (isSortedDesc === undefined) {\n return <SortNeutral color={iconColor} />;\n }\n\n if (isSortedDesc) {\n return <ArrowheadDown size=\"s\" color={iconColor} />;\n }\n\n return <ArrowheadUp color={iconColor} />;\n }, [isSortedDesc]);\n\n if (!showSortCaret && !isMenuOpen && !isIconVisible) return null;\n\n return (\n <DSButtonV2\n onClick={onClick}\n tabIndex={isReachable ? 0 : -1}\n buttonType=\"icon\"\n style={{ marginLeft: '4px' }}\n aria-label={`Sort ${column.id} ${isSortedDesc ? 'ascending' : 'descending'}`}\n size=\"s\"\n innerRef={innerRef}\n data-testid={DATA_TESTID.DATA_TABLE_SORT_BUTTON}\n >\n {icon}\n </DSButtonV2>\n );\n});\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6BV;AA7Bb,mBAA+B;AAE/B,sBAAwD;AACxD,0BAA2B;AAE3B,uBAA4B;AAC5B,oCAAuC;AACvC,MAAM,YAAgC,CAAC,iBAAiB,KAAK;AAEtD,MAAM,cAOR,aAAAA,QAAM,KAAK,CAAC,EAAE,cAAc,aAAa,aAAa,UAAU,QAAQ,QAAQ,MAAM;AACzF,QAAM,EAAE,YAAY,cAAc,QAAI,sDAAuB,WAAW;AAExE,QAAM,EAAE,cAAc,QAAI;AAAA,IACxB,MACE,eAAe;AAAA,MACb,eAAe;AAAA,IACjB;AAAA,IACF,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,WAAO,sBAAQ,MAAM;AACzB,QAAI,iBAAiB,QAAW;AAC9B,aAAO,4CAAC,+BAAY,OAAO,WAAW;AAAA,IACxC;AAEA,QAAI,cAAc;AAChB,aAAO,4CAAC,iCAAc,MAAK,KAAI,OAAO,WAAW;AAAA,IACnD;AAEA,WAAO,4CAAC,+BAAY,OAAO,WAAW;AAAA,EACxC,GAAG,CAAC,YAAY,CAAC;AAEjB,MAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,
|
|
4
|
+
"sourcesContent": ["import React, { useMemo } from 'react';\nimport type { SvgIconT } from '@elliemae/ds-icons';\nimport { ArrowheadDown, ArrowheadUp, SortNeutral } from '@elliemae/ds-icons';\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport type { DSDataTableT } from '../react-desc-prop-types.js';\nimport { DATA_TESTID } from '../configs/constants.js';\nimport { useGetFilterVisibility } from '../exported-related/FilterPopover/useGetFilterVisibility.js';\nconst iconColor: SvgIconT.ColorType = ['brand-primary', '800'];\n\nexport const SortByCaret: React.ComponentType<{\n isSortedDesc: boolean | undefined;\n onClick: (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n isReachable: boolean;\n column: DSDataTableT.InternalColumn;\n reduxHeader: DSDataTableT.ReduxHeader;\n innerRef: React.RefObject<HTMLButtonElement>;\n}> = React.memo(({ isSortedDesc, isReachable, reduxHeader, innerRef, column, onClick }) => {\n const { isMenuOpen, isIconVisible } = useGetFilterVisibility(reduxHeader);\n\n const { showSortCaret } = useMemo(\n () =>\n reduxHeader || {\n showSortCaret: false,\n },\n [reduxHeader],\n );\n\n const icon = useMemo(() => {\n if (isSortedDesc === undefined) {\n return <SortNeutral color={iconColor} />;\n }\n\n if (isSortedDesc) {\n return <ArrowheadDown size=\"s\" color={iconColor} />;\n }\n\n return <ArrowheadUp color={iconColor} />;\n }, [isSortedDesc]);\n\n if (!showSortCaret && !isMenuOpen && !isIconVisible && isSortedDesc === undefined) return null;\n\n return (\n <DSButtonV2\n onClick={onClick}\n tabIndex={isReachable ? 0 : -1}\n buttonType=\"icon\"\n style={{ marginLeft: '4px' }}\n aria-label={`Sort ${column.id} ${isSortedDesc ? 'ascending' : 'descending'}`}\n size=\"s\"\n innerRef={innerRef}\n data-testid={DATA_TESTID.DATA_TABLE_SORT_BUTTON}\n >\n {icon}\n </DSButtonV2>\n );\n});\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6BV;AA7Bb,mBAA+B;AAE/B,sBAAwD;AACxD,0BAA2B;AAE3B,uBAA4B;AAC5B,oCAAuC;AACvC,MAAM,YAAgC,CAAC,iBAAiB,KAAK;AAEtD,MAAM,cAOR,aAAAA,QAAM,KAAK,CAAC,EAAE,cAAc,aAAa,aAAa,UAAU,QAAQ,QAAQ,MAAM;AACzF,QAAM,EAAE,YAAY,cAAc,QAAI,sDAAuB,WAAW;AAExE,QAAM,EAAE,cAAc,QAAI;AAAA,IACxB,MACE,eAAe;AAAA,MACb,eAAe;AAAA,IACjB;AAAA,IACF,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,WAAO,sBAAQ,MAAM;AACzB,QAAI,iBAAiB,QAAW;AAC9B,aAAO,4CAAC,+BAAY,OAAO,WAAW;AAAA,IACxC;AAEA,QAAI,cAAc;AAChB,aAAO,4CAAC,iCAAc,MAAK,KAAI,OAAO,WAAW;AAAA,IACnD;AAEA,WAAO,4CAAC,+BAAY,OAAO,WAAW;AAAA,EACxC,GAAG,CAAC,YAAY,CAAC;AAEjB,MAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,iBAAiB,iBAAiB,OAAW,QAAO;AAE1F,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,UAAU,cAAc,IAAI;AAAA,MAC5B,YAAW;AAAA,MACX,OAAO,EAAE,YAAY,MAAM;AAAA,MAC3B,cAAY,QAAQ,OAAO,EAAE,IAAI,eAAe,cAAc,YAAY;AAAA,MAC1E,MAAK;AAAA,MACL;AAAA,MACA,eAAa,6BAAY;AAAA,MAExB;AAAA;AAAA,EACH;AAEJ,CAAC;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -23,7 +23,7 @@ const SortByCaret = React2.memo(({ isSortedDesc, isReachable, reduxHeader, inner
|
|
|
23
23
|
}
|
|
24
24
|
return /* @__PURE__ */ jsx(ArrowheadUp, { color: iconColor });
|
|
25
25
|
}, [isSortedDesc]);
|
|
26
|
-
if (!showSortCaret && !isMenuOpen && !isIconVisible) return null;
|
|
26
|
+
if (!showSortCaret && !isMenuOpen && !isIconVisible && isSortedDesc === void 0) return null;
|
|
27
27
|
return /* @__PURE__ */ jsx(
|
|
28
28
|
DSButtonV2,
|
|
29
29
|
{
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/SortByCaret.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo } from 'react';\nimport type { SvgIconT } from '@elliemae/ds-icons';\nimport { ArrowheadDown, ArrowheadUp, SortNeutral } from '@elliemae/ds-icons';\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport type { DSDataTableT } from '../react-desc-prop-types.js';\nimport { DATA_TESTID } from '../configs/constants.js';\nimport { useGetFilterVisibility } from '../exported-related/FilterPopover/useGetFilterVisibility.js';\nconst iconColor: SvgIconT.ColorType = ['brand-primary', '800'];\n\nexport const SortByCaret: React.ComponentType<{\n isSortedDesc: boolean | undefined;\n onClick: (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n isReachable: boolean;\n column: DSDataTableT.InternalColumn;\n reduxHeader: DSDataTableT.ReduxHeader;\n innerRef: React.RefObject<HTMLButtonElement>;\n}> = React.memo(({ isSortedDesc, isReachable, reduxHeader, innerRef, column, onClick }) => {\n const { isMenuOpen, isIconVisible } = useGetFilterVisibility(reduxHeader);\n\n const { showSortCaret } = useMemo(\n () =>\n reduxHeader || {\n showSortCaret: false,\n },\n [reduxHeader],\n );\n\n const icon = useMemo(() => {\n if (isSortedDesc === undefined) {\n return <SortNeutral color={iconColor} />;\n }\n\n if (isSortedDesc) {\n return <ArrowheadDown size=\"s\" color={iconColor} />;\n }\n\n return <ArrowheadUp color={iconColor} />;\n }, [isSortedDesc]);\n\n if (!showSortCaret && !isMenuOpen && !isIconVisible) return null;\n\n return (\n <DSButtonV2\n onClick={onClick}\n tabIndex={isReachable ? 0 : -1}\n buttonType=\"icon\"\n style={{ marginLeft: '4px' }}\n aria-label={`Sort ${column.id} ${isSortedDesc ? 'ascending' : 'descending'}`}\n size=\"s\"\n innerRef={innerRef}\n data-testid={DATA_TESTID.DATA_TABLE_SORT_BUTTON}\n >\n {icon}\n </DSButtonV2>\n );\n});\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;AC6BV;AA7Bb,OAAOA,UAAS,eAAe;AAE/B,SAAS,eAAe,aAAa,mBAAmB;AACxD,SAAS,kBAAkB;AAE3B,SAAS,mBAAmB;AAC5B,SAAS,8BAA8B;AACvC,MAAM,YAAgC,CAAC,iBAAiB,KAAK;AAEtD,MAAM,cAORA,OAAM,KAAK,CAAC,EAAE,cAAc,aAAa,aAAa,UAAU,QAAQ,QAAQ,MAAM;AACzF,QAAM,EAAE,YAAY,cAAc,IAAI,uBAAuB,WAAW;AAExE,QAAM,EAAE,cAAc,IAAI;AAAA,IACxB,MACE,eAAe;AAAA,MACb,eAAe;AAAA,IACjB;AAAA,IACF,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,OAAO,QAAQ,MAAM;AACzB,QAAI,iBAAiB,QAAW;AAC9B,aAAO,oBAAC,eAAY,OAAO,WAAW;AAAA,IACxC;AAEA,QAAI,cAAc;AAChB,aAAO,oBAAC,iBAAc,MAAK,KAAI,OAAO,WAAW;AAAA,IACnD;AAEA,WAAO,oBAAC,eAAY,OAAO,WAAW;AAAA,EACxC,GAAG,CAAC,YAAY,CAAC;AAEjB,MAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo } from 'react';\nimport type { SvgIconT } from '@elliemae/ds-icons';\nimport { ArrowheadDown, ArrowheadUp, SortNeutral } from '@elliemae/ds-icons';\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport type { DSDataTableT } from '../react-desc-prop-types.js';\nimport { DATA_TESTID } from '../configs/constants.js';\nimport { useGetFilterVisibility } from '../exported-related/FilterPopover/useGetFilterVisibility.js';\nconst iconColor: SvgIconT.ColorType = ['brand-primary', '800'];\n\nexport const SortByCaret: React.ComponentType<{\n isSortedDesc: boolean | undefined;\n onClick: (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n isReachable: boolean;\n column: DSDataTableT.InternalColumn;\n reduxHeader: DSDataTableT.ReduxHeader;\n innerRef: React.RefObject<HTMLButtonElement>;\n}> = React.memo(({ isSortedDesc, isReachable, reduxHeader, innerRef, column, onClick }) => {\n const { isMenuOpen, isIconVisible } = useGetFilterVisibility(reduxHeader);\n\n const { showSortCaret } = useMemo(\n () =>\n reduxHeader || {\n showSortCaret: false,\n },\n [reduxHeader],\n );\n\n const icon = useMemo(() => {\n if (isSortedDesc === undefined) {\n return <SortNeutral color={iconColor} />;\n }\n\n if (isSortedDesc) {\n return <ArrowheadDown size=\"s\" color={iconColor} />;\n }\n\n return <ArrowheadUp color={iconColor} />;\n }, [isSortedDesc]);\n\n if (!showSortCaret && !isMenuOpen && !isIconVisible && isSortedDesc === undefined) return null;\n\n return (\n <DSButtonV2\n onClick={onClick}\n tabIndex={isReachable ? 0 : -1}\n buttonType=\"icon\"\n style={{ marginLeft: '4px' }}\n aria-label={`Sort ${column.id} ${isSortedDesc ? 'ascending' : 'descending'}`}\n size=\"s\"\n innerRef={innerRef}\n data-testid={DATA_TESTID.DATA_TABLE_SORT_BUTTON}\n >\n {icon}\n </DSButtonV2>\n );\n});\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;AC6BV;AA7Bb,OAAOA,UAAS,eAAe;AAE/B,SAAS,eAAe,aAAa,mBAAmB;AACxD,SAAS,kBAAkB;AAE3B,SAAS,mBAAmB;AAC5B,SAAS,8BAA8B;AACvC,MAAM,YAAgC,CAAC,iBAAiB,KAAK;AAEtD,MAAM,cAORA,OAAM,KAAK,CAAC,EAAE,cAAc,aAAa,aAAa,UAAU,QAAQ,QAAQ,MAAM;AACzF,QAAM,EAAE,YAAY,cAAc,IAAI,uBAAuB,WAAW;AAExE,QAAM,EAAE,cAAc,IAAI;AAAA,IACxB,MACE,eAAe;AAAA,MACb,eAAe;AAAA,IACjB;AAAA,IACF,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,OAAO,QAAQ,MAAM;AACzB,QAAI,iBAAiB,QAAW;AAC9B,aAAO,oBAAC,eAAY,OAAO,WAAW;AAAA,IACxC;AAEA,QAAI,cAAc;AAChB,aAAO,oBAAC,iBAAc,MAAK,KAAI,OAAO,WAAW;AAAA,IACnD;AAEA,WAAO,oBAAC,eAAY,OAAO,WAAW;AAAA,EACxC,GAAG,CAAC,YAAY,CAAC;AAEjB,MAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,iBAAiB,iBAAiB,OAAW,QAAO;AAE1F,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,UAAU,cAAc,IAAI;AAAA,MAC5B,YAAW;AAAA,MACX,OAAO,EAAE,YAAY,MAAM;AAAA,MAC3B,cAAY,QAAQ,OAAO,EAAE,IAAI,eAAe,cAAc,YAAY;AAAA,MAC1E,MAAK;AAAA,MACL;AAAA,MACA,eAAa,YAAY;AAAA,MAExB;AAAA;AAAA,EACH;AAEJ,CAAC;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -1,41 +1,40 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { type ZustandT } from '@elliemae/ds-zustand-helpers';
|
|
3
2
|
import { type DSDataTableT } from '../../react-desc-prop-types.js';
|
|
4
3
|
export declare const PropsProvider: ({ createStore, children, }: {
|
|
5
|
-
createStore: () => ZustandT.ZustandStore<ZustandT.PropsStore<
|
|
4
|
+
createStore: () => ZustandT.ZustandStore<ZustandT.PropsStore<PropsType & AutoCalculatedValuesType>>;
|
|
6
5
|
children: import("react").ReactNode;
|
|
7
|
-
}) => import("react").FunctionComponentElement<import("react").ProviderProps<
|
|
8
|
-
(): ZustandT.PropsStore<
|
|
9
|
-
<U>(selector: (state: ZustandT.PropsStore<
|
|
6
|
+
}) => import("react").FunctionComponentElement<import("react").ProviderProps<any>>, usePropsStore: {
|
|
7
|
+
(): ZustandT.PropsStore<PropsType & AutoCalculatedValuesType>;
|
|
8
|
+
<U>(selector: (state: ZustandT.PropsStore<PropsType & AutoCalculatedValuesType>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined): U;
|
|
10
9
|
}, InternalProvider: ({ createStore, children, }: {
|
|
11
|
-
createStore: () => ZustandT.ZustandStore<ZustandT.InternalStore<
|
|
10
|
+
createStore: () => ZustandT.ZustandStore<ZustandT.InternalStore<AtomValuesType, SelectorsType, ReducersType>>;
|
|
12
11
|
children: import("react").ReactNode;
|
|
13
|
-
}) => import("react").FunctionComponentElement<import("react").ProviderProps<
|
|
14
|
-
(): ZustandT.InternalStore<
|
|
15
|
-
<U_1>(selector: (state: ZustandT.InternalStore<
|
|
12
|
+
}) => import("react").FunctionComponentElement<import("react").ProviderProps<any>>, useInternalStore: {
|
|
13
|
+
(): ZustandT.InternalStore<AtomValuesType, SelectorsType, ReducersType>;
|
|
14
|
+
<U_1>(selector: (state: ZustandT.InternalStore<AtomValuesType, SelectorsType, ReducersType>) => U_1, equalityFn?: ((a: U_1, b: U_1) => boolean) | undefined): U_1;
|
|
16
15
|
};
|
|
17
16
|
export declare const useWholeStore: () => DSDataTableT.Context;
|
|
18
17
|
export declare const config: {
|
|
19
18
|
defaultProps: () => DSDataTableT.InternalProps;
|
|
20
19
|
internalAtomDefaultValues: DSDataTableT.InternalAtoms;
|
|
21
20
|
useAutoCalculated: (propsWithDefaults: DSDataTableT.InternalProps) => DSDataTableT.UseAutoCalculatedT;
|
|
22
|
-
selectors: ZustandT.SelectorObject<DSDataTableT.
|
|
23
|
-
reducers: ZustandT.ReducerObject<DSDataTableT.
|
|
24
|
-
subscribers: ZustandT.Subscribers<DSDataTableT.
|
|
21
|
+
selectors: ZustandT.SelectorObject<ZustandT.InternalStore<DSDataTableT.InternalAtoms, DSDataTableT.Selectors, DSDataTableT.Reducers>, DSDataTableT.Selectors>;
|
|
22
|
+
reducers: ZustandT.ReducerObject<ZustandT.InternalStore<DSDataTableT.InternalAtoms, DSDataTableT.Selectors, DSDataTableT.Reducers>, DSDataTableT.Reducers>;
|
|
23
|
+
subscribers: ZustandT.Subscribers<ZustandT.InternalStore<DSDataTableT.InternalAtoms, DSDataTableT.Selectors, DSDataTableT.Reducers>>;
|
|
25
24
|
PropsProvider: ({ createStore, children, }: {
|
|
26
|
-
createStore: () => ZustandT.ZustandStore<ZustandT.PropsStore<
|
|
25
|
+
createStore: () => ZustandT.ZustandStore<ZustandT.PropsStore<PropsType & AutoCalculatedValuesType>>;
|
|
27
26
|
children: import("react").ReactNode;
|
|
28
|
-
}) => import("react").FunctionComponentElement<import("react").ProviderProps<
|
|
27
|
+
}) => import("react").FunctionComponentElement<import("react").ProviderProps<any>>;
|
|
29
28
|
usePropsStore: {
|
|
30
|
-
(): ZustandT.PropsStore<
|
|
31
|
-
<U>(selector: (state: ZustandT.PropsStore<
|
|
29
|
+
(): ZustandT.PropsStore<PropsType & AutoCalculatedValuesType>;
|
|
30
|
+
<U>(selector: (state: ZustandT.PropsStore<PropsType & AutoCalculatedValuesType>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined): U;
|
|
32
31
|
};
|
|
33
32
|
InternalProvider: ({ createStore, children, }: {
|
|
34
|
-
createStore: () => ZustandT.ZustandStore<ZustandT.InternalStore<
|
|
33
|
+
createStore: () => ZustandT.ZustandStore<ZustandT.InternalStore<AtomValuesType, SelectorsType, ReducersType>>;
|
|
35
34
|
children: import("react").ReactNode;
|
|
36
|
-
}) => import("react").FunctionComponentElement<import("react").ProviderProps<
|
|
35
|
+
}) => import("react").FunctionComponentElement<import("react").ProviderProps<any>>;
|
|
37
36
|
useInternalStore: {
|
|
38
|
-
(): ZustandT.InternalStore<
|
|
39
|
-
<U_1>(selector: (state: ZustandT.InternalStore<
|
|
37
|
+
(): ZustandT.InternalStore<AtomValuesType, SelectorsType, ReducersType>;
|
|
38
|
+
<U_1>(selector: (state: ZustandT.InternalStore<AtomValuesType, SelectorsType, ReducersType>) => U_1, equalityFn?: ((a: U_1, b: U_1) => boolean) | undefined): U_1;
|
|
40
39
|
};
|
|
41
40
|
};
|
|
@@ -1,2 +1,5 @@
|
|
|
1
1
|
import type { DSDataTableT } from '../react-desc-prop-types.js';
|
|
2
|
-
export declare const columnsToGrid: (columns: DSDataTableT.InternalColumn[], colsLayoutStyle:
|
|
2
|
+
export declare const columnsToGrid: (columns: DSDataTableT.InternalColumn[], colsLayoutStyle: TypescriptHelpersT.ObjectValues<{
|
|
3
|
+
readonly Fixed: "fixed";
|
|
4
|
+
readonly Auto: "auto";
|
|
5
|
+
}>) => string[];
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const StyledWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
|
|
1
|
+
export declare const StyledWrapper: any;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
import type { Range, useVirtual } from 'react-virtual/types';
|
|
3
3
|
import type { ZustandT } from '@elliemae/ds-zustand-helpers';
|
|
4
4
|
import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
|
package/dist/types/styled.d.ts
CHANGED
|
@@ -1,67 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
export declare const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
export declare const
|
|
12
|
-
export declare const
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
export declare const
|
|
16
|
-
export declare const
|
|
17
|
-
export declare const
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
export declare const
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
|
|
24
|
-
export declare const StyledHeadWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
|
|
25
|
-
colsLayoutStyle: string;
|
|
26
|
-
} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
|
|
27
|
-
export declare const StyledHeadTr: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
|
|
28
|
-
isExpandable: boolean;
|
|
29
|
-
colsLayoutStyle: DSDataTableT.ColsLayoutStyleValues;
|
|
30
|
-
} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
|
|
31
|
-
export declare const StyledHeadTh: import("styled-components").StyledComponent<"div", Theme, {
|
|
32
|
-
isDraggingActive?: boolean | undefined;
|
|
33
|
-
column: DSDataTableT.InternalColumn;
|
|
34
|
-
shouldShowDnD?: boolean | undefined;
|
|
35
|
-
} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
|
|
36
|
-
export declare const StyledHeaderRightIconsWrapper: import("styled-components").StyledComponent<"div", Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
|
|
37
|
-
export declare const StyledResizer: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-form-input-text").DSInputTextT.Props>, Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ComponentType<import("@elliemae/ds-form-input-text").DSInputTextT.Props>>, never>;
|
|
38
|
-
export declare const StyledActionCell: import("styled-components").StyledComponent<"div", Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
|
|
39
|
-
export declare const StyledCell: import("styled-components").StyledComponent<"div", Theme, {
|
|
40
|
-
theme: Theme;
|
|
41
|
-
column: DSDataTableT.InternalColumn;
|
|
42
|
-
} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
|
|
43
|
-
export declare const StyledCellContent: import("styled-components").StyledComponent<"div", Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
|
|
44
|
-
export declare const StyledPencilIcon: import("styled-components").StyledComponent<(rest: import("@elliemae/ds-icons").SvgIconT.Props) => import("react/jsx-runtime.js").JSX.Element, Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<(rest: import("@elliemae/ds-icons").SvgIconT.Props) => import("react/jsx-runtime.js").JSX.Element>, never>;
|
|
45
|
-
export declare const StyledEditableContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
|
|
46
|
-
shouldDisplayEditIcon?: boolean | undefined;
|
|
47
|
-
} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
|
|
48
|
-
export declare const StyledFullsizeGrid: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
|
|
49
|
-
minHeight: string;
|
|
50
|
-
} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
|
|
51
|
-
export declare const GroupHeaderContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
|
|
52
|
-
paddingLeft: string;
|
|
53
|
-
} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
|
|
54
|
-
export declare const GroupHeaderTitle: import("styled-components").StyledComponent<"span", Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"span">, never>;
|
|
55
|
-
export declare const StyledCellContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, Theme, {
|
|
56
|
-
backgroundColor?: string | undefined;
|
|
57
|
-
isDragOverlay?: boolean | undefined;
|
|
58
|
-
isDragging?: boolean | undefined;
|
|
59
|
-
isDisabled?: boolean | undefined;
|
|
60
|
-
isDropValid?: boolean | undefined;
|
|
61
|
-
shouldDisplayHover?: boolean | undefined;
|
|
62
|
-
isDropIndicatorPositionInside?: boolean | undefined;
|
|
63
|
-
minHeight?: string | undefined;
|
|
64
|
-
gridTemplateColumns?: string | undefined;
|
|
65
|
-
} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
|
|
66
|
-
export declare const ScreenReaderOnly: import("styled-components").StyledComponent<"div", Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
|
|
67
|
-
export {};
|
|
1
|
+
export declare const StyledFocusWithin: any;
|
|
2
|
+
export declare const StyledDataTableWrapper: any;
|
|
3
|
+
export declare const StyledDataTableContentWrapper: any;
|
|
4
|
+
export declare const StyledTableWrapper: any;
|
|
5
|
+
export declare const StyledPaginationWrapper: any;
|
|
6
|
+
export declare const StyledTableContentWrapper: any;
|
|
7
|
+
export declare const StyledVirtualListWrapper: any;
|
|
8
|
+
export declare const StyledHeadWrapper: any;
|
|
9
|
+
export declare const StyledHeadTr: any;
|
|
10
|
+
export declare const StyledHeadTh: any;
|
|
11
|
+
export declare const StyledHeaderRightIconsWrapper: any;
|
|
12
|
+
export declare const StyledResizer: any;
|
|
13
|
+
export declare const StyledActionCell: any;
|
|
14
|
+
export declare const StyledCell: any;
|
|
15
|
+
export declare const StyledCellContent: any;
|
|
16
|
+
export declare const StyledPencilIcon: any;
|
|
17
|
+
export declare const StyledEditableContainer: any;
|
|
18
|
+
export declare const StyledFullsizeGrid: any;
|
|
19
|
+
export declare const GroupHeaderContainer: any;
|
|
20
|
+
export declare const GroupHeaderTitle: any;
|
|
21
|
+
export declare const StyledCellContainer: any;
|
|
22
|
+
export declare const ScreenReaderOnly: any;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-data-table",
|
|
3
|
-
"version": "3.46.
|
|
3
|
+
"version": "3.46.6",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Data Table",
|
|
6
6
|
"files": [
|
|
@@ -39,38 +39,38 @@
|
|
|
39
39
|
"react-virtual": "~2.10.4",
|
|
40
40
|
"uid": "~2.0.1",
|
|
41
41
|
"use-onclickoutside": "0.4.1",
|
|
42
|
-
"@elliemae/ds-button": "3.46.
|
|
43
|
-
"@elliemae/ds-
|
|
44
|
-
"@elliemae/ds-
|
|
45
|
-
"@elliemae/ds-
|
|
46
|
-
"@elliemae/ds-
|
|
47
|
-
"@elliemae/ds-
|
|
48
|
-
"@elliemae/ds-
|
|
49
|
-
"@elliemae/ds-form-combobox": "3.46.
|
|
50
|
-
"@elliemae/ds-form-date-range-picker": "3.46.
|
|
51
|
-
"@elliemae/ds-form-date-time-picker": "3.46.
|
|
52
|
-
"@elliemae/ds-form-helpers-mask-hooks": "3.46.
|
|
53
|
-
"@elliemae/ds-form-input-text": "3.46.
|
|
54
|
-
"@elliemae/ds-form-layout-blocks": "3.46.
|
|
55
|
-
"@elliemae/ds-form-radio": "3.46.
|
|
56
|
-
"@elliemae/ds-
|
|
57
|
-
"@elliemae/ds-
|
|
58
|
-
"@elliemae/ds-icons": "3.46.
|
|
59
|
-
"@elliemae/ds-
|
|
60
|
-
"@elliemae/ds-
|
|
61
|
-
"@elliemae/ds-props-helpers": "3.46.
|
|
62
|
-
"@elliemae/ds-skeleton": "3.46.
|
|
63
|
-
"@elliemae/ds-system": "3.46.
|
|
64
|
-
"@elliemae/ds-truncated-tooltip-text": "3.46.
|
|
65
|
-
"@elliemae/ds-typescript-helpers": "3.46.
|
|
66
|
-
"@elliemae/ds-zustand-helpers": "3.46.
|
|
42
|
+
"@elliemae/ds-button": "3.46.6",
|
|
43
|
+
"@elliemae/ds-circular-progress-indicator": "3.46.6",
|
|
44
|
+
"@elliemae/ds-button-v2": "3.46.6",
|
|
45
|
+
"@elliemae/ds-drag-and-drop": "3.46.6",
|
|
46
|
+
"@elliemae/ds-dropdownmenu": "3.46.6",
|
|
47
|
+
"@elliemae/ds-dropdownmenu-v2": "3.46.6",
|
|
48
|
+
"@elliemae/ds-form-checkbox": "3.46.6",
|
|
49
|
+
"@elliemae/ds-form-combobox": "3.46.6",
|
|
50
|
+
"@elliemae/ds-form-date-range-picker": "3.46.6",
|
|
51
|
+
"@elliemae/ds-form-date-time-picker": "3.46.6",
|
|
52
|
+
"@elliemae/ds-form-helpers-mask-hooks": "3.46.6",
|
|
53
|
+
"@elliemae/ds-form-input-text": "3.46.6",
|
|
54
|
+
"@elliemae/ds-form-layout-blocks": "3.46.6",
|
|
55
|
+
"@elliemae/ds-form-radio": "3.46.6",
|
|
56
|
+
"@elliemae/ds-pagination": "3.46.6",
|
|
57
|
+
"@elliemae/ds-grid": "3.46.6",
|
|
58
|
+
"@elliemae/ds-icons": "3.46.6",
|
|
59
|
+
"@elliemae/ds-pills-v2": "3.46.6",
|
|
60
|
+
"@elliemae/ds-popperjs": "3.46.6",
|
|
61
|
+
"@elliemae/ds-props-helpers": "3.46.6",
|
|
62
|
+
"@elliemae/ds-skeleton": "3.46.6",
|
|
63
|
+
"@elliemae/ds-system": "3.46.6",
|
|
64
|
+
"@elliemae/ds-truncated-tooltip-text": "3.46.6",
|
|
65
|
+
"@elliemae/ds-typescript-helpers": "3.46.6",
|
|
66
|
+
"@elliemae/ds-zustand-helpers": "3.46.6"
|
|
67
67
|
},
|
|
68
68
|
"devDependencies": {
|
|
69
69
|
"@elliemae/pui-cli": "9.0.0-next.50",
|
|
70
70
|
"styled-components": "~5.3.9",
|
|
71
71
|
"styled-system": "~5.1.5",
|
|
72
|
-
"@elliemae/ds-
|
|
73
|
-
"@elliemae/ds-
|
|
72
|
+
"@elliemae/ds-toolbar-v2": "3.46.6",
|
|
73
|
+
"@elliemae/ds-monorepo-devops": "3.46.6"
|
|
74
74
|
},
|
|
75
75
|
"peerDependencies": {
|
|
76
76
|
"lodash": "^4.17.21",
|