@elliemae/ds-card-v3-poc 3.52.1 → 3.53.0-alpha.2
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/CardV3.js +13 -4
- package/dist/cjs/CardV3.js.map +2 -2
- package/dist/cjs/parts/index.js +1 -1
- package/dist/cjs/parts/index.js.map +2 -2
- package/dist/esm/CardV3.js +14 -5
- package/dist/esm/CardV3.js.map +2 -2
- package/dist/esm/parts/index.js +1 -1
- package/dist/esm/parts/index.js.map +2 -2
- package/dist/types/CardV3Definitions.d.ts +3 -1
- package/dist/types/parts/index.d.ts +1 -1
- package/dist/types/react-desc-prop-types.d.ts +0 -1
- package/dist/types/styled.d.ts +13 -14
- package/package.json +10 -9
package/dist/cjs/CardV3.js
CHANGED
|
@@ -34,12 +34,12 @@ __export(CardV3_exports, {
|
|
|
34
34
|
module.exports = __toCommonJS(CardV3_exports);
|
|
35
35
|
var React = __toESM(require("react"));
|
|
36
36
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
37
|
-
var import_react = require("react");
|
|
38
37
|
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
38
|
+
var import_react = require("react");
|
|
39
|
+
var import_CardV3Definitions = require("./CardV3Definitions.js");
|
|
40
|
+
var import_CardContext = require("./parts/CardContext.js");
|
|
39
41
|
var import_parts = require("./parts/index.js");
|
|
40
42
|
var import_styled = require("./styled.js");
|
|
41
|
-
var import_CardContext = require("./parts/CardContext.js");
|
|
42
|
-
var import_CardV3Definitions = require("./CardV3Definitions.js");
|
|
43
43
|
const defaultProps = {
|
|
44
44
|
hasError: false
|
|
45
45
|
};
|
|
@@ -58,7 +58,16 @@ const Card = (props) => {
|
|
|
58
58
|
const globalsAttrs = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefault);
|
|
59
59
|
const xstyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefault);
|
|
60
60
|
const getOwnerProps = (0, import_react.useCallback)(() => propsWithDefault, [propsWithDefault]);
|
|
61
|
-
|
|
61
|
+
const ctx = (0, import_react.useMemo)(
|
|
62
|
+
() => ({
|
|
63
|
+
isMultiSelect,
|
|
64
|
+
disabled,
|
|
65
|
+
isSelected,
|
|
66
|
+
onClick
|
|
67
|
+
}),
|
|
68
|
+
[isMultiSelect, disabled, isSelected, onClick]
|
|
69
|
+
);
|
|
70
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CardContext.CardContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
62
71
|
StyledCardContainer,
|
|
63
72
|
{
|
|
64
73
|
border: "solid 1px neutral-100",
|
package/dist/cjs/CardV3.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/CardV3.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/no-empty-interface */\n/* eslint-disable react/display-name */\nimport
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/no-empty-interface */\n/* eslint-disable react/display-name */\nimport type { DSGridT } from '@elliemae/ds-grid';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport React, { useCallback, useMemo } from 'react';\nimport { DSCardV3DataTestIds } from './CardV3Definitions.js';\nimport { CardContext } from './parts/CardContext.js';\nimport { FocusRing } from './parts/index.js';\nimport type { CardT } from './react-desc-prop-types.js';\nimport { CardActionArea, StyledButtonCard, StyledCard, StyledCardDisabled } from './styled.js';\n\nexport const defaultProps: CardT.DefaultProps = {\n hasError: false,\n};\n\n// create acontext\n\nexport const Card: React.ComponentType<CardT.InternalProps> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault<CardT.Props>(props, defaultProps);\n const { children, hasError, disabled, isOverlay, onClick, isSelected, isMultiSelect } = propsWithDefault;\n\n const StyledCardContainer = useMemo(() => {\n if (onClick && !disabled) {\n return StyledButtonCard;\n }\n if (disabled) {\n return StyledCardDisabled;\n }\n return StyledCard;\n }, [disabled, onClick]);\n\n const globalsAttrs = useGetGlobalAttributes<CardT.InternalProps, HTMLDivElement, DSGridT.Props>(propsWithDefault);\n const xstyledProps = useGetXstyledProps(propsWithDefault);\n const getOwnerProps = useCallback(() => propsWithDefault, [propsWithDefault]);\n\n const ctx = useMemo(\n () => ({\n isMultiSelect,\n disabled,\n isSelected,\n onClick,\n }),\n [isMultiSelect, disabled, isSelected, onClick],\n );\n\n return (\n <CardContext.Provider value={ctx}>\n <StyledCardContainer\n border=\"solid 1px neutral-100\"\n boxShadow=\"xs\"\n isOverlay={isOverlay}\n {...globalsAttrs}\n {...xstyledProps}\n data-disabled={disabled}\n data-selected={isSelected}\n >\n <FocusRing target={`[data-testid=${DSCardV3DataTestIds.ACTION_AREA}]`} hasError={hasError}>\n {onClick ? (\n <CardActionArea\n disabled={disabled}\n data-testid={DSCardV3DataTestIds.ACTION_AREA}\n aria-selected={isSelected}\n aria-multiselectable={isMultiSelect}\n aria-disabled={disabled}\n aria-invalid={hasError}\n getOwnerProps={getOwnerProps}\n />\n ) : null}\n {children}\n </FocusRing>\n </StyledCardContainer>\n </CardContext.Provider>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyDf;AArDR,8BAAyF;AACzF,mBAA4C;AAC5C,+BAAoC;AACpC,yBAA4B;AAC5B,mBAA0B;AAE1B,oBAAiF;AAE1E,MAAM,eAAmC;AAAA,EAC9C,UAAU;AACZ;AAIO,MAAM,OAAiD,CAAC,UAAU;AACvE,QAAM,uBAAmB,sDAA0C,OAAO,YAAY;AACtF,QAAM,EAAE,UAAU,UAAU,UAAU,WAAW,SAAS,YAAY,cAAc,IAAI;AAExF,QAAM,0BAAsB,sBAAQ,MAAM;AACxC,QAAI,WAAW,CAAC,UAAU;AACxB,aAAO;AAAA,IACT;AACA,QAAI,UAAU;AACZ,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT,GAAG,CAAC,UAAU,OAAO,CAAC;AAEtB,QAAM,mBAAe,gDAA2E,gBAAgB;AAChH,QAAM,mBAAe,4CAAmB,gBAAgB;AACxD,QAAM,oBAAgB,0BAAY,MAAM,kBAAkB,CAAC,gBAAgB,CAAC;AAE5E,QAAM,UAAM;AAAA,IACV,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,eAAe,UAAU,YAAY,OAAO;AAAA,EAC/C;AAEA,SACE,4CAAC,+BAAY,UAAZ,EAAqB,OAAO,KAC3B;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,WAAU;AAAA,MACV;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,iBAAe;AAAA,MACf,iBAAe;AAAA,MAEf,uDAAC,0BAAU,QAAQ,gBAAgB,6CAAoB,WAAW,KAAK,UACpE;AAAA,kBACC;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,eAAa,6CAAoB;AAAA,YACjC,iBAAe;AAAA,YACf,wBAAsB;AAAA,YACtB,iBAAe;AAAA,YACf,gBAAc;AAAA,YACd;AAAA;AAAA,QACF,IACE;AAAA,QACH;AAAA,SACH;AAAA;AAAA,EACF,GACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/parts/index.js
CHANGED
|
@@ -37,8 +37,8 @@ __export(parts_exports, {
|
|
|
37
37
|
module.exports = __toCommonJS(parts_exports);
|
|
38
38
|
var React = __toESM(require("react"));
|
|
39
39
|
var import_CardContent = require("./CardContent.js");
|
|
40
|
+
var import_CardFocusRing = require("./CardFocusRing.js");
|
|
40
41
|
var import_CardFooter = require("./CardFooter.js");
|
|
41
42
|
var import_CardHeader = require("./CardHeader.js");
|
|
42
43
|
var import_CardSelectIndicator = require("./CardSelectIndicator.js");
|
|
43
|
-
var import_CardFocusRing = require("./CardFocusRing.js");
|
|
44
44
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/parts/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export { CardContent } from './CardContent.js';\nexport {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAA4B;AAC5B,wBAA2B;AAC3B,wBAA2B;AAC3B,iCAAoC;
|
|
4
|
+
"sourcesContent": ["export { CardContent } from './CardContent.js';\nexport { FocusRing } from './CardFocusRing.js';\nexport { CardFooter } from './CardFooter.js';\nexport { CardHeader } from './CardHeader.js';\nexport { CardSelectIndicator } from './CardSelectIndicator.js';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAA4B;AAC5B,2BAA0B;AAC1B,wBAA2B;AAC3B,wBAA2B;AAC3B,iCAAoC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/CardV3.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
3
|
+
import { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
|
|
4
|
+
import { useCallback, useMemo } from "react";
|
|
5
|
+
import { DSCardV3DataTestIds } from "./CardV3Definitions.js";
|
|
6
|
+
import { CardContext } from "./parts/CardContext.js";
|
|
5
7
|
import { FocusRing } from "./parts/index.js";
|
|
6
8
|
import { CardActionArea, StyledButtonCard, StyledCard, StyledCardDisabled } from "./styled.js";
|
|
7
|
-
import { CardContext } from "./parts/CardContext.js";
|
|
8
|
-
import { DSCardV3DataTestIds } from "./CardV3Definitions.js";
|
|
9
9
|
const defaultProps = {
|
|
10
10
|
hasError: false
|
|
11
11
|
};
|
|
@@ -24,7 +24,16 @@ const Card = (props) => {
|
|
|
24
24
|
const globalsAttrs = useGetGlobalAttributes(propsWithDefault);
|
|
25
25
|
const xstyledProps = useGetXstyledProps(propsWithDefault);
|
|
26
26
|
const getOwnerProps = useCallback(() => propsWithDefault, [propsWithDefault]);
|
|
27
|
-
|
|
27
|
+
const ctx = useMemo(
|
|
28
|
+
() => ({
|
|
29
|
+
isMultiSelect,
|
|
30
|
+
disabled,
|
|
31
|
+
isSelected,
|
|
32
|
+
onClick
|
|
33
|
+
}),
|
|
34
|
+
[isMultiSelect, disabled, isSelected, onClick]
|
|
35
|
+
);
|
|
36
|
+
return /* @__PURE__ */ jsx(CardContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
|
|
28
37
|
StyledCardContainer,
|
|
29
38
|
{
|
|
30
39
|
border: "solid 1px neutral-100",
|
package/dist/esm/CardV3.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/CardV3.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/no-empty-interface */\n/* eslint-disable react/display-name */\nimport
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/no-empty-interface */\n/* eslint-disable react/display-name */\nimport type { DSGridT } from '@elliemae/ds-grid';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport React, { useCallback, useMemo } from 'react';\nimport { DSCardV3DataTestIds } from './CardV3Definitions.js';\nimport { CardContext } from './parts/CardContext.js';\nimport { FocusRing } from './parts/index.js';\nimport type { CardT } from './react-desc-prop-types.js';\nimport { CardActionArea, StyledButtonCard, StyledCard, StyledCardDisabled } from './styled.js';\n\nexport const defaultProps: CardT.DefaultProps = {\n hasError: false,\n};\n\n// create acontext\n\nexport const Card: React.ComponentType<CardT.InternalProps> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault<CardT.Props>(props, defaultProps);\n const { children, hasError, disabled, isOverlay, onClick, isSelected, isMultiSelect } = propsWithDefault;\n\n const StyledCardContainer = useMemo(() => {\n if (onClick && !disabled) {\n return StyledButtonCard;\n }\n if (disabled) {\n return StyledCardDisabled;\n }\n return StyledCard;\n }, [disabled, onClick]);\n\n const globalsAttrs = useGetGlobalAttributes<CardT.InternalProps, HTMLDivElement, DSGridT.Props>(propsWithDefault);\n const xstyledProps = useGetXstyledProps(propsWithDefault);\n const getOwnerProps = useCallback(() => propsWithDefault, [propsWithDefault]);\n\n const ctx = useMemo(\n () => ({\n isMultiSelect,\n disabled,\n isSelected,\n onClick,\n }),\n [isMultiSelect, disabled, isSelected, onClick],\n );\n\n return (\n <CardContext.Provider value={ctx}>\n <StyledCardContainer\n border=\"solid 1px neutral-100\"\n boxShadow=\"xs\"\n isOverlay={isOverlay}\n {...globalsAttrs}\n {...xstyledProps}\n data-disabled={disabled}\n data-selected={isSelected}\n >\n <FocusRing target={`[data-testid=${DSCardV3DataTestIds.ACTION_AREA}]`} hasError={hasError}>\n {onClick ? (\n <CardActionArea\n disabled={disabled}\n data-testid={DSCardV3DataTestIds.ACTION_AREA}\n aria-selected={isSelected}\n aria-multiselectable={isMultiSelect}\n aria-disabled={disabled}\n aria-invalid={hasError}\n getOwnerProps={getOwnerProps}\n />\n ) : null}\n {children}\n </FocusRing>\n </StyledCardContainer>\n </CardContext.Provider>\n );\n};\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACyDf,SAEI,KAFJ;AArDR,SAAS,wBAAwB,oBAAoB,oCAAoC;AACzF,SAAgB,aAAa,eAAe;AAC5C,SAAS,2BAA2B;AACpC,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAE1B,SAAS,gBAAgB,kBAAkB,YAAY,0BAA0B;AAE1E,MAAM,eAAmC;AAAA,EAC9C,UAAU;AACZ;AAIO,MAAM,OAAiD,CAAC,UAAU;AACvE,QAAM,mBAAmB,6BAA0C,OAAO,YAAY;AACtF,QAAM,EAAE,UAAU,UAAU,UAAU,WAAW,SAAS,YAAY,cAAc,IAAI;AAExF,QAAM,sBAAsB,QAAQ,MAAM;AACxC,QAAI,WAAW,CAAC,UAAU;AACxB,aAAO;AAAA,IACT;AACA,QAAI,UAAU;AACZ,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT,GAAG,CAAC,UAAU,OAAO,CAAC;AAEtB,QAAM,eAAe,uBAA2E,gBAAgB;AAChH,QAAM,eAAe,mBAAmB,gBAAgB;AACxD,QAAM,gBAAgB,YAAY,MAAM,kBAAkB,CAAC,gBAAgB,CAAC;AAE5E,QAAM,MAAM;AAAA,IACV,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,eAAe,UAAU,YAAY,OAAO;AAAA,EAC/C;AAEA,SACE,oBAAC,YAAY,UAAZ,EAAqB,OAAO,KAC3B;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,WAAU;AAAA,MACV;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,iBAAe;AAAA,MACf,iBAAe;AAAA,MAEf,+BAAC,aAAU,QAAQ,gBAAgB,oBAAoB,WAAW,KAAK,UACpE;AAAA,kBACC;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,eAAa,oBAAoB;AAAA,YACjC,iBAAe;AAAA,YACf,wBAAsB;AAAA,YACtB,iBAAe;AAAA,YACf,gBAAc;AAAA,YACd;AAAA;AAAA,QACF,IACE;AAAA,QACH;AAAA,SACH;AAAA;AAAA,EACF,GACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/parts/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { CardContent } from "./CardContent.js";
|
|
3
|
+
import { FocusRing } from "./CardFocusRing.js";
|
|
3
4
|
import { CardFooter } from "./CardFooter.js";
|
|
4
5
|
import { CardHeader } from "./CardHeader.js";
|
|
5
6
|
import { CardSelectIndicator } from "./CardSelectIndicator.js";
|
|
6
|
-
import { FocusRing } from "./CardFocusRing.js";
|
|
7
7
|
export {
|
|
8
8
|
CardContent,
|
|
9
9
|
CardFooter,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/index.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { CardContent } from './CardContent.js';\nexport {
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,mBAAmB;AAC5B,SAAS,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { CardContent } from './CardContent.js';\nexport { FocusRing } from './CardFocusRing.js';\nexport { CardFooter } from './CardFooter.js';\nexport { CardHeader } from './CardHeader.js';\nexport { CardSelectIndicator } from './CardSelectIndicator.js';\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,4 +2,6 @@ export declare const DSCardV3Name = "DSCardv3";
|
|
|
2
2
|
export declare const DSCardV3Slots: {
|
|
3
3
|
ACTION_AREA: string;
|
|
4
4
|
};
|
|
5
|
-
export declare const DSCardV3DataTestIds:
|
|
5
|
+
export declare const DSCardV3DataTestIds: {
|
|
6
|
+
ACTION_AREA: `ds-cardv3-${string}`;
|
|
7
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { CardContent } from './CardContent.js';
|
|
2
|
+
export { FocusRing } from './CardFocusRing.js';
|
|
2
3
|
export { CardFooter } from './CardFooter.js';
|
|
3
4
|
export { CardHeader } from './CardHeader.js';
|
|
4
5
|
export { CardSelectIndicator } from './CardSelectIndicator.js';
|
|
5
|
-
export { FocusRing } from './CardFocusRing.js';
|
package/dist/types/styled.d.ts
CHANGED
|
@@ -1,30 +1,29 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const CardActionArea: import("styled-components").StyledComponent<"button", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"button">, never>;
|
|
3
2
|
export declare const StyledCard: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
|
|
4
|
-
isOverlay?: boolean
|
|
5
|
-
onClick?: (
|
|
3
|
+
isOverlay?: boolean;
|
|
4
|
+
onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
6
5
|
} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
|
|
7
6
|
export declare const StyledButtonCard: import("styled-components").StyledComponent<import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
|
|
8
|
-
isOverlay?: boolean
|
|
9
|
-
onClick?: (
|
|
7
|
+
isOverlay?: boolean;
|
|
8
|
+
onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
10
9
|
} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>, import("@elliemae/ds-system").Theme, {
|
|
11
|
-
isOverlay?: boolean
|
|
10
|
+
isOverlay?: boolean;
|
|
12
11
|
} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
|
|
13
|
-
isOverlay?: boolean
|
|
14
|
-
onClick?: (
|
|
12
|
+
isOverlay?: boolean;
|
|
13
|
+
onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
15
14
|
} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>>, never>;
|
|
16
15
|
export declare const StyledCardError: import("styled-components").StyledComponent<import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
|
|
17
|
-
isOverlay?: boolean
|
|
18
|
-
onClick?: (
|
|
16
|
+
isOverlay?: boolean;
|
|
17
|
+
onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
19
18
|
} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
|
|
20
|
-
isOverlay?: boolean
|
|
21
|
-
onClick?: (
|
|
19
|
+
isOverlay?: boolean;
|
|
20
|
+
onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
22
21
|
} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>>, never>;
|
|
23
22
|
export declare const StyledCardSingleIndicator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
|
|
24
|
-
isSelected?: boolean
|
|
23
|
+
isSelected?: boolean;
|
|
25
24
|
} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
|
|
26
25
|
export declare const StyledFocusRing: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
|
|
27
26
|
showFocusRing: boolean;
|
|
28
|
-
hasError?: boolean
|
|
27
|
+
hasError?: boolean;
|
|
29
28
|
} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
|
|
30
29
|
export declare const StyledCardDisabled: React.FC;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-card-v3-poc",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.53.0-alpha.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Card V3",
|
|
6
6
|
"files": [
|
|
@@ -36,21 +36,21 @@
|
|
|
36
36
|
"indent": 4
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@elliemae/ds-
|
|
40
|
-
"@elliemae/ds-
|
|
41
|
-
"@elliemae/ds-
|
|
42
|
-
"@elliemae/ds-system": "3.
|
|
39
|
+
"@elliemae/ds-form-radio": "3.53.0-alpha.2",
|
|
40
|
+
"@elliemae/ds-grid": "3.53.0-alpha.2",
|
|
41
|
+
"@elliemae/ds-props-helpers": "3.53.0-alpha.2",
|
|
42
|
+
"@elliemae/ds-system": "3.53.0-alpha.2"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
|
-
"@elliemae/pui-cli": "9.0.0-next.
|
|
46
|
-
"@elliemae/pui-theme": "~2.
|
|
45
|
+
"@elliemae/pui-cli": "9.0.0-next.65",
|
|
46
|
+
"@elliemae/pui-theme": "~2.13.0",
|
|
47
47
|
"jest": "~29.7.0",
|
|
48
48
|
"styled-components": "~5.3.9",
|
|
49
49
|
"styled-system": "^5.1.5",
|
|
50
|
-
"@elliemae/ds-monorepo-devops": "3.
|
|
50
|
+
"@elliemae/ds-monorepo-devops": "3.53.0-alpha.2"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
53
|
-
"@elliemae/pui-theme": "~2.
|
|
53
|
+
"@elliemae/pui-theme": "~2.13.0",
|
|
54
54
|
"react": "^18.3.1",
|
|
55
55
|
"react-dom": "^18.3.1",
|
|
56
56
|
"styled-components": "~5.3.9",
|
|
@@ -64,6 +64,7 @@
|
|
|
64
64
|
"dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
|
|
65
65
|
"test": "pui-cli test --passWithNoTests",
|
|
66
66
|
"lint": "node ../../../scripts/lint.mjs",
|
|
67
|
+
"lint:strict": "node ../../../scripts/lint-strict.mjs",
|
|
67
68
|
"eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
|
|
68
69
|
"dts": "node ../../../scripts/dts.mjs",
|
|
69
70
|
"build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
|