@elliemae/ds-data-table 3.70.0-next.46 → 3.70.0-next.48

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.
Files changed (5) hide show
  1. package/dist/cjs/parts/Headers/HeaderCellTitle.js +1 -1
  2. package/dist/cjs/parts/Headers/HeaderCellTitle.js.map +2 -2
  3. package/dist/esm/parts/Headers/HeaderCellTitle.js +1 -1
  4. package/dist/esm/parts/Headers/HeaderCellTitle.js.map +2 -2
  5. package/package.json +30 -30
package/dist/cjs/parts/Headers/HeaderCellTitle.js CHANGED
@@ -50,7 +50,7 @@ const HeaderCellTitle = ({ column, draggableProps, textWrap }) => {
50
50
  style: {
51
51
  display: "flex",
52
52
  alignItems: "flex-start",
53
- paddingTop: "5px",
53
+ paddingTop: typeof column.Header === "string" ? "5px" : void 0,
54
54
  ...resolveWrapStyle(effectiveTextWrap)
55
55
  },
56
56
  "data-testid": import_constants.DATA_TESTID.DATA_TABLE_HEADER_CELL_TITLE,
package/dist/cjs/parts/Headers/HeaderCellTitle.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/parts/Headers/HeaderCellTitle.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport { TruncatedTooltipText } from '../../TruncatedTooltipText.js';\nimport type { DSDataTableT } from '../../react-desc-prop-types.js';\nimport type { SortableItemContextType } from '../HoC/SortableItemContext.js';\nimport { RequiredDot } from './RequiredDot.js';\nimport { DATA_TESTID } from '../../configs/constants.js';\n\ninterface HeaderCellTitleProps {\n column: DSDataTableT.InternalColumn;\n draggableProps: SortableItemContextType['draggableProps'];\n textWrap: 'wrap' | 'wrap-all' | 'truncate';\n}\n\nconst resolveWrapStyle = (textWrap: HeaderCellTitleProps['textWrap']): React.CSSProperties => {\n if (textWrap === 'wrap-all') return { whiteSpace: 'pre-wrap', wordBreak: 'break-all' };\n if (textWrap === 'wrap') return { whiteSpace: 'pre-wrap', overflowWrap: 'break-word' };\n return {};\n};\n\nconst StringTitle = ({ text, textWrap }: { textWrap: HeaderCellTitleProps['textWrap']; text: string }) =>\n textWrap === 'truncate' ? <TruncatedTooltipText value={text} /> : text;\n\nexport const HeaderCellTitle: React.ComponentType<HeaderCellTitleProps> = ({ column, draggableProps, textWrap }) => {\n const effectiveTextWrap = column.textWrap || textWrap;\n return (\n <div\n style={{\n display: 'flex',\n alignItems: 'flex-start',\n paddingTop: '5px',\n ...resolveWrapStyle(effectiveTextWrap),\n }}\n data-testid={DATA_TESTID.DATA_TABLE_HEADER_CELL_TITLE}\n >\n {typeof column.Header === 'string' ? (\n <StringTitle text={column.Header} textWrap={effectiveTextWrap} />\n ) : (\n <column.Header column={column} draggableProps={draggableProps} />\n )}\n {column.required && <RequiredDot />}\n </div>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoBK;AAnB5B,kCAAqC;AAGrC,yBAA4B;AAC5B,uBAA4B;AAQ5B,MAAM,mBAAmB,CAAC,aAAoE;AAC5F,MAAI,aAAa,WAAY,QAAO,EAAE,YAAY,YAAY,WAAW,YAAY;AACrF,MAAI,aAAa,OAAQ,QAAO,EAAE,YAAY,YAAY,cAAc,aAAa;AACrF,SAAO,CAAC;AACV;AAEA,MAAM,cAAc,CAAC,EAAE,MAAM,SAAS,MACpC,aAAa,aAAa,4CAAC,oDAAqB,OAAO,MAAM,IAAK;AAE7D,MAAM,kBAA6D,CAAC,EAAE,QAAQ,gBAAgB,SAAS,MAAM;AAClH,QAAM,oBAAoB,OAAO,YAAY;AAC7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,GAAG,iBAAiB,iBAAiB;AAAA,MACvC;AAAA,MACA,eAAa,6BAAY;AAAA,MAExB;AAAA,eAAO,OAAO,WAAW,WACxB,4CAAC,eAAY,MAAM,OAAO,QAAQ,UAAU,mBAAmB,IAE/D,4CAAC,OAAO,QAAP,EAAc,QAAgB,gBAAgC;AAAA,QAEhE,OAAO,YAAY,4CAAC,kCAAY;AAAA;AAAA;AAAA,EACnC;AAEJ;",
4
+ "sourcesContent": ["import React from 'react';\nimport { TruncatedTooltipText } from '../../TruncatedTooltipText.js';\nimport type { DSDataTableT } from '../../react-desc-prop-types.js';\nimport type { SortableItemContextType } from '../HoC/SortableItemContext.js';\nimport { RequiredDot } from './RequiredDot.js';\nimport { DATA_TESTID } from '../../configs/constants.js';\n\ninterface HeaderCellTitleProps {\n column: DSDataTableT.InternalColumn;\n draggableProps: SortableItemContextType['draggableProps'];\n textWrap: 'wrap' | 'wrap-all' | 'truncate';\n}\n\nconst resolveWrapStyle = (textWrap: HeaderCellTitleProps['textWrap']): React.CSSProperties => {\n if (textWrap === 'wrap-all') return { whiteSpace: 'pre-wrap', wordBreak: 'break-all' };\n if (textWrap === 'wrap') return { whiteSpace: 'pre-wrap', overflowWrap: 'break-word' };\n return {};\n};\n\nconst StringTitle = ({ text, textWrap }: { textWrap: HeaderCellTitleProps['textWrap']; text: string }) =>\n textWrap === 'truncate' ? <TruncatedTooltipText value={text} /> : text;\n\nexport const HeaderCellTitle: React.ComponentType<HeaderCellTitleProps> = ({ column, draggableProps, textWrap }) => {\n const effectiveTextWrap = column.textWrap || textWrap;\n return (\n <div\n style={{\n display: 'flex',\n alignItems: 'flex-start',\n paddingTop: typeof column.Header === 'string' ? '5px' : undefined,\n ...resolveWrapStyle(effectiveTextWrap),\n }}\n data-testid={DATA_TESTID.DATA_TABLE_HEADER_CELL_TITLE}\n >\n {typeof column.Header === 'string' ? (\n <StringTitle text={column.Header} textWrap={effectiveTextWrap} />\n ) : (\n <column.Header column={column} draggableProps={draggableProps} />\n )}\n {column.required && <RequiredDot />}\n </div>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoBK;AAnB5B,kCAAqC;AAGrC,yBAA4B;AAC5B,uBAA4B;AAQ5B,MAAM,mBAAmB,CAAC,aAAoE;AAC5F,MAAI,aAAa,WAAY,QAAO,EAAE,YAAY,YAAY,WAAW,YAAY;AACrF,MAAI,aAAa,OAAQ,QAAO,EAAE,YAAY,YAAY,cAAc,aAAa;AACrF,SAAO,CAAC;AACV;AAEA,MAAM,cAAc,CAAC,EAAE,MAAM,SAAS,MACpC,aAAa,aAAa,4CAAC,oDAAqB,OAAO,MAAM,IAAK;AAE7D,MAAM,kBAA6D,CAAC,EAAE,QAAQ,gBAAgB,SAAS,MAAM;AAClH,QAAM,oBAAoB,OAAO,YAAY;AAC7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,YAAY,OAAO,OAAO,WAAW,WAAW,QAAQ;AAAA,QACxD,GAAG,iBAAiB,iBAAiB;AAAA,MACvC;AAAA,MACA,eAAa,6BAAY;AAAA,MAExB;AAAA,eAAO,OAAO,WAAW,WACxB,4CAAC,eAAY,MAAM,OAAO,QAAQ,UAAU,mBAAmB,IAE/D,4CAAC,OAAO,QAAP,EAAc,QAAgB,gBAAgC;AAAA,QAEhE,OAAO,YAAY,4CAAC,kCAAY;AAAA;AAAA;AAAA,EACnC;AAEJ;",
6
6
  "names": []
7
7
  }
package/dist/esm/parts/Headers/HeaderCellTitle.js CHANGED
@@ -17,7 +17,7 @@ const HeaderCellTitle = ({ column, draggableProps, textWrap }) => {
17
17
  style: {
18
18
  display: "flex",
19
19
  alignItems: "flex-start",
20
- paddingTop: "5px",
20
+ paddingTop: typeof column.Header === "string" ? "5px" : void 0,
21
21
  ...resolveWrapStyle(effectiveTextWrap)
22
22
  },
23
23
  "data-testid": DATA_TESTID.DATA_TABLE_HEADER_CELL_TITLE,
package/dist/esm/parts/Headers/HeaderCellTitle.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Headers/HeaderCellTitle.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { TruncatedTooltipText } from '../../TruncatedTooltipText.js';\nimport type { DSDataTableT } from '../../react-desc-prop-types.js';\nimport type { SortableItemContextType } from '../HoC/SortableItemContext.js';\nimport { RequiredDot } from './RequiredDot.js';\nimport { DATA_TESTID } from '../../configs/constants.js';\n\ninterface HeaderCellTitleProps {\n column: DSDataTableT.InternalColumn;\n draggableProps: SortableItemContextType['draggableProps'];\n textWrap: 'wrap' | 'wrap-all' | 'truncate';\n}\n\nconst resolveWrapStyle = (textWrap: HeaderCellTitleProps['textWrap']): React.CSSProperties => {\n if (textWrap === 'wrap-all') return { whiteSpace: 'pre-wrap', wordBreak: 'break-all' };\n if (textWrap === 'wrap') return { whiteSpace: 'pre-wrap', overflowWrap: 'break-word' };\n return {};\n};\n\nconst StringTitle = ({ text, textWrap }: { textWrap: HeaderCellTitleProps['textWrap']; text: string }) =>\n textWrap === 'truncate' ? <TruncatedTooltipText value={text} /> : text;\n\nexport const HeaderCellTitle: React.ComponentType<HeaderCellTitleProps> = ({ column, draggableProps, textWrap }) => {\n const effectiveTextWrap = column.textWrap || textWrap;\n return (\n <div\n style={{\n display: 'flex',\n alignItems: 'flex-start',\n paddingTop: '5px',\n ...resolveWrapStyle(effectiveTextWrap),\n }}\n data-testid={DATA_TESTID.DATA_TABLE_HEADER_CELL_TITLE}\n >\n {typeof column.Header === 'string' ? (\n <StringTitle text={column.Header} textWrap={effectiveTextWrap} />\n ) : (\n <column.Header column={column} draggableProps={draggableProps} />\n )}\n {column.required && <RequiredDot />}\n </div>\n );\n};\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACoBK,cAKxB,YALwB;AAnB5B,SAAS,4BAA4B;AAGrC,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAQ5B,MAAM,mBAAmB,CAAC,aAAoE;AAC5F,MAAI,aAAa,WAAY,QAAO,EAAE,YAAY,YAAY,WAAW,YAAY;AACrF,MAAI,aAAa,OAAQ,QAAO,EAAE,YAAY,YAAY,cAAc,aAAa;AACrF,SAAO,CAAC;AACV;AAEA,MAAM,cAAc,CAAC,EAAE,MAAM,SAAS,MACpC,aAAa,aAAa,oBAAC,wBAAqB,OAAO,MAAM,IAAK;AAE7D,MAAM,kBAA6D,CAAC,EAAE,QAAQ,gBAAgB,SAAS,MAAM;AAClH,QAAM,oBAAoB,OAAO,YAAY;AAC7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,GAAG,iBAAiB,iBAAiB;AAAA,MACvC;AAAA,MACA,eAAa,YAAY;AAAA,MAExB;AAAA,eAAO,OAAO,WAAW,WACxB,oBAAC,eAAY,MAAM,OAAO,QAAQ,UAAU,mBAAmB,IAE/D,oBAAC,OAAO,QAAP,EAAc,QAAgB,gBAAgC;AAAA,QAEhE,OAAO,YAAY,oBAAC,eAAY;AAAA;AAAA;AAAA,EACnC;AAEJ;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { TruncatedTooltipText } from '../../TruncatedTooltipText.js';\nimport type { DSDataTableT } from '../../react-desc-prop-types.js';\nimport type { SortableItemContextType } from '../HoC/SortableItemContext.js';\nimport { RequiredDot } from './RequiredDot.js';\nimport { DATA_TESTID } from '../../configs/constants.js';\n\ninterface HeaderCellTitleProps {\n column: DSDataTableT.InternalColumn;\n draggableProps: SortableItemContextType['draggableProps'];\n textWrap: 'wrap' | 'wrap-all' | 'truncate';\n}\n\nconst resolveWrapStyle = (textWrap: HeaderCellTitleProps['textWrap']): React.CSSProperties => {\n if (textWrap === 'wrap-all') return { whiteSpace: 'pre-wrap', wordBreak: 'break-all' };\n if (textWrap === 'wrap') return { whiteSpace: 'pre-wrap', overflowWrap: 'break-word' };\n return {};\n};\n\nconst StringTitle = ({ text, textWrap }: { textWrap: HeaderCellTitleProps['textWrap']; text: string }) =>\n textWrap === 'truncate' ? <TruncatedTooltipText value={text} /> : text;\n\nexport const HeaderCellTitle: React.ComponentType<HeaderCellTitleProps> = ({ column, draggableProps, textWrap }) => {\n const effectiveTextWrap = column.textWrap || textWrap;\n return (\n <div\n style={{\n display: 'flex',\n alignItems: 'flex-start',\n paddingTop: typeof column.Header === 'string' ? '5px' : undefined,\n ...resolveWrapStyle(effectiveTextWrap),\n }}\n data-testid={DATA_TESTID.DATA_TABLE_HEADER_CELL_TITLE}\n >\n {typeof column.Header === 'string' ? (\n <StringTitle text={column.Header} textWrap={effectiveTextWrap} />\n ) : (\n <column.Header column={column} draggableProps={draggableProps} />\n )}\n {column.required && <RequiredDot />}\n </div>\n );\n};\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACoBK,cAKxB,YALwB;AAnB5B,SAAS,4BAA4B;AAGrC,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAQ5B,MAAM,mBAAmB,CAAC,aAAoE;AAC5F,MAAI,aAAa,WAAY,QAAO,EAAE,YAAY,YAAY,WAAW,YAAY;AACrF,MAAI,aAAa,OAAQ,QAAO,EAAE,YAAY,YAAY,cAAc,aAAa;AACrF,SAAO,CAAC;AACV;AAEA,MAAM,cAAc,CAAC,EAAE,MAAM,SAAS,MACpC,aAAa,aAAa,oBAAC,wBAAqB,OAAO,MAAM,IAAK;AAE7D,MAAM,kBAA6D,CAAC,EAAE,QAAQ,gBAAgB,SAAS,MAAM;AAClH,QAAM,oBAAoB,OAAO,YAAY;AAC7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,YAAY,OAAO,OAAO,WAAW,WAAW,QAAQ;AAAA,QACxD,GAAG,iBAAiB,iBAAiB;AAAA,MACvC;AAAA,MACA,eAAa,YAAY;AAAA,MAExB;AAAA,eAAO,OAAO,WAAW,WACxB,oBAAC,eAAY,MAAM,OAAO,QAAQ,UAAU,mBAAmB,IAE/D,oBAAC,OAAO,QAAP,EAAc,QAAgB,gBAAgC;AAAA,QAEhE,OAAO,YAAY,oBAAC,eAAY;AAAA;AAAA;AAAA,EACnC;AAEJ;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-data-table",
3
- "version": "3.70.0-next.46",
3
+ "version": "3.70.0-next.48",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Data Table",
6
6
  "files": [
@@ -41,40 +41,40 @@
41
41
  "react-virtual": "~2.10.4",
42
42
  "uid": "^2.0.2",
43
43
  "use-onclickoutside": "0.4.1",
44
- "@elliemae/ds-circular-progress-indicator": "3.70.0-next.46",
45
- "@elliemae/ds-button-v2": "3.70.0-next.46",
46
- "@elliemae/ds-dialog": "3.70.0-next.46",
47
- "@elliemae/ds-drag-and-drop": "3.70.0-next.46",
48
- "@elliemae/ds-form-checkbox": "3.70.0-next.46",
49
- "@elliemae/ds-floating-context": "3.70.0-next.46",
50
- "@elliemae/ds-dropdownmenu-v2": "3.70.0-next.46",
51
- "@elliemae/ds-form-date-time-picker": "3.70.0-next.46",
52
- "@elliemae/ds-form-date-range-picker": "3.70.0-next.46",
53
- "@elliemae/ds-form-helpers-mask-hooks": "3.70.0-next.46",
54
- "@elliemae/ds-form-input-text": "3.70.0-next.46",
55
- "@elliemae/ds-form-combobox": "3.70.0-next.46",
56
- "@elliemae/ds-form-layout-blocks": "3.70.0-next.46",
57
- "@elliemae/ds-grid": "3.70.0-next.46",
58
- "@elliemae/ds-form-radio": "3.70.0-next.46",
59
- "@elliemae/ds-pagination": "3.70.0-next.46",
60
- "@elliemae/ds-menu-button": "3.70.0-next.46",
61
- "@elliemae/ds-icons": "3.70.0-next.46",
62
- "@elliemae/ds-pills-v2": "3.70.0-next.46",
63
- "@elliemae/ds-skeleton": "3.70.0-next.46",
64
- "@elliemae/ds-zustand-helpers": "3.70.0-next.46",
65
- "@elliemae/ds-props-helpers": "3.70.0-next.46",
66
- "@elliemae/ds-system": "3.70.0-next.46",
67
- "@elliemae/ds-typescript-helpers": "3.70.0-next.46",
68
- "@elliemae/ds-hooks-focus-trap": "3.70.0-next.46"
44
+ "@elliemae/ds-button-v2": "3.70.0-next.48",
45
+ "@elliemae/ds-circular-progress-indicator": "3.70.0-next.48",
46
+ "@elliemae/ds-dialog": "3.70.0-next.48",
47
+ "@elliemae/ds-dropdownmenu-v2": "3.70.0-next.48",
48
+ "@elliemae/ds-drag-and-drop": "3.70.0-next.48",
49
+ "@elliemae/ds-floating-context": "3.70.0-next.48",
50
+ "@elliemae/ds-form-checkbox": "3.70.0-next.48",
51
+ "@elliemae/ds-form-combobox": "3.70.0-next.48",
52
+ "@elliemae/ds-form-helpers-mask-hooks": "3.70.0-next.48",
53
+ "@elliemae/ds-form-date-range-picker": "3.70.0-next.48",
54
+ "@elliemae/ds-form-date-time-picker": "3.70.0-next.48",
55
+ "@elliemae/ds-form-input-text": "3.70.0-next.48",
56
+ "@elliemae/ds-form-layout-blocks": "3.70.0-next.48",
57
+ "@elliemae/ds-form-radio": "3.70.0-next.48",
58
+ "@elliemae/ds-grid": "3.70.0-next.48",
59
+ "@elliemae/ds-hooks-focus-trap": "3.70.0-next.48",
60
+ "@elliemae/ds-menu-button": "3.70.0-next.48",
61
+ "@elliemae/ds-icons": "3.70.0-next.48",
62
+ "@elliemae/ds-pagination": "3.70.0-next.48",
63
+ "@elliemae/ds-pills-v2": "3.70.0-next.48",
64
+ "@elliemae/ds-props-helpers": "3.70.0-next.48",
65
+ "@elliemae/ds-skeleton": "3.70.0-next.48",
66
+ "@elliemae/ds-system": "3.70.0-next.48",
67
+ "@elliemae/ds-typescript-helpers": "3.70.0-next.48",
68
+ "@elliemae/ds-zustand-helpers": "3.70.0-next.48"
69
69
  },
70
70
  "devDependencies": {
71
71
  "jest": "^30.0.0",
72
72
  "styled-components": "~5.3.9",
73
73
  "styled-system": "^5.1.5",
74
- "@elliemae/ds-monorepo-devops": "3.70.0-next.46",
75
- "@elliemae/ds-tabs": "3.70.0-next.46",
76
- "@elliemae/ds-test-utils": "3.70.0-next.46",
77
- "@elliemae/ds-toolbar-v2": "3.70.0-next.46"
74
+ "@elliemae/ds-test-utils": "3.70.0-next.48",
75
+ "@elliemae/ds-tabs": "3.70.0-next.48",
76
+ "@elliemae/ds-monorepo-devops": "3.70.0-next.48",
77
+ "@elliemae/ds-toolbar-v2": "3.70.0-next.48"
78
78
  },
79
79
  "peerDependencies": {
80
80
  "lodash-es": "^4.18.1",