@elliemae/ds-data-table-expand-cell 3.37.0-rc.3 → 3.37.0-rc.5
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.
|
@@ -42,7 +42,6 @@ var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
|
42
42
|
var import_ds_system = require("@elliemae/ds-system");
|
|
43
43
|
var import_react_desc_prop_types = require("./react-desc-prop-types.js");
|
|
44
44
|
var import_useDataTableExpandCell = require("./config/useDataTableExpandCell.js");
|
|
45
|
-
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
46
45
|
var import_constants = require("./constants/index.js");
|
|
47
46
|
var import_ds_data_table_cell = require("@elliemae/ds-data-table-cell");
|
|
48
47
|
const StyledWrapper = (0, import_ds_system.styled)(import_ds_data_table_cell.DSDataTableCell, {
|
|
@@ -86,7 +85,7 @@ const StyledCaretContainer = (0, import_ds_system.styled)("span", {
|
|
|
86
85
|
`;
|
|
87
86
|
const DSDataTableExpandCell = (props) => {
|
|
88
87
|
const { propsWithDefault, xstyledProps } = (0, import_useDataTableExpandCell.useDataTableExpandCell)(props);
|
|
89
|
-
const ownerPropsConfig = (0,
|
|
88
|
+
const ownerPropsConfig = (0, import_ds_props_helpers.useOwnerProps)(propsWithDefault);
|
|
90
89
|
const { className, icon, onClick, expanded, disabled } = propsWithDefault;
|
|
91
90
|
const shouldPrintCaret = icon === "caret";
|
|
92
91
|
const shouldPrintArrow = icon === "arrow";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSDataTableExpandCell.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
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 {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["import React, { useCallback } from 'react';\nimport { ArrowShortReturn, ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';\nimport { describe, useOwnerProps } 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 { 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;ADmFb;AAnFV,mBAAmC;AACnC,sBAAgE;AAChE,8BAAwC;AACxC,uBAA4B;AAC5B,mCAAkF;AAClF,oCAAuC;AACvC,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,uCAAc,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
|
}
|
|
@@ -2,11 +2,10 @@ import * as React from "react";
|
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { useCallback } from "react";
|
|
4
4
|
import { ArrowShortReturn, ArrowheadDown, ArrowheadRight } from "@elliemae/ds-icons";
|
|
5
|
-
import { describe } from "@elliemae/ds-props-helpers";
|
|
5
|
+
import { describe, useOwnerProps } from "@elliemae/ds-props-helpers";
|
|
6
6
|
import { css, styled } from "@elliemae/ds-system";
|
|
7
7
|
import { DSDataTableExpandCellPropTypesSchema } from "./react-desc-prop-types.js";
|
|
8
8
|
import { useDataTableExpandCell } from "./config/useDataTableExpandCell.js";
|
|
9
|
-
import { useOwnerProps } from "@elliemae/ds-utilities";
|
|
10
9
|
import { DATA_TABLE_EXPAND_CELL_SLOTS, DSDataTableExpandCellName } from "./constants/index.js";
|
|
11
10
|
import { DSDataTableCell } from "@elliemae/ds-data-table-cell";
|
|
12
11
|
const StyledWrapper = styled(DSDataTableCell, {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSDataTableExpandCell.tsx"],
|
|
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 {
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
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, useOwnerProps } 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 { 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;ACmFb;AAnFV,SAAgB,mBAAmB;AACnC,SAAS,kBAAkB,eAAe,sBAAsB;AAChE,SAAS,UAAU,qBAAqB;AACxC,SAAS,KAAK,cAAc;AAC5B,SAAsC,4CAA4C;AAClF,SAAS,8BAA8B;AACvC,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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-data-table-expand-cell",
|
|
3
|
-
"version": "3.37.0-rc.
|
|
3
|
+
"version": "3.37.0-rc.5",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Data Table Expand Cell",
|
|
6
6
|
"files": [
|
|
@@ -37,17 +37,16 @@
|
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@xstyled/styled-components": "~3.6.0",
|
|
40
|
-
"@elliemae/ds-data-table-cell": "3.37.0-rc.
|
|
41
|
-
"@elliemae/ds-props-helpers": "3.37.0-rc.
|
|
42
|
-
"@elliemae/ds-
|
|
43
|
-
"@elliemae/ds-
|
|
44
|
-
"@elliemae/ds-typescript-helpers": "3.37.0-rc.
|
|
45
|
-
"@elliemae/ds-utilities": "3.37.0-rc.3"
|
|
40
|
+
"@elliemae/ds-data-table-cell": "3.37.0-rc.5",
|
|
41
|
+
"@elliemae/ds-props-helpers": "3.37.0-rc.5",
|
|
42
|
+
"@elliemae/ds-system": "3.37.0-rc.5",
|
|
43
|
+
"@elliemae/ds-icons": "3.37.0-rc.5",
|
|
44
|
+
"@elliemae/ds-typescript-helpers": "3.37.0-rc.5"
|
|
46
45
|
},
|
|
47
46
|
"devDependencies": {
|
|
48
47
|
"@elliemae/pui-cli": "9.0.0-next.50",
|
|
49
48
|
"styled-components": "~5.3.9",
|
|
50
|
-
"@elliemae/ds-monorepo-devops": "3.37.0-rc.
|
|
49
|
+
"@elliemae/ds-monorepo-devops": "3.37.0-rc.5"
|
|
51
50
|
},
|
|
52
51
|
"peerDependencies": {
|
|
53
52
|
"@testing-library/jest-dom": "~5.16.4",
|