@elliemae/ds-data-table-expand-cell 3.50.1-next.9 → 3.51.0-beta.1
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/DSDataTableExpandCell.js +1 -1
- package/dist/cjs/DSDataTableExpandCell.js.map +2 -2
- package/dist/cjs/constants/index.js +1 -1
- package/dist/cjs/constants/index.js.map +1 -1
- package/dist/cjs/react-desc-prop-types.js.map +2 -2
- package/dist/esm/DSDataTableExpandCell.js +1 -1
- package/dist/esm/DSDataTableExpandCell.js.map +2 -2
- package/dist/esm/constants/index.js +1 -1
- package/dist/esm/constants/index.js.map +1 -1
- package/dist/esm/react-desc-prop-types.js.map +2 -2
- package/dist/types/constants/index.d.ts +1 -1
- package/dist/types/react-desc-prop-types.d.ts +1 -1
- package/package.json +15 -15
|
@@ -40,10 +40,10 @@ var import_react = require("react");
|
|
|
40
40
|
var import_ds_icons = require("@elliemae/ds-icons");
|
|
41
41
|
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
42
42
|
var import_ds_system = require("@elliemae/ds-system");
|
|
43
|
+
var import_ds_data_table_cell = require("@elliemae/ds-data-table-cell");
|
|
43
44
|
var import_react_desc_prop_types = require("./react-desc-prop-types.js");
|
|
44
45
|
var import_useDataTableExpandCell = require("./config/useDataTableExpandCell.js");
|
|
45
46
|
var import_constants = require("./constants/index.js");
|
|
46
|
-
var import_ds_data_table_cell = require("@elliemae/ds-data-table-cell");
|
|
47
47
|
const StyledWrapper = (0, import_ds_system.styled)(import_ds_data_table_cell.DSDataTableCell, {
|
|
48
48
|
name: import_constants.DSDataTableExpandCellName,
|
|
49
49
|
slot: import_constants.DATA_TABLE_EXPAND_CELL_SLOTS.ROOT
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSDataTableExpandCell.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["/* eslint-disable no-nested-ternary */\nimport 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 { DSDataTableCell } from '@elliemae/ds-data-table-cell';\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';\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;AAnFV,mBAAmC;AACnC,sBAAgE;AAChE,8BAAwC;AACxC,uBAA4B;AAC5B,gCAAgC;AAChC,mCAAkF;AAClF,oCAAuC;AACvC,uBAAwE;AAExE,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
|
}
|
|
@@ -35,7 +35,7 @@ __export(constants_exports, {
|
|
|
35
35
|
module.exports = __toCommonJS(constants_exports);
|
|
36
36
|
var React = __toESM(require("react"));
|
|
37
37
|
var import_ds_system = require("@elliemae/ds-system");
|
|
38
|
-
const DSDataTableExpandCellName = "
|
|
38
|
+
const DSDataTableExpandCellName = "DSDatatableexpandcell";
|
|
39
39
|
const DATA_TABLE_EXPAND_CELL_SLOTS = {
|
|
40
40
|
ROOT: "root",
|
|
41
41
|
CARET_CONTAINER: "caret-container"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/constants/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSDataTableExpandCellName = '
|
|
4
|
+
"sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSDataTableExpandCellName = 'DSDatatableexpandcell';\n\n// we are giving \"component_name_slots\" to avoid errors on duplicate exports variables in aggregators\nexport const DATA_TABLE_EXPAND_CELL_SLOTS = {\n ROOT: 'root',\n CARET_CONTAINER: 'caret-container',\n} as const;\n\n// we are giving \"component_name_data_testid\" to avoid errors on duplicate exports variables in aggregators\nexport const DATA_TABLE_EXPAND_CELL_DATA_TESTID = slotObjectToDataTestIds(\n DSDataTableExpandCellName,\n DATA_TABLE_EXPAND_CELL_SLOTS,\n);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,4BAA4B;AAGlC,MAAM,+BAA+B;AAAA,EAC1C,MAAM;AAAA,EACN,iBAAiB;AACnB;AAGO,MAAM,yCAAqC;AAAA,EAChD;AAAA,EACA;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, xstyledPropTypes, getPropsPerSlotPropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAAsE;
|
|
4
|
+
"sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, xstyledPropTypes, getPropsPerSlotPropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { WeakValidationMap } from 'react';\nimport { DSDataTableExpandCellName, DATA_TABLE_EXPAND_CELL_SLOTS } from './constants/index.js';\n\nexport declare namespace DSDataTableExpandCellT {\n export interface RequiredProps {}\n\n export interface DefaultProps {\n icon: 'none' | 'arrow' | 'caret';\n expanded: boolean;\n disabled: boolean;\n }\n\n export interface OptionalProps\n extends TypescriptHelpersT.PropsForGlobalOnSlots<\n typeof DSDataTableExpandCellName,\n typeof DATA_TABLE_EXPAND_CELL_SLOTS\n > {\n className?: string;\n onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;\n }\n\n export interface Props extends Partial<DefaultProps>, OptionalProps, XstyledProps, RequiredProps {}\n\n export interface InternalProps extends DefaultProps, OptionalProps, XstyledProps, RequiredProps {}\n}\n\nexport const defaultProps: DSDataTableExpandCellT.DefaultProps = {\n icon: 'none',\n expanded: false,\n disabled: false,\n};\n\nexport const DSDataTableExpandCellPropTypes: DSPropTypesSchema<DSDataTableExpandCellT.Props> = {\n ...xstyledPropTypes,\n ...getPropsPerSlotPropTypes(DSDataTableExpandCellName, DATA_TABLE_EXPAND_CELL_SLOTS),\n className: PropTypes.string.description('className for the wrapper'),\n expanded: PropTypes.bool.description('Determines which caret to print'),\n disabled: PropTypes.bool.description('Whether its disabled or not'),\n icon: PropTypes.oneOf(['none', 'arrow', 'caret']).description('Icon to print'),\n onClick: PropTypes.func.description('onClick callback'),\n};\n\nexport const DSDataTableExpandCellPropTypesSchema =\n DSDataTableExpandCellPropTypes as unknown as WeakValidationMap<DSDataTableExpandCellT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAAsE;AAGtE,uBAAwE;AAyBjE,MAAM,eAAoD;AAAA,EAC/D,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ;AAEO,MAAM,iCAAkF;AAAA,EAC7F,GAAG;AAAA,EACH,OAAG,kDAAyB,4CAA2B,6CAA4B;AAAA,EACnF,WAAW,kCAAU,OAAO,YAAY,2BAA2B;AAAA,EACnE,UAAU,kCAAU,KAAK,YAAY,iCAAiC;AAAA,EACtE,UAAU,kCAAU,KAAK,YAAY,6BAA6B;AAAA,EAClE,MAAM,kCAAU,MAAM,CAAC,QAAQ,SAAS,OAAO,CAAC,EAAE,YAAY,eAAe;AAAA,EAC7E,SAAS,kCAAU,KAAK,YAAY,kBAAkB;AACxD;AAEO,MAAM,uCACX;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -4,10 +4,10 @@ import { useCallback } from "react";
|
|
|
4
4
|
import { ArrowShortReturn, ArrowheadDown, ArrowheadRight } from "@elliemae/ds-icons";
|
|
5
5
|
import { describe, useOwnerProps } from "@elliemae/ds-props-helpers";
|
|
6
6
|
import { css, styled } from "@elliemae/ds-system";
|
|
7
|
+
import { DSDataTableCell } from "@elliemae/ds-data-table-cell";
|
|
7
8
|
import { DSDataTableExpandCellPropTypesSchema } from "./react-desc-prop-types.js";
|
|
8
9
|
import { useDataTableExpandCell } from "./config/useDataTableExpandCell.js";
|
|
9
10
|
import { DATA_TABLE_EXPAND_CELL_SLOTS, DSDataTableExpandCellName } from "./constants/index.js";
|
|
10
|
-
import { DSDataTableCell } from "@elliemae/ds-data-table-cell";
|
|
11
11
|
const StyledWrapper = styled(DSDataTableCell, {
|
|
12
12
|
name: DSDataTableExpandCellName,
|
|
13
13
|
slot: DATA_TABLE_EXPAND_CELL_SLOTS.ROOT
|
|
@@ -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", "
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-nested-ternary */\nimport 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 { DSDataTableCell } from '@elliemae/ds-data-table-cell';\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';\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;AAnFV,SAAgB,mBAAmB;AACnC,SAAS,kBAAkB,eAAe,sBAAsB;AAChE,SAAS,UAAU,qBAAqB;AACxC,SAAS,KAAK,cAAc;AAC5B,SAAS,uBAAuB;AAChC,SAAsC,4CAA4C;AAClF,SAAS,8BAA8B;AACvC,SAAS,8BAA8B,iCAAiC;AAExE,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
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { slotObjectToDataTestIds } from "@elliemae/ds-system";
|
|
3
|
-
const DSDataTableExpandCellName = "
|
|
3
|
+
const DSDataTableExpandCellName = "DSDatatableexpandcell";
|
|
4
4
|
const DATA_TABLE_EXPAND_CELL_SLOTS = {
|
|
5
5
|
ROOT: "root",
|
|
6
6
|
CARET_CONTAINER: "caret-container"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSDataTableExpandCellName = '
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSDataTableExpandCellName = 'DSDatatableexpandcell';\n\n// we are giving \"component_name_slots\" to avoid errors on duplicate exports variables in aggregators\nexport const DATA_TABLE_EXPAND_CELL_SLOTS = {\n ROOT: 'root',\n CARET_CONTAINER: 'caret-container',\n} as const;\n\n// we are giving \"component_name_data_testid\" to avoid errors on duplicate exports variables in aggregators\nexport const DATA_TABLE_EXPAND_CELL_DATA_TESTID = slotObjectToDataTestIds(\n DSDataTableExpandCellName,\n DATA_TABLE_EXPAND_CELL_SLOTS,\n);\n"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,4BAA4B;AAGlC,MAAM,+BAA+B;AAAA,EAC1C,MAAM;AAAA,EACN,iBAAiB;AACnB;AAGO,MAAM,qCAAqC;AAAA,EAChD;AAAA,EACA;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, xstyledPropTypes, getPropsPerSlotPropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport {
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,WAAW,kBAAkB,gCAAgC;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, xstyledPropTypes, getPropsPerSlotPropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { WeakValidationMap } from 'react';\nimport { DSDataTableExpandCellName, DATA_TABLE_EXPAND_CELL_SLOTS } from './constants/index.js';\n\nexport declare namespace DSDataTableExpandCellT {\n export interface RequiredProps {}\n\n export interface DefaultProps {\n icon: 'none' | 'arrow' | 'caret';\n expanded: boolean;\n disabled: boolean;\n }\n\n export interface OptionalProps\n extends TypescriptHelpersT.PropsForGlobalOnSlots<\n typeof DSDataTableExpandCellName,\n typeof DATA_TABLE_EXPAND_CELL_SLOTS\n > {\n className?: string;\n onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;\n }\n\n export interface Props extends Partial<DefaultProps>, OptionalProps, XstyledProps, RequiredProps {}\n\n export interface InternalProps extends DefaultProps, OptionalProps, XstyledProps, RequiredProps {}\n}\n\nexport const defaultProps: DSDataTableExpandCellT.DefaultProps = {\n icon: 'none',\n expanded: false,\n disabled: false,\n};\n\nexport const DSDataTableExpandCellPropTypes: DSPropTypesSchema<DSDataTableExpandCellT.Props> = {\n ...xstyledPropTypes,\n ...getPropsPerSlotPropTypes(DSDataTableExpandCellName, DATA_TABLE_EXPAND_CELL_SLOTS),\n className: PropTypes.string.description('className for the wrapper'),\n expanded: PropTypes.bool.description('Determines which caret to print'),\n disabled: PropTypes.bool.description('Whether its disabled or not'),\n icon: PropTypes.oneOf(['none', 'arrow', 'caret']).description('Icon to print'),\n onClick: PropTypes.func.description('onClick callback'),\n};\n\nexport const DSDataTableExpandCellPropTypesSchema =\n DSDataTableExpandCellPropTypes as unknown as WeakValidationMap<DSDataTableExpandCellT.Props>;\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,WAAW,kBAAkB,gCAAgC;AAGtE,SAAS,2BAA2B,oCAAoC;AAyBjE,MAAM,eAAoD;AAAA,EAC/D,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ;AAEO,MAAM,iCAAkF;AAAA,EAC7F,GAAG;AAAA,EACH,GAAG,yBAAyB,2BAA2B,4BAA4B;AAAA,EACnF,WAAW,UAAU,OAAO,YAAY,2BAA2B;AAAA,EACnE,UAAU,UAAU,KAAK,YAAY,iCAAiC;AAAA,EACtE,UAAU,UAAU,KAAK,YAAY,6BAA6B;AAAA,EAClE,MAAM,UAAU,MAAM,CAAC,QAAQ,SAAS,OAAO,CAAC,EAAE,YAAY,eAAe;AAAA,EAC7E,SAAS,UAAU,KAAK,YAAY,kBAAkB;AACxD;AAEO,MAAM,uCACX;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const DSDataTableExpandCellName = "
|
|
1
|
+
export declare const DSDataTableExpandCellName = "DSDatatableexpandcell";
|
|
2
2
|
export declare const DATA_TABLE_EXPAND_CELL_SLOTS: {
|
|
3
3
|
readonly ROOT: "root";
|
|
4
4
|
readonly CARET_CONTAINER: "caret-container";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';
|
|
2
2
|
import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
|
|
3
|
-
import { DSDataTableExpandCellName, DATA_TABLE_EXPAND_CELL_SLOTS } from './constants/index.js';
|
|
4
3
|
import type { WeakValidationMap } from 'react';
|
|
4
|
+
import { DSDataTableExpandCellName, DATA_TABLE_EXPAND_CELL_SLOTS } from './constants/index.js';
|
|
5
5
|
export declare namespace DSDataTableExpandCellT {
|
|
6
6
|
interface RequiredProps {
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-data-table-expand-cell",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.51.0-beta.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Data Table Expand Cell",
|
|
6
6
|
"files": [
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
"url": "https://git.elliemae.io/platform-ui/dimsum.git"
|
|
26
26
|
},
|
|
27
27
|
"engines": {
|
|
28
|
-
"pnpm": ">=
|
|
29
|
-
"node": ">=
|
|
28
|
+
"pnpm": ">=9",
|
|
29
|
+
"node": ">=22"
|
|
30
30
|
},
|
|
31
31
|
"author": "ICE MT",
|
|
32
32
|
"jestSonar": {
|
|
@@ -37,24 +37,24 @@
|
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@xstyled/styled-components": "~3.7.3",
|
|
40
|
-
"@elliemae/ds-
|
|
41
|
-
"@elliemae/ds-
|
|
42
|
-
"@elliemae/ds-system": "3.
|
|
43
|
-
"@elliemae/ds-
|
|
44
|
-
"@elliemae/ds-
|
|
40
|
+
"@elliemae/ds-data-table-cell": "3.51.0-beta.1",
|
|
41
|
+
"@elliemae/ds-props-helpers": "3.51.0-beta.1",
|
|
42
|
+
"@elliemae/ds-system": "3.51.0-beta.1",
|
|
43
|
+
"@elliemae/ds-typescript-helpers": "3.51.0-beta.1",
|
|
44
|
+
"@elliemae/ds-icons": "3.51.0-beta.1"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@elliemae/pui-cli": "9.0.0-next.
|
|
47
|
+
"@elliemae/pui-cli": "9.0.0-next.55",
|
|
48
48
|
"jest": "~29.7.0",
|
|
49
49
|
"styled-components": "~5.3.9",
|
|
50
|
-
"@elliemae/ds-monorepo-devops": "3.
|
|
50
|
+
"@elliemae/ds-monorepo-devops": "3.51.0-beta.1"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
53
|
-
"@testing-library/jest-dom": "^
|
|
54
|
-
"@testing-library/react": "^
|
|
55
|
-
"@testing-library/user-event": "~
|
|
56
|
-
"react": "^
|
|
57
|
-
"react-dom": "^
|
|
53
|
+
"@testing-library/jest-dom": "^6.6.3",
|
|
54
|
+
"@testing-library/react": "^16.0.1",
|
|
55
|
+
"@testing-library/user-event": "~14.5.2",
|
|
56
|
+
"react": "^18.3.1",
|
|
57
|
+
"react-dom": "^18.3.1",
|
|
58
58
|
"styled-components": "~5.3.9"
|
|
59
59
|
},
|
|
60
60
|
"publishConfig": {
|