@elliemae/ds-data-table-expand-cell 3.36.0-rc.0 → 3.36.1-next.7
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.
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSDataTableExpandCell.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React, { useCallback } from 'react';\nimport { ArrowShortReturn, ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { css, styled } from '@elliemae/ds-system';\nimport { type DSDataTableExpandCellT, DSDataTableExpandCellPropTypesSchema } from './react-desc-prop-types.js';\nimport { useDataTableExpandCell } from './config/useDataTableExpandCell.js';\nimport { useOwnerProps } from '@elliemae/ds-utilities';\nimport { DATA_TABLE_EXPAND_CELL_SLOTS, DSDataTableExpandCellName } from './constants/index.js';\nimport { DSDataTableCell } from '@elliemae/ds-data-table-cell';\n\nconst StyledWrapper = styled(DSDataTableCell, {\n name: DSDataTableExpandCellName,\n slot: DATA_TABLE_EXPAND_CELL_SLOTS.ROOT,\n})`\n justify-content: center;\n :focus-within {\n &:after {\n display: block;\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 2px solid brand-700;\n pointer-events: none;\n z-index: 7;\n }\n }\n svg {\n fill: brand-800;\n }\n`;\n\nexport const disabledCss = css`\n cursor: not-allowed;\n pointer-events: none;\n`;\n\nexport const StyledCaretContainer = styled('span', {\n name: DSDataTableExpandCellName,\n slot: DATA_TABLE_EXPAND_CELL_SLOTS.CARET_CONTAINER,\n})<{ disabled: boolean }>`\n cursor: pointer;\n box-sizing: border-box;\n outline: none;\n display: flex;\n justify-content: center;\n align-items: center;\n ${({ disabled }) => disabled && disabledCss}\n`;\n\nconst DSDataTableExpandCell: React.ComponentType<DSDataTableExpandCellT.Props> = (props) => {\n const { propsWithDefault, xstyledProps } = useDataTableExpandCell(props);\n const ownerPropsConfig = useOwnerProps(propsWithDefault);\n const { className, icon, onClick, expanded, disabled } = propsWithDefault;\n\n const shouldPrintCaret = icon === 'caret';\n const shouldPrintArrow = icon === 'arrow';\n const Caret = expanded ? ArrowheadDown : ArrowheadRight;\n\n const onKeyDownHandler = useCallback(\n (e: React.KeyboardEvent) => {\n if (['Enter', 'Space'].includes(e.code)) {\n e.preventDefault();\n onClick?.(e);\n }\n },\n [onClick],\n );\n\n return (\n <StyledWrapper className={className} {...ownerPropsConfig} {...xstyledProps}>\n {shouldPrintCaret ? (\n <StyledCaretContainer\n role=\"button\"\n title=\"Toggle Row Expanded\"\n onClick={onClick}\n onKeyDown={onKeyDownHandler}\n aria-expanded={expanded}\n disabled={disabled}\n aria-disabled={disabled}\n {...ownerPropsConfig}\n >\n <Caret\n size=\"s\"\n data-is-col-expanded={expanded}\n data-role=\"row-expander-col\"\n color={disabled ? ['neutral', '400'] : ['brand-primary', '600']}\n />\n </StyledCaretContainer>\n ) : shouldPrintArrow ? (\n <ArrowShortReturn size=\"s\" style={{ transform: 'rotate(90deg) scaleY(-1)' }} color={['brand-primary', '600']} />\n ) : null}\n </StyledWrapper>\n );\n};\n\nDSDataTableExpandCell.displayName = DSDataTableExpandCellName;\nconst DSDataTableExpandCellWithSchema = describe(DSDataTableExpandCell);\nDSDataTableExpandCellWithSchema.propTypes = DSDataTableExpandCellPropTypesSchema;\n\nexport { DSDataTableExpandCell, DSDataTableExpandCellWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoFb;AApFV,mBAAmC;AACnC,sBAAgE;AAChE,8BAAyB;AACzB,uBAA4B;AAC5B,mCAAkF;AAClF,oCAAuC;AACvC,0BAA8B;AAC9B,uBAAwE;AACxE,gCAAgC;AAEhC,MAAM,oBAAgB,yBAAO,2CAAiB;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,8CAA6B;AACrC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBM,MAAM,cAAc;AAAA;AAAA;AAAA;AAKpB,MAAM,2BAAuB,yBAAO,QAAQ;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,8CAA6B;AACrC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOG,CAAC,EAAE,SAAS,MAAM,YAAY;AAAA;
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoFb;AApFV,mBAAmC;AACnC,sBAAgE;AAChE,8BAAyB;AACzB,uBAA4B;AAC5B,mCAAkF;AAClF,oCAAuC;AACvC,0BAA8B;AAC9B,uBAAwE;AACxE,gCAAgC;AAEhC,MAAM,oBAAgB,yBAAO,2CAAiB;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,8CAA6B;AACrC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBM,MAAM,cAAc;AAAA;AAAA;AAAA;AAKpB,MAAM,2BAAuB,yBAAO,QAAQ;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,8CAA6B;AACrC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOG,CAAC,EAAE,SAAS,MAAM,YAAY,WAAW;AAAA;AAG7C,MAAM,wBAA2E,CAAC,UAAU;AAC1F,QAAM,EAAE,kBAAkB,aAAa,QAAI,sDAAuB,KAAK;AACvE,QAAM,uBAAmB,mCAAc,gBAAgB;AACvD,QAAM,EAAE,WAAW,MAAM,SAAS,UAAU,SAAS,IAAI;AAEzD,QAAM,mBAAmB,SAAS;AAClC,QAAM,mBAAmB,SAAS;AAClC,QAAM,QAAQ,WAAW,gCAAgB;AAEzC,QAAM,uBAAmB;AAAA,IACvB,CAAC,MAA2B;AAC1B,UAAI,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG;AACvC,UAAE,eAAe;AACjB,kBAAU,CAAC;AAAA,MACb;AAAA,IACF;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,SACE,4CAAC,iBAAc,WAAuB,GAAG,kBAAmB,GAAG,cAC5D,6BACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN;AAAA,MACA,WAAW;AAAA,MACX,iBAAe;AAAA,MACf;AAAA,MACA,iBAAe;AAAA,MACd,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,wBAAsB;AAAA,UACtB,aAAU;AAAA,UACV,OAAO,WAAW,CAAC,WAAW,KAAK,IAAI,CAAC,iBAAiB,KAAK;AAAA;AAAA,MAChE;AAAA;AAAA,EACF,IACE,mBACF,4CAAC,oCAAiB,MAAK,KAAI,OAAO,EAAE,WAAW,2BAA2B,GAAG,OAAO,CAAC,iBAAiB,KAAK,GAAG,IAC5G,MACN;AAEJ;AAEA,sBAAsB,cAAc;AACpC,MAAM,sCAAkC,kCAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/index.js
CHANGED
|
@@ -36,6 +36,5 @@ __export(src_exports, {
|
|
|
36
36
|
module.exports = __toCommonJS(src_exports);
|
|
37
37
|
var React = __toESM(require("react"));
|
|
38
38
|
var import_DSDataTableExpandCell = require("./DSDataTableExpandCell.js");
|
|
39
|
-
var import_react_desc_prop_types = require("./react-desc-prop-types.js");
|
|
40
39
|
var import_constants = require("./constants/index.js");
|
|
41
40
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport { DSDataTableExpandCell, DSDataTableExpandCellWithSchema } from './DSDataTableExpandCell.js';\nexport { type DSDataTableExpandCellT } from './react-desc-prop-types.js';\nexport { DATA_TABLE_EXPAND_CELL_SLOTS, DATA_TABLE_EXPAND_CELL_DATA_TESTID } from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mCAAuE;
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mCAAuE;AAEvE,uBAAiF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSDataTableExpandCell.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback } from 'react';\nimport { ArrowShortReturn, ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { css, styled } from '@elliemae/ds-system';\nimport { type DSDataTableExpandCellT, DSDataTableExpandCellPropTypesSchema } from './react-desc-prop-types.js';\nimport { useDataTableExpandCell } from './config/useDataTableExpandCell.js';\nimport { useOwnerProps } from '@elliemae/ds-utilities';\nimport { DATA_TABLE_EXPAND_CELL_SLOTS, DSDataTableExpandCellName } from './constants/index.js';\nimport { DSDataTableCell } from '@elliemae/ds-data-table-cell';\n\nconst StyledWrapper = styled(DSDataTableCell, {\n name: DSDataTableExpandCellName,\n slot: DATA_TABLE_EXPAND_CELL_SLOTS.ROOT,\n})`\n justify-content: center;\n :focus-within {\n &:after {\n display: block;\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 2px solid brand-700;\n pointer-events: none;\n z-index: 7;\n }\n }\n svg {\n fill: brand-800;\n }\n`;\n\nexport const disabledCss = css`\n cursor: not-allowed;\n pointer-events: none;\n`;\n\nexport const StyledCaretContainer = styled('span', {\n name: DSDataTableExpandCellName,\n slot: DATA_TABLE_EXPAND_CELL_SLOTS.CARET_CONTAINER,\n})<{ disabled: boolean }>`\n cursor: pointer;\n box-sizing: border-box;\n outline: none;\n display: flex;\n justify-content: center;\n align-items: center;\n ${({ disabled }) => disabled && disabledCss}\n`;\n\nconst DSDataTableExpandCell: React.ComponentType<DSDataTableExpandCellT.Props> = (props) => {\n const { propsWithDefault, xstyledProps } = useDataTableExpandCell(props);\n const ownerPropsConfig = useOwnerProps(propsWithDefault);\n const { className, icon, onClick, expanded, disabled } = propsWithDefault;\n\n const shouldPrintCaret = icon === 'caret';\n const shouldPrintArrow = icon === 'arrow';\n const Caret = expanded ? ArrowheadDown : ArrowheadRight;\n\n const onKeyDownHandler = useCallback(\n (e: React.KeyboardEvent) => {\n if (['Enter', 'Space'].includes(e.code)) {\n e.preventDefault();\n onClick?.(e);\n }\n },\n [onClick],\n );\n\n return (\n <StyledWrapper className={className} {...ownerPropsConfig} {...xstyledProps}>\n {shouldPrintCaret ? (\n <StyledCaretContainer\n role=\"button\"\n title=\"Toggle Row Expanded\"\n onClick={onClick}\n onKeyDown={onKeyDownHandler}\n aria-expanded={expanded}\n disabled={disabled}\n aria-disabled={disabled}\n {...ownerPropsConfig}\n >\n <Caret\n size=\"s\"\n data-is-col-expanded={expanded}\n data-role=\"row-expander-col\"\n color={disabled ? ['neutral', '400'] : ['brand-primary', '600']}\n />\n </StyledCaretContainer>\n ) : shouldPrintArrow ? (\n <ArrowShortReturn size=\"s\" style={{ transform: 'rotate(90deg) scaleY(-1)' }} color={['brand-primary', '600']} />\n ) : null}\n </StyledWrapper>\n );\n};\n\nDSDataTableExpandCell.displayName = DSDataTableExpandCellName;\nconst DSDataTableExpandCellWithSchema = describe(DSDataTableExpandCell);\nDSDataTableExpandCellWithSchema.propTypes = DSDataTableExpandCellPropTypesSchema;\n\nexport { DSDataTableExpandCell, DSDataTableExpandCellWithSchema };\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACoFb;AApFV,SAAgB,mBAAmB;AACnC,SAAS,kBAAkB,eAAe,sBAAsB;AAChE,SAAS,gBAAgB;AACzB,SAAS,KAAK,cAAc;AAC5B,SAAsC,4CAA4C;AAClF,SAAS,8BAA8B;AACvC,SAAS,qBAAqB;AAC9B,SAAS,8BAA8B,iCAAiC;AACxE,SAAS,uBAAuB;AAEhC,MAAM,gBAAgB,OAAO,iBAAiB;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,6BAA6B;AACrC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBM,MAAM,cAAc;AAAA;AAAA;AAAA;AAKpB,MAAM,uBAAuB,OAAO,QAAQ;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,6BAA6B;AACrC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOG,CAAC,EAAE,SAAS,MAAM,YAAY;AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACoFb;AApFV,SAAgB,mBAAmB;AACnC,SAAS,kBAAkB,eAAe,sBAAsB;AAChE,SAAS,gBAAgB;AACzB,SAAS,KAAK,cAAc;AAC5B,SAAsC,4CAA4C;AAClF,SAAS,8BAA8B;AACvC,SAAS,qBAAqB;AAC9B,SAAS,8BAA8B,iCAAiC;AACxE,SAAS,uBAAuB;AAEhC,MAAM,gBAAgB,OAAO,iBAAiB;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,6BAA6B;AACrC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBM,MAAM,cAAc;AAAA;AAAA;AAAA;AAKpB,MAAM,uBAAuB,OAAO,QAAQ;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,6BAA6B;AACrC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOG,CAAC,EAAE,SAAS,MAAM,YAAY,WAAW;AAAA;AAG7C,MAAM,wBAA2E,CAAC,UAAU;AAC1F,QAAM,EAAE,kBAAkB,aAAa,IAAI,uBAAuB,KAAK;AACvE,QAAM,mBAAmB,cAAc,gBAAgB;AACvD,QAAM,EAAE,WAAW,MAAM,SAAS,UAAU,SAAS,IAAI;AAEzD,QAAM,mBAAmB,SAAS;AAClC,QAAM,mBAAmB,SAAS;AAClC,QAAM,QAAQ,WAAW,gBAAgB;AAEzC,QAAM,mBAAmB;AAAA,IACvB,CAAC,MAA2B;AAC1B,UAAI,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG;AACvC,UAAE,eAAe;AACjB,kBAAU,CAAC;AAAA,MACb;AAAA,IACF;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,SACE,oBAAC,iBAAc,WAAuB,GAAG,kBAAmB,GAAG,cAC5D,6BACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN;AAAA,MACA,WAAW;AAAA,MACX,iBAAe;AAAA,MACf;AAAA,MACA,iBAAe;AAAA,MACd,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,wBAAsB;AAAA,UACtB,aAAU;AAAA,UACV,OAAO,WAAW,CAAC,WAAW,KAAK,IAAI,CAAC,iBAAiB,KAAK;AAAA;AAAA,MAChE;AAAA;AAAA,EACF,IACE,mBACF,oBAAC,oBAAiB,MAAK,KAAI,OAAO,EAAE,WAAW,2BAA2B,GAAG,OAAO,CAAC,iBAAiB,KAAK,GAAG,IAC5G,MACN;AAEJ;AAEA,sBAAsB,cAAc;AACpC,MAAM,kCAAkC,SAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { DSDataTableExpandCell, DSDataTableExpandCellWithSchema } from "./DSDataTableExpandCell.js";
|
|
3
|
-
import {} from "./react-desc-prop-types.js";
|
|
4
3
|
import { DATA_TABLE_EXPAND_CELL_SLOTS, DATA_TABLE_EXPAND_CELL_DATA_TESTID } from "./constants/index.js";
|
|
5
4
|
export {
|
|
6
5
|
DATA_TABLE_EXPAND_CELL_DATA_TESTID,
|
package/dist/esm/index.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport { DSDataTableExpandCell, DSDataTableExpandCellWithSchema } from './DSDataTableExpandCell.js';\nexport { type DSDataTableExpandCellT } from './react-desc-prop-types.js';\nexport { DATA_TABLE_EXPAND_CELL_SLOTS, DATA_TABLE_EXPAND_CELL_DATA_TESTID } from './constants/index.js';\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,uBAAuB,uCAAuC;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,uBAAuB,uCAAuC;AAEvE,SAAS,8BAA8B,0CAA0C;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-data-table-expand-cell",
|
|
3
|
-
"version": "3.36.
|
|
3
|
+
"version": "3.36.1-next.7",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Data Table Expand Cell",
|
|
6
6
|
"files": [
|
|
@@ -37,17 +37,17 @@
|
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@xstyled/styled-components": "~3.6.0",
|
|
40
|
-
"@elliemae/ds-data-table-cell": "3.36.
|
|
41
|
-
"@elliemae/ds-
|
|
42
|
-
"@elliemae/ds-
|
|
43
|
-
"@elliemae/ds-system": "3.36.
|
|
44
|
-
"@elliemae/ds-typescript-helpers": "3.36.
|
|
45
|
-
"@elliemae/ds-utilities": "3.36.
|
|
40
|
+
"@elliemae/ds-data-table-cell": "3.36.1-next.7",
|
|
41
|
+
"@elliemae/ds-icons": "3.36.1-next.7",
|
|
42
|
+
"@elliemae/ds-props-helpers": "3.36.1-next.7",
|
|
43
|
+
"@elliemae/ds-system": "3.36.1-next.7",
|
|
44
|
+
"@elliemae/ds-typescript-helpers": "3.36.1-next.7",
|
|
45
|
+
"@elliemae/ds-utilities": "3.36.1-next.7"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"@elliemae/pui-cli": "~9.0.0-next.31",
|
|
49
49
|
"styled-components": "~5.3.9",
|
|
50
|
-
"@elliemae/ds-monorepo-devops": "3.36.
|
|
50
|
+
"@elliemae/ds-monorepo-devops": "3.36.1-next.7"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
53
53
|
"@testing-library/jest-dom": "~5.16.4",
|