@elliemae/ds-card-v3 3.40.0 → 3.41.0-rc.0
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/config/useCardV3.js.map +2 -2
- package/dist/cjs/config/useValidateProps.js.map +2 -2
- package/dist/cjs/parts/DSCardBody/DSCardBody.js +2 -2
- package/dist/cjs/parts/DSCardBody/DSCardBody.js.map +2 -2
- package/dist/cjs/parts/DSCardBody/config/useCardBody.js.map +2 -2
- package/dist/cjs/parts/DSCardBody/config/useValidateProps.js.map +2 -2
- package/dist/cjs/parts/DSCardBody/react-desc-prop-types.js.map +2 -2
- package/dist/cjs/parts/DSCardFooter/DSCardFooter.js +2 -2
- package/dist/cjs/parts/DSCardFooter/DSCardFooter.js.map +2 -2
- package/dist/cjs/parts/DSCardFooter/config/useCardFooter.js.map +2 -2
- package/dist/cjs/parts/DSCardFooter/config/useValidateProps.js.map +2 -2
- package/dist/cjs/parts/DSCardHeader/DSCardHeader.js +2 -2
- package/dist/cjs/parts/DSCardHeader/DSCardHeader.js.map +2 -2
- package/dist/cjs/parts/DSCardHeader/config/useCardHeader.js +1 -1
- package/dist/cjs/parts/DSCardHeader/config/useCardHeader.js.map +2 -2
- package/dist/cjs/parts/DSCardHeader/config/useValidateProps.js.map +2 -2
- package/dist/cjs/parts/DSCardHeader/react-desc-prop-types.js.map +2 -2
- package/dist/esm/config/useCardV3.js.map +2 -2
- package/dist/esm/config/useValidateProps.js.map +2 -2
- package/dist/esm/parts/DSCardBody/DSCardBody.js +3 -3
- package/dist/esm/parts/DSCardBody/DSCardBody.js.map +2 -2
- package/dist/esm/parts/DSCardBody/config/useCardBody.js.map +2 -2
- package/dist/esm/parts/DSCardBody/config/useValidateProps.js.map +2 -2
- package/dist/esm/parts/DSCardBody/react-desc-prop-types.js.map +2 -2
- package/dist/esm/parts/DSCardFooter/DSCardFooter.js +3 -3
- package/dist/esm/parts/DSCardFooter/DSCardFooter.js.map +2 -2
- package/dist/esm/parts/DSCardFooter/config/useCardFooter.js.map +2 -2
- package/dist/esm/parts/DSCardFooter/config/useValidateProps.js.map +2 -2
- package/dist/esm/parts/DSCardHeader/DSCardHeader.js +3 -3
- package/dist/esm/parts/DSCardHeader/DSCardHeader.js.map +2 -2
- package/dist/esm/parts/DSCardHeader/config/useCardHeader.js +1 -1
- package/dist/esm/parts/DSCardHeader/config/useCardHeader.js.map +2 -2
- package/dist/esm/parts/DSCardHeader/config/useValidateProps.js.map +2 -2
- package/dist/esm/parts/DSCardHeader/react-desc-prop-types.js.map +2 -2
- package/dist/types/config/useCardV3.d.ts +1 -1
- package/dist/types/config/useValidateProps.d.ts +2 -2
- package/dist/types/parts/DSCardBody/config/useCardBody.d.ts +1 -1
- package/dist/types/parts/DSCardBody/config/useValidateProps.d.ts +2 -2
- package/dist/types/parts/DSCardBody/react-desc-prop-types.d.ts +3 -3
- package/dist/types/parts/DSCardFooter/config/useCardFooter.d.ts +1 -1
- package/dist/types/parts/DSCardFooter/config/useValidateProps.d.ts +2 -2
- package/dist/types/parts/DSCardHeader/config/useValidateProps.d.ts +2 -2
- package/dist/types/parts/DSCardHeader/react-desc-prop-types.d.ts +3 -3
- package/package.json +7 -7
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/config/useCardV3.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { type DSCardV3T, DSCardV3PropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,8BAAyF;AACzF,iBAAoB;
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport type { DSGridT } from '@elliemae/ds-grid';\nimport { type DSCardV3T, DSCardV3PropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface CardV3CTX {\n propsWithDefault: DSCardV3T.InternalProps;\n xstyledProps: ReturnType<typeof useGetXstyledProps>;\n instanceUid: string;\n}\n\nexport const useCardV3 = (propsFromUser: DSCardV3T.Props) => {\n // =============================================================================\n // MERGE WITH DEFAULT AND VALIDATE PROPS\n // =============================================================================\n const propsWithDefault = useMemoMergePropsWithDefault<DSCardV3T.InternalProps>(propsFromUser, defaultProps);\n useValidateProps(propsWithDefault, DSCardV3PropTypes);\n // =============================================================================\n // XSTYLED PROPS\n // =============================================================================\n const xstyledProps = useGetXstyledProps(propsWithDefault);\n // =============================================================================\n // GLOBAL ATTRIBUTES & XSTYLED PROPS\n // =============================================================================\n const globalProps = useGetGlobalAttributes<DSCardV3T.InternalProps, HTMLDivElement, DSGridT.Props>(propsWithDefault);\n // =============================================================================\n // AD HOC PER COMPONENT LOGIC\n // =============================================================================\n // custom code goes here, this is an example\n const instanceUid = React.useMemo(() => uid(5), []);\n // =============================================================================\n // HELPERS HOOKS CONFIGS\n // =============================================================================\n // const eventHandlers = useEventHandlers({ propsWithDefault, instanceUid }); // <-- complex logic should be made atomics this way\n\n return React.useMemo(\n () => ({\n propsWithDefault,\n xstyledProps,\n globalProps,\n instanceUid,\n // ...eventHandlers,\n }),\n [\n propsWithDefault,\n xstyledProps,\n globalProps,\n instanceUid,\n // eventHandlers,\n ],\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,8BAAyF;AACzF,iBAAoB;AAEpB,mCAAgE;AAChE,8BAAiC;AAQ1B,MAAM,YAAY,CAAC,kBAAmC;AAI3D,QAAM,uBAAmB,sDAAsD,eAAe,yCAAY;AAC1G,gDAAiB,kBAAkB,8CAAiB;AAIpD,QAAM,mBAAe,4CAAmB,gBAAgB;AAIxD,QAAM,kBAAc,gDAA+E,gBAAgB;AAKnH,QAAM,cAAc,aAAAA,QAAM,QAAQ,UAAM,gBAAI,CAAC,GAAG,CAAC,CAAC;AAMlD,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,EACF;AACF;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/config/useValidateProps.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,
|
|
4
|
+
"sourcesContent": ["import { useValidateTypescriptPropTypes, type ValidationMap } from '@elliemae/ds-props-helpers';\nimport { type DSCardV3T } from '../react-desc-prop-types.js';\nimport { DSCardV3Name } from '../constants/index.js';\n\nexport const useValidateProps = (props: DSCardV3T.InternalProps, propTypes: ValidationMap<unknown>): void => {\n // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n useValidateTypescriptPropTypes(props, propTypes, DSCardV3Name);\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAmE;AAEnE,uBAA6B;AAEtB,MAAM,mBAAmB,CAAC,OAAgC,cAA4C;AAE3G,8DAA+B,OAAO,WAAW,6BAAY;AAC/D;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -35,12 +35,12 @@ module.exports = __toCommonJS(DSCardBody_exports);
|
|
|
35
35
|
var React = __toESM(require("react"));
|
|
36
36
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
37
37
|
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
38
|
-
var import_react_desc_prop_types = require("./react-desc-prop-types.js");
|
|
39
38
|
var import_ds_system = require("@elliemae/ds-system");
|
|
40
39
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
40
|
+
var import_react_desc_prop_types = require("./react-desc-prop-types.js");
|
|
41
41
|
var import_useCardBody = require("./config/useCardBody.js");
|
|
42
42
|
var import_constants = require("../../constants/index.js");
|
|
43
|
-
const StyledWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: import_constants.
|
|
43
|
+
const StyledWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: import_constants.DSCardV3Name, slot: import_constants.CARD_V_3_SLOTS.BODY })`
|
|
44
44
|
min-width: 240px;
|
|
45
45
|
padding: 8px 16px;
|
|
46
46
|
${import_ds_system.xStyledCommonProps}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/parts/DSCardBody/DSCardBody.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiBnB;AAhBJ,8BAAyB;AACzB,
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { type DSCardBodyT, DSCardBodyPropTypesSchema } from './react-desc-prop-types.js';\nimport { useCardHeader } from './config/useCardBody.js';\nimport { CARD_V_3_SLOTS, DSCardV3Name, DSCardV3BodyName } from '../../constants/index.js';\n\nconst StyledWrapper = styled(Grid, { name: DSCardV3Name, slot: CARD_V_3_SLOTS.BODY })`\n min-width: 240px;\n padding: 8px 16px;\n ${xStyledCommonProps}\n`;\n\nconst DSCardBody: React.ComponentType<DSCardBodyT.Props> = (props) => {\n const { propsWithDefault, globalProps, xstyledProps } = useCardHeader(props);\n return (\n <StyledWrapper getOwnerProps={() => propsWithDefault} {...globalProps} {...xstyledProps}>\n {propsWithDefault.children || ''}\n </StyledWrapper>\n );\n};\n\nDSCardBody.displayName = DSCardV3BodyName;\nconst DSCardBodyWithSchema = describe(DSCardBody);\nDSCardBodyWithSchema.propTypes = DSCardBodyPropTypesSchema;\n\nexport { DSCardBody, DSCardBodyWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiBnB;AAhBJ,8BAAyB;AACzB,uBAA2C;AAC3C,qBAAqB;AACrB,mCAA4D;AAC5D,yBAA8B;AAC9B,uBAA+D;AAE/D,MAAM,oBAAgB,yBAAO,qBAAM,EAAE,MAAM,+BAAc,MAAM,gCAAe,KAAK,CAAC;AAAA;AAAA;AAAA,IAGhF,mCAAkB;AAAA;AAGtB,MAAM,aAAqD,CAAC,UAAU;AACpE,QAAM,EAAE,kBAAkB,aAAa,aAAa,QAAI,kCAAc,KAAK;AAC3E,SACE,4CAAC,iBAAc,eAAe,MAAM,kBAAmB,GAAG,aAAc,GAAG,cACxE,2BAAiB,YAAY,IAChC;AAEJ;AAEA,WAAW,cAAc;AACzB,MAAM,2BAAuB,kCAAS,UAAU;AAChD,qBAAqB,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/parts/DSCardBody/config/useCardBody.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { type DSCardBodyT, DSCardBodyPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,8BAAyF;AACzF,iBAAoB;
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport type { DSGridT } from '@elliemae/ds-grid';\nimport { type DSCardBodyT, DSCardBodyPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport const useCardHeader = (propsFromUser: DSCardBodyT.Props) => {\n // =============================================================================\n // MERGE WITH DEFAULT AND VALIDATE PROPS\n // =============================================================================\n const propsWithDefault = useMemoMergePropsWithDefault<DSCardBodyT.InternalProps>(propsFromUser, defaultProps);\n useValidateProps(propsWithDefault, DSCardBodyPropTypes);\n // =============================================================================\n // GLOBAL ATTRIBUTES & XSTYLED PROPS\n // =============================================================================\n const globalProps = useGetGlobalAttributes<DSCardBodyT.InternalProps, HTMLDivElement, DSGridT.Props>(\n propsWithDefault,\n );\n const xstyledProps = useGetXstyledProps(propsWithDefault);\n // =============================================================================\n // AD HOC PER COMPONENT LOGIC\n // =============================================================================\n // custom code goes here, this is an example\n const { id } = propsWithDefault;\n const instanceUid = React.useMemo(() => id || uid(5), [id]);\n\n // =============================================================================\n // HELPERS HOOKS CONFIGS\n // =============================================================================\n // const eventHandlers = useEventHandlers({ propsWithDefault, instanceUid }); // <-- complex logic should be made atomics this way\n\n return React.useMemo(\n () => ({\n propsWithDefault,\n globalProps,\n xstyledProps,\n instanceUid,\n // ...eventHandlers,\n }),\n [\n propsWithDefault,\n globalProps,\n xstyledProps,\n instanceUid,\n // eventHandlers,\n ],\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,8BAAyF;AACzF,iBAAoB;AAEpB,mCAAoE;AACpE,8BAAiC;AAE1B,MAAM,gBAAgB,CAAC,kBAAqC;AAIjE,QAAM,uBAAmB,sDAAwD,eAAe,yCAAY;AAC5G,gDAAiB,kBAAkB,gDAAmB;AAItD,QAAM,kBAAc;AAAA,IAClB;AAAA,EACF;AACA,QAAM,mBAAe,4CAAmB,gBAAgB;AAKxD,QAAM,EAAE,GAAG,IAAI;AACf,QAAM,cAAc,aAAAA,QAAM,QAAQ,MAAM,UAAM,gBAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAO1D,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,EACF;AACF;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/parts/DSCardBody/config/useValidateProps.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,
|
|
4
|
+
"sourcesContent": ["import { useValidateTypescriptPropTypes, type ValidationMap } from '@elliemae/ds-props-helpers';\nimport { type DSCardBodyT } from '../react-desc-prop-types.js';\nimport { DSCardV3BodyName } from '../../../constants/index.js';\n\nexport const useValidateProps = (props: DSCardBodyT.InternalProps, propTypes: ValidationMap<unknown>): void => {\n useValidateTypescriptPropTypes(props, propTypes, DSCardV3BodyName);\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAmE;AAEnE,uBAAiC;AAE1B,MAAM,mBAAmB,CAAC,OAAkC,cAA4C;AAC7G,8DAA+B,OAAO,WAAW,iCAAgB;AACnE;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/parts/DSCardBody/react-desc-prop-types.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\n/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { globalAttributesPropTypes, 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;ADGvB,8BAAsF;
|
|
4
|
+
"sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\n/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';\nimport { globalAttributesPropTypes, xstyledPropTypes, getPropsPerSlotPropTypes } from '@elliemae/ds-props-helpers';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSCardV3Name, CARD_V_3_SLOTS_PARTS } from '../../constants/index.js';\n\nexport declare namespace DSCardBodyT {\n export interface RequiredProps {}\n\n export interface DefaultProps {}\n\n export interface OptionalProps\n extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSCardV3Name, typeof CARD_V_3_SLOTS_PARTS.BODY> {\n children?: React.ReactNode;\n }\n\n export interface Props\n extends Partial<DefaultProps>,\n OptionalProps,\n Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n XstyledProps,\n RequiredProps {}\n\n export interface InternalProps\n extends DefaultProps,\n OptionalProps,\n Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n XstyledProps,\n RequiredProps {}\n}\n\nexport const defaultProps: DSCardBodyT.DefaultProps = {};\n\nexport const DSCardBodyPropTypes: DSPropTypesSchema<DSCardBodyT.Props> = {\n ...getPropsPerSlotPropTypes(DSCardV3Name, CARD_V_3_SLOTS_PARTS.BODY),\n ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n};\n\nexport const DSCardBodyPropTypesSchema = DSCardBodyPropTypes as unknown as ValidationMap<DSCardBodyT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAAsF;AAEtF,uBAAmD;AA2B5C,MAAM,eAAyC,CAAC;AAEhD,MAAM,sBAA4D;AAAA,EACvE,OAAG,kDAAyB,+BAAc,sCAAqB,IAAI;AAAA,EACnE,GAAG;AAAA,EACH,GAAG;AACL;AAEO,MAAM,4BAA4B;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -35,12 +35,12 @@ module.exports = __toCommonJS(DSCardFooter_exports);
|
|
|
35
35
|
var React = __toESM(require("react"));
|
|
36
36
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
37
37
|
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
38
|
-
var import_react_desc_prop_types = require("./react-desc-prop-types.js");
|
|
39
38
|
var import_ds_system = require("@elliemae/ds-system");
|
|
40
39
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
40
|
+
var import_react_desc_prop_types = require("./react-desc-prop-types.js");
|
|
41
41
|
var import_useCardFooter = require("./config/useCardFooter.js");
|
|
42
42
|
var import_constants = require("../../constants/index.js");
|
|
43
|
-
const StyledWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: import_constants.
|
|
43
|
+
const StyledWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: import_constants.DSCardV3Name, slot: import_constants.CARD_V_3_SLOTS.FOOTER })`
|
|
44
44
|
min-width: 240px;
|
|
45
45
|
padding: 8px 16px;
|
|
46
46
|
border-top: 1px solid ${(props) => props.theme.colors.neutral["200"]};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/parts/DSCardFooter/DSCardFooter.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkBnB;AAjBJ,8BAAyB;AACzB,
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { type DSCardFooterT, DSCardFooterPropTypesSchema } from './react-desc-prop-types.js';\nimport { useCardFooter } from './config/useCardFooter.js';\nimport { CARD_V_3_SLOTS, DSCardV3Name, DSCardV3FooterName } from '../../constants/index.js';\n\nconst StyledWrapper = styled(Grid, { name: DSCardV3Name, slot: CARD_V_3_SLOTS.FOOTER })`\n min-width: 240px;\n padding: 8px 16px;\n border-top: 1px solid ${(props) => props.theme.colors.neutral['200']};\n ${xStyledCommonProps}\n`;\n\nconst DSCardFooter: React.ComponentType<DSCardFooterT.Props> = (props) => {\n const { propsWithDefault, globalProps, xstyledProps } = useCardFooter(props);\n return (\n <StyledWrapper getOwnerProps={() => propsWithDefault} {...globalProps} {...xstyledProps}>\n {propsWithDefault.children || ''}\n </StyledWrapper>\n );\n};\n\nDSCardFooter.displayName = DSCardV3FooterName;\nconst DSCardFooterWithSchema = describe(DSCardFooter);\nDSCardFooterWithSchema.propTypes = DSCardFooterPropTypesSchema;\n\nexport { DSCardFooter, DSCardFooterWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkBnB;AAjBJ,8BAAyB;AACzB,uBAA2C;AAC3C,qBAAqB;AACrB,mCAAgE;AAChE,2BAA8B;AAC9B,uBAAiE;AAEjE,MAAM,oBAAgB,yBAAO,qBAAM,EAAE,MAAM,+BAAc,MAAM,gCAAe,OAAO,CAAC;AAAA;AAAA;AAAA,0BAG5D,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,IAClE,mCAAkB;AAAA;AAGtB,MAAM,eAAyD,CAAC,UAAU;AACxE,QAAM,EAAE,kBAAkB,aAAa,aAAa,QAAI,oCAAc,KAAK;AAC3E,SACE,4CAAC,iBAAc,eAAe,MAAM,kBAAmB,GAAG,aAAc,GAAG,cACxE,2BAAiB,YAAY,IAChC;AAEJ;AAEA,aAAa,cAAc;AAC3B,MAAM,6BAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/parts/DSCardFooter/config/useCardFooter.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { type DSCardFooterT, DSCardFooterPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,8BAAyF;AACzF,iBAAoB;
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport type { DSGridT } from '@elliemae/ds-grid';\nimport { type DSCardFooterT, DSCardFooterPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport const useCardFooter = (propsFromUser: DSCardFooterT.Props) => {\n // =============================================================================\n // MERGE WITH DEFAULT AND VALIDATE PROPS\n // =============================================================================\n const propsWithDefault = useMemoMergePropsWithDefault<DSCardFooterT.InternalProps>(propsFromUser, defaultProps);\n useValidateProps(propsWithDefault, DSCardFooterPropTypes);\n // =============================================================================\n // GLOBAL ATTRIBUTES & XSTYLED PROPS\n // =============================================================================\n const globalProps = useGetGlobalAttributes<DSCardFooterT.InternalProps, HTMLDivElement, DSGridT.Props>(\n propsWithDefault,\n );\n const xstyledProps = useGetXstyledProps(propsWithDefault);\n // =============================================================================\n // AD HOC PER COMPONENT LOGIC\n // =============================================================================\n // custom code goes here, this is an example\n const { id } = propsWithDefault;\n const instanceUid = React.useMemo(() => id || uid(5), [id]);\n\n // =============================================================================\n // HELPERS HOOKS CONFIGS\n // =============================================================================\n // const eventHandlers = useEventHandlers({ propsWithDefault, instanceUid }); // <-- complex logic should be made atomics this way\n\n return React.useMemo(\n () => ({\n propsWithDefault,\n globalProps,\n xstyledProps,\n instanceUid,\n // ...eventHandlers,\n }),\n [\n propsWithDefault,\n globalProps,\n xstyledProps,\n instanceUid,\n // eventHandlers,\n ],\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,8BAAyF;AACzF,iBAAoB;AAEpB,mCAAwE;AACxE,8BAAiC;AAE1B,MAAM,gBAAgB,CAAC,kBAAuC;AAInE,QAAM,uBAAmB,sDAA0D,eAAe,yCAAY;AAC9G,gDAAiB,kBAAkB,kDAAqB;AAIxD,QAAM,kBAAc;AAAA,IAClB;AAAA,EACF;AACA,QAAM,mBAAe,4CAAmB,gBAAgB;AAKxD,QAAM,EAAE,GAAG,IAAI;AACf,QAAM,cAAc,aAAAA,QAAM,QAAQ,MAAM,UAAM,gBAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAO1D,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,EACF;AACF;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/parts/DSCardFooter/config/useValidateProps.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,
|
|
4
|
+
"sourcesContent": ["import { useValidateTypescriptPropTypes, type ValidationMap } from '@elliemae/ds-props-helpers';\nimport { type DSCardFooterT } from '../react-desc-prop-types.js';\nimport { DSCardV3FooterName } from '../../../constants/index.js';\n\nexport const useValidateProps = (props: DSCardFooterT.InternalProps, propTypes: ValidationMap<unknown>): void => {\n useValidateTypescriptPropTypes(props, propTypes, DSCardV3FooterName);\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAmE;AAEnE,uBAAmC;AAE5B,MAAM,mBAAmB,CAAC,OAAoC,cAA4C;AAC/G,8DAA+B,OAAO,WAAW,mCAAkB;AACrE;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -35,13 +35,13 @@ module.exports = __toCommonJS(DSCardHeader_exports);
|
|
|
35
35
|
var React = __toESM(require("react"));
|
|
36
36
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
37
37
|
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
38
|
-
var import_react_desc_prop_types = require("./react-desc-prop-types.js");
|
|
39
38
|
var import_ds_system = require("@elliemae/ds-system");
|
|
40
39
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
40
|
+
var import_react_desc_prop_types = require("./react-desc-prop-types.js");
|
|
41
41
|
var import_useCardHeader = require("./config/useCardHeader.js");
|
|
42
42
|
var import_constants = require("../../constants/index.js");
|
|
43
43
|
const StyledWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, {
|
|
44
|
-
name: import_constants.
|
|
44
|
+
name: import_constants.DSCardV3Name,
|
|
45
45
|
slot: import_constants.CARD_V_3_SLOTS.HEADER
|
|
46
46
|
})`
|
|
47
47
|
min-width: 240px;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/parts/DSCardHeader/DSCardHeader.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { type
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2BnB;AA1BJ,8BAAyB;AACzB,
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { styled, type Theme } from '@elliemae/ds-system';\nimport { Grid, type DSGridT } from '@elliemae/ds-grid';\nimport { type DSCardHeaderT, DSCardHeaderPropTypesSchema } from './react-desc-prop-types.js';\nimport { useCardHeader } from './config/useCardHeader.js';\nimport { CARD_V_3_SLOTS, DSCardV3Name, DSCardV3HeaderName } from '../../constants/index.js';\n\ninterface StyleHeader extends DSGridT.Props {\n showBorder?: boolean;\n theme: Theme;\n}\n\nconst StyledWrapper = styled(Grid, {\n name: DSCardV3Name,\n slot: CARD_V_3_SLOTS.HEADER,\n})<StyleHeader>`\n min-width: 240px;\n min-height: 4.923rem;\n border-radius: 4px 4px 0 0;\n padding: 8px 16px;\n ${(props: StyleHeader) => (props.showBorder ? `border-bottom: 1px solid ${props.theme.colors.neutral['200']};` : '')}\n`;\n\nconst DSCardHeader: React.ComponentType<DSCardHeaderT.Props> = (props) => {\n const { propsWithDefault, gridProps } = useCardHeader(props);\n return (\n <StyledWrapper showBorder={propsWithDefault.showBorder} getOwnerProps={() => propsWithDefault} {...gridProps}>\n {propsWithDefault.children || ''}\n </StyledWrapper>\n );\n};\n\nDSCardHeader.displayName = DSCardV3HeaderName;\nconst DSCardHeaderWithSchema = describe(DSCardHeader);\nDSCardHeaderWithSchema.propTypes = DSCardHeaderPropTypesSchema;\n\nexport { DSCardHeader, DSCardHeaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2BnB;AA1BJ,8BAAyB;AACzB,uBAAmC;AACnC,qBAAmC;AACnC,mCAAgE;AAChE,2BAA8B;AAC9B,uBAAiE;AAOjE,MAAM,oBAAgB,yBAAO,qBAAM;AAAA,EACjC,MAAM;AAAA,EACN,MAAM,gCAAe;AACvB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKG,CAAC,UAAwB,MAAM,aAAa,4BAA4B,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC,MAAM,EAAG;AAAA;AAGtH,MAAM,eAAyD,CAAC,UAAU;AACxE,QAAM,EAAE,kBAAkB,UAAU,QAAI,oCAAc,KAAK;AAC3D,SACE,4CAAC,iBAAc,YAAY,iBAAiB,YAAY,eAAe,MAAM,kBAAmB,GAAG,WAChG,2BAAiB,YAAY,IAChC;AAEJ;AAEA,aAAa,cAAc;AAC3B,MAAM,6BAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -35,8 +35,8 @@ var React = __toESM(require("react"));
|
|
|
35
35
|
var import_react = __toESM(require("react"));
|
|
36
36
|
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
37
37
|
var import_uid = require("uid");
|
|
38
|
-
var import_react_desc_prop_types = require("../react-desc-prop-types.js");
|
|
39
38
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
39
|
+
var import_react_desc_prop_types = require("../react-desc-prop-types.js");
|
|
40
40
|
var import_useValidateProps = require("./useValidateProps.js");
|
|
41
41
|
const useCardHeader = (propsFromUser) => {
|
|
42
42
|
const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(propsFromUser, import_react_desc_prop_types.defaultProps);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/parts/DSCardHeader/config/useCardHeader.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { type DSCardHeaderT, DSCardHeaderPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,8BAA6C;AAC7C,iBAAoB;AACpB,mCAAwE;AACxE,
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { getGridProps } from '@elliemae/ds-grid';\nimport { type DSCardHeaderT, DSCardHeaderPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport const useCardHeader = (propsFromUser: DSCardHeaderT.Props) => {\n // =============================================================================\n // MERGE WITH DEFAULT AND VALIDATE PROPS\n // =============================================================================\n const propsWithDefault = useMemoMergePropsWithDefault<DSCardHeaderT.InternalProps>(propsFromUser, defaultProps);\n useValidateProps(propsWithDefault, DSCardHeaderPropTypes);\n // =============================================================================\n // WE inherit the global attributes and xstyled props from GRID\n // =============================================================================\n const gridProps = getGridProps(propsWithDefault);\n // =============================================================================\n // AD HOC PER COMPONENT LOGIC\n // =============================================================================\n // custom code goes here, this is an example\n const { id } = propsWithDefault;\n const instanceUid = React.useMemo(() => id || uid(5), [id]);\n\n // =============================================================================\n // HELPERS HOOKS CONFIGS\n // =============================================================================\n // const eventHandlers = useEventHandlers({ propsWithDefault, instanceUid }); // <-- complex logic should be made atomics this way\n\n return React.useMemo(\n () => ({\n propsWithDefault,\n gridProps,\n instanceUid,\n // ...eventHandlers,\n }),\n [\n propsWithDefault,\n gridProps,\n instanceUid,\n // eventHandlers,\n ],\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,8BAA6C;AAC7C,iBAAoB;AACpB,qBAA6B;AAC7B,mCAAwE;AACxE,8BAAiC;AAE1B,MAAM,gBAAgB,CAAC,kBAAuC;AAInE,QAAM,uBAAmB,sDAA0D,eAAe,yCAAY;AAC9G,gDAAiB,kBAAkB,kDAAqB;AAIxD,QAAM,gBAAY,6BAAa,gBAAgB;AAK/C,QAAM,EAAE,GAAG,IAAI;AACf,QAAM,cAAc,aAAAA,QAAM,QAAQ,MAAM,UAAM,gBAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAO1D,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,EACF;AACF;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/parts/DSCardHeader/config/useValidateProps.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,
|
|
4
|
+
"sourcesContent": ["import { useValidateTypescriptPropTypes, type ValidationMap } from '@elliemae/ds-props-helpers';\nimport { type DSCardHeaderT } from '../react-desc-prop-types.js';\nimport { DSCardV3HeaderName } from '../../../constants/index.js';\n\nexport const useValidateProps = (props: DSCardHeaderT.InternalProps, propTypes: ValidationMap<unknown>): void => {\n useValidateTypescriptPropTypes(props, propTypes, DSCardV3HeaderName);\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAmE;AAEnE,uBAAmC;AAE5B,MAAM,mBAAmB,CAAC,OAAoC,cAA4C;AAC/G,8DAA+B,OAAO,WAAW,mCAAkB;AACrE;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/parts/DSCardHeader/react-desc-prop-types.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\n/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, getPropsPerSlotPropTypes } from '@elliemae/ds-props-helpers';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { Theme } from '@elliemae/ds-system';\nimport
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAAoD;
|
|
4
|
+
"sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\n/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';\nimport { PropTypes, getPropsPerSlotPropTypes } from '@elliemae/ds-props-helpers';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { Theme } from '@elliemae/ds-system';\nimport { type DSGridT, defaultProps as gridDefaultProps, DSGridPropTypes } from '@elliemae/ds-grid';\nimport { DSCardV3Name, CARD_V_3_SLOTS_PARTS } from '../../constants/index.js';\n\nexport declare namespace DSCardHeaderT {\n export interface RequiredProps extends DSGridT.RequiredProps {}\n\n export interface DefaultProps extends DSGridT.DefaultProps {}\n\n export interface OptionalProps\n extends DSGridT.OptionalProps,\n TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSCardV3Name, typeof CARD_V_3_SLOTS_PARTS.HEADER> {\n children?: React.ReactNode;\n showBorder?: boolean;\n }\n\n export interface Props extends Partial<DefaultProps>, OptionalProps, RequiredProps, DSGridT.Props {}\n\n export interface InternalProps extends DefaultProps, OptionalProps, RequiredProps, DSGridT.InternalProps {\n theme: Theme;\n }\n}\n\nexport const defaultProps: DSCardHeaderT.DefaultProps = {\n ...gridDefaultProps,\n};\n\nexport const DSCardHeaderPropTypes: DSPropTypesSchema<DSCardHeaderT.Props> = {\n ...getPropsPerSlotPropTypes(DSCardV3Name, CARD_V_3_SLOTS_PARTS.HEADER),\n ...DSGridPropTypes,\n children: PropTypes.any.description('The content of the card'),\n showBorder: PropTypes.bool.description('Show border at the bottom of the card header'),\n};\n\nexport const DSCardHeaderPropTypesSchema = DSCardHeaderPropTypes as unknown as ValidationMap<DSCardHeaderT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAAoD;AAGpD,qBAAgF;AAChF,uBAAmD;AAqB5C,MAAM,eAA2C;AAAA,EACtD,GAAG,eAAAA;AACL;AAEO,MAAM,wBAAgE;AAAA,EAC3E,OAAG,kDAAyB,+BAAc,sCAAqB,MAAM;AAAA,EACrE,GAAG;AAAA,EACH,UAAU,kCAAU,IAAI,YAAY,yBAAyB;AAAA,EAC7D,YAAY,kCAAU,KAAK,YAAY,8CAA8C;AACvF;AAEO,MAAM,8BAA8B;",
|
|
6
6
|
"names": ["gridDefaultProps"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useCardV3.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { type DSCardV3T, DSCardV3PropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,wBAAwB,oBAAoB,oCAAoC;AACzF,SAAS,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport type { DSGridT } from '@elliemae/ds-grid';\nimport { type DSCardV3T, DSCardV3PropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface CardV3CTX {\n propsWithDefault: DSCardV3T.InternalProps;\n xstyledProps: ReturnType<typeof useGetXstyledProps>;\n instanceUid: string;\n}\n\nexport const useCardV3 = (propsFromUser: DSCardV3T.Props) => {\n // =============================================================================\n // MERGE WITH DEFAULT AND VALIDATE PROPS\n // =============================================================================\n const propsWithDefault = useMemoMergePropsWithDefault<DSCardV3T.InternalProps>(propsFromUser, defaultProps);\n useValidateProps(propsWithDefault, DSCardV3PropTypes);\n // =============================================================================\n // XSTYLED PROPS\n // =============================================================================\n const xstyledProps = useGetXstyledProps(propsWithDefault);\n // =============================================================================\n // GLOBAL ATTRIBUTES & XSTYLED PROPS\n // =============================================================================\n const globalProps = useGetGlobalAttributes<DSCardV3T.InternalProps, HTMLDivElement, DSGridT.Props>(propsWithDefault);\n // =============================================================================\n // AD HOC PER COMPONENT LOGIC\n // =============================================================================\n // custom code goes here, this is an example\n const instanceUid = React.useMemo(() => uid(5), []);\n // =============================================================================\n // HELPERS HOOKS CONFIGS\n // =============================================================================\n // const eventHandlers = useEventHandlers({ propsWithDefault, instanceUid }); // <-- complex logic should be made atomics this way\n\n return React.useMemo(\n () => ({\n propsWithDefault,\n xstyledProps,\n globalProps,\n instanceUid,\n // ...eventHandlers,\n }),\n [\n propsWithDefault,\n xstyledProps,\n globalProps,\n instanceUid,\n // eventHandlers,\n ],\n );\n};\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,wBAAwB,oBAAoB,oCAAoC;AACzF,SAAS,WAAW;AAEpB,SAAyB,mBAAmB,oBAAoB;AAChE,SAAS,wBAAwB;AAQ1B,MAAM,YAAY,CAAC,kBAAmC;AAI3D,QAAM,mBAAmB,6BAAsD,eAAe,YAAY;AAC1G,mBAAiB,kBAAkB,iBAAiB;AAIpD,QAAM,eAAe,mBAAmB,gBAAgB;AAIxD,QAAM,cAAc,uBAA+E,gBAAgB;AAKnH,QAAM,cAAcA,OAAM,QAAQ,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC;AAMlD,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,EACF;AACF;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useValidateProps.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes, type ValidationMap } from '@elliemae/ds-props-helpers';\nimport { type DSCardV3T } from '../react-desc-prop-types.js';\nimport { DSCardV3Name } from '../constants/index.js';\n\nexport const useValidateProps = (props: DSCardV3T.InternalProps, propTypes: ValidationMap<unknown>): void => {\n // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n useValidateTypescriptPropTypes(props, propTypes, DSCardV3Name);\n};\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAA0D;AAEnE,SAAS,oBAAoB;AAEtB,MAAM,mBAAmB,CAAC,OAAgC,cAA4C;AAE3G,iCAA+B,OAAO,WAAW,YAAY;AAC/D;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { describe } from "@elliemae/ds-props-helpers";
|
|
4
|
-
import { DSCardBodyPropTypesSchema } from "./react-desc-prop-types.js";
|
|
5
4
|
import { styled, xStyledCommonProps } from "@elliemae/ds-system";
|
|
6
5
|
import { Grid } from "@elliemae/ds-grid";
|
|
6
|
+
import { DSCardBodyPropTypesSchema } from "./react-desc-prop-types.js";
|
|
7
7
|
import { useCardHeader } from "./config/useCardBody.js";
|
|
8
|
-
import { CARD_V_3_SLOTS, DSCardV3BodyName } from "../../constants/index.js";
|
|
9
|
-
const StyledWrapper = styled(Grid, { name:
|
|
8
|
+
import { CARD_V_3_SLOTS, DSCardV3Name, DSCardV3BodyName } from "../../constants/index.js";
|
|
9
|
+
const StyledWrapper = styled(Grid, { name: DSCardV3Name, slot: CARD_V_3_SLOTS.BODY })`
|
|
10
10
|
min-width: 240px;
|
|
11
11
|
padding: 8px 16px;
|
|
12
12
|
${xStyledCommonProps}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSCardBody/DSCardBody.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport {
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACiBnB;AAhBJ,SAAS,gBAAgB;AACzB,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { type DSCardBodyT, DSCardBodyPropTypesSchema } from './react-desc-prop-types.js';\nimport { useCardHeader } from './config/useCardBody.js';\nimport { CARD_V_3_SLOTS, DSCardV3Name, DSCardV3BodyName } from '../../constants/index.js';\n\nconst StyledWrapper = styled(Grid, { name: DSCardV3Name, slot: CARD_V_3_SLOTS.BODY })`\n min-width: 240px;\n padding: 8px 16px;\n ${xStyledCommonProps}\n`;\n\nconst DSCardBody: React.ComponentType<DSCardBodyT.Props> = (props) => {\n const { propsWithDefault, globalProps, xstyledProps } = useCardHeader(props);\n return (\n <StyledWrapper getOwnerProps={() => propsWithDefault} {...globalProps} {...xstyledProps}>\n {propsWithDefault.children || ''}\n </StyledWrapper>\n );\n};\n\nDSCardBody.displayName = DSCardV3BodyName;\nconst DSCardBodyWithSchema = describe(DSCardBody);\nDSCardBodyWithSchema.propTypes = DSCardBodyPropTypesSchema;\n\nexport { DSCardBody, DSCardBodyWithSchema };\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACiBnB;AAhBJ,SAAS,gBAAgB;AACzB,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,YAAY;AACrB,SAA2B,iCAAiC;AAC5D,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB,cAAc,wBAAwB;AAE/D,MAAM,gBAAgB,OAAO,MAAM,EAAE,MAAM,cAAc,MAAM,eAAe,KAAK,CAAC;AAAA;AAAA;AAAA,IAGhF,kBAAkB;AAAA;AAGtB,MAAM,aAAqD,CAAC,UAAU;AACpE,QAAM,EAAE,kBAAkB,aAAa,aAAa,IAAI,cAAc,KAAK;AAC3E,SACE,oBAAC,iBAAc,eAAe,MAAM,kBAAmB,GAAG,aAAc,GAAG,cACxE,2BAAiB,YAAY,IAChC;AAEJ;AAEA,WAAW,cAAc;AACzB,MAAM,uBAAuB,SAAS,UAAU;AAChD,qBAAqB,YAAY;",
|
|
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/parts/DSCardBody/config/useCardBody.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { type DSCardBodyT, DSCardBodyPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,wBAAwB,oBAAoB,oCAAoC;AACzF,SAAS,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport type { DSGridT } from '@elliemae/ds-grid';\nimport { type DSCardBodyT, DSCardBodyPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport const useCardHeader = (propsFromUser: DSCardBodyT.Props) => {\n // =============================================================================\n // MERGE WITH DEFAULT AND VALIDATE PROPS\n // =============================================================================\n const propsWithDefault = useMemoMergePropsWithDefault<DSCardBodyT.InternalProps>(propsFromUser, defaultProps);\n useValidateProps(propsWithDefault, DSCardBodyPropTypes);\n // =============================================================================\n // GLOBAL ATTRIBUTES & XSTYLED PROPS\n // =============================================================================\n const globalProps = useGetGlobalAttributes<DSCardBodyT.InternalProps, HTMLDivElement, DSGridT.Props>(\n propsWithDefault,\n );\n const xstyledProps = useGetXstyledProps(propsWithDefault);\n // =============================================================================\n // AD HOC PER COMPONENT LOGIC\n // =============================================================================\n // custom code goes here, this is an example\n const { id } = propsWithDefault;\n const instanceUid = React.useMemo(() => id || uid(5), [id]);\n\n // =============================================================================\n // HELPERS HOOKS CONFIGS\n // =============================================================================\n // const eventHandlers = useEventHandlers({ propsWithDefault, instanceUid }); // <-- complex logic should be made atomics this way\n\n return React.useMemo(\n () => ({\n propsWithDefault,\n globalProps,\n xstyledProps,\n instanceUid,\n // ...eventHandlers,\n }),\n [\n propsWithDefault,\n globalProps,\n xstyledProps,\n instanceUid,\n // eventHandlers,\n ],\n );\n};\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,wBAAwB,oBAAoB,oCAAoC;AACzF,SAAS,WAAW;AAEpB,SAA2B,qBAAqB,oBAAoB;AACpE,SAAS,wBAAwB;AAE1B,MAAM,gBAAgB,CAAC,kBAAqC;AAIjE,QAAM,mBAAmB,6BAAwD,eAAe,YAAY;AAC5G,mBAAiB,kBAAkB,mBAAmB;AAItD,QAAM,cAAc;AAAA,IAClB;AAAA,EACF;AACA,QAAM,eAAe,mBAAmB,gBAAgB;AAKxD,QAAM,EAAE,GAAG,IAAI;AACf,QAAM,cAAcA,OAAM,QAAQ,MAAM,MAAM,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAO1D,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,EACF;AACF;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSCardBody/config/useValidateProps.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes, type ValidationMap } from '@elliemae/ds-props-helpers';\nimport { type DSCardBodyT } from '../react-desc-prop-types.js';\nimport { DSCardV3BodyName } from '../../../constants/index.js';\n\nexport const useValidateProps = (props: DSCardBodyT.InternalProps, propTypes: ValidationMap<unknown>): void => {\n useValidateTypescriptPropTypes(props, propTypes, DSCardV3BodyName);\n};\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAA0D;AAEnE,SAAS,wBAAwB;AAE1B,MAAM,mBAAmB,CAAC,OAAkC,cAA4C;AAC7G,iCAA+B,OAAO,WAAW,gBAAgB;AACnE;",
|
|
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/parts/DSCardBody/react-desc-prop-types.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\n/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { globalAttributesPropTypes, xstyledPropTypes, getPropsPerSlotPropTypes } from '@elliemae/ds-props-helpers';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,2BAA2B,kBAAkB,gCAAgC;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\n/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';\nimport { globalAttributesPropTypes, xstyledPropTypes, getPropsPerSlotPropTypes } from '@elliemae/ds-props-helpers';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSCardV3Name, CARD_V_3_SLOTS_PARTS } from '../../constants/index.js';\n\nexport declare namespace DSCardBodyT {\n export interface RequiredProps {}\n\n export interface DefaultProps {}\n\n export interface OptionalProps\n extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSCardV3Name, typeof CARD_V_3_SLOTS_PARTS.BODY> {\n children?: React.ReactNode;\n }\n\n export interface Props\n extends Partial<DefaultProps>,\n OptionalProps,\n Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n XstyledProps,\n RequiredProps {}\n\n export interface InternalProps\n extends DefaultProps,\n OptionalProps,\n Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n XstyledProps,\n RequiredProps {}\n}\n\nexport const defaultProps: DSCardBodyT.DefaultProps = {};\n\nexport const DSCardBodyPropTypes: DSPropTypesSchema<DSCardBodyT.Props> = {\n ...getPropsPerSlotPropTypes(DSCardV3Name, CARD_V_3_SLOTS_PARTS.BODY),\n ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n};\n\nexport const DSCardBodyPropTypesSchema = DSCardBodyPropTypes as unknown as ValidationMap<DSCardBodyT.Props>;\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,2BAA2B,kBAAkB,gCAAgC;AAEtF,SAAS,cAAc,4BAA4B;AA2B5C,MAAM,eAAyC,CAAC;AAEhD,MAAM,sBAA4D;AAAA,EACvE,GAAG,yBAAyB,cAAc,qBAAqB,IAAI;AAAA,EACnE,GAAG;AAAA,EACH,GAAG;AACL;AAEO,MAAM,4BAA4B;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { describe } from "@elliemae/ds-props-helpers";
|
|
4
|
-
import { DSCardFooterPropTypesSchema } from "./react-desc-prop-types.js";
|
|
5
4
|
import { styled, xStyledCommonProps } from "@elliemae/ds-system";
|
|
6
5
|
import { Grid } from "@elliemae/ds-grid";
|
|
6
|
+
import { DSCardFooterPropTypesSchema } from "./react-desc-prop-types.js";
|
|
7
7
|
import { useCardFooter } from "./config/useCardFooter.js";
|
|
8
|
-
import { CARD_V_3_SLOTS, DSCardV3FooterName } from "../../constants/index.js";
|
|
9
|
-
const StyledWrapper = styled(Grid, { name:
|
|
8
|
+
import { CARD_V_3_SLOTS, DSCardV3Name, DSCardV3FooterName } from "../../constants/index.js";
|
|
9
|
+
const StyledWrapper = styled(Grid, { name: DSCardV3Name, slot: CARD_V_3_SLOTS.FOOTER })`
|
|
10
10
|
min-width: 240px;
|
|
11
11
|
padding: 8px 16px;
|
|
12
12
|
border-top: 1px solid ${(props) => props.theme.colors.neutral["200"]};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSCardFooter/DSCardFooter.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport {
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACkBnB;AAjBJ,SAAS,gBAAgB;AACzB,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { type DSCardFooterT, DSCardFooterPropTypesSchema } from './react-desc-prop-types.js';\nimport { useCardFooter } from './config/useCardFooter.js';\nimport { CARD_V_3_SLOTS, DSCardV3Name, DSCardV3FooterName } from '../../constants/index.js';\n\nconst StyledWrapper = styled(Grid, { name: DSCardV3Name, slot: CARD_V_3_SLOTS.FOOTER })`\n min-width: 240px;\n padding: 8px 16px;\n border-top: 1px solid ${(props) => props.theme.colors.neutral['200']};\n ${xStyledCommonProps}\n`;\n\nconst DSCardFooter: React.ComponentType<DSCardFooterT.Props> = (props) => {\n const { propsWithDefault, globalProps, xstyledProps } = useCardFooter(props);\n return (\n <StyledWrapper getOwnerProps={() => propsWithDefault} {...globalProps} {...xstyledProps}>\n {propsWithDefault.children || ''}\n </StyledWrapper>\n );\n};\n\nDSCardFooter.displayName = DSCardV3FooterName;\nconst DSCardFooterWithSchema = describe(DSCardFooter);\nDSCardFooterWithSchema.propTypes = DSCardFooterPropTypesSchema;\n\nexport { DSCardFooter, DSCardFooterWithSchema };\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACkBnB;AAjBJ,SAAS,gBAAgB;AACzB,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,YAAY;AACrB,SAA6B,mCAAmC;AAChE,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB,cAAc,0BAA0B;AAEjE,MAAM,gBAAgB,OAAO,MAAM,EAAE,MAAM,cAAc,MAAM,eAAe,OAAO,CAAC;AAAA;AAAA;AAAA,0BAG5D,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,IAClE,kBAAkB;AAAA;AAGtB,MAAM,eAAyD,CAAC,UAAU;AACxE,QAAM,EAAE,kBAAkB,aAAa,aAAa,IAAI,cAAc,KAAK;AAC3E,SACE,oBAAC,iBAAc,eAAe,MAAM,kBAAmB,GAAG,aAAc,GAAG,cACxE,2BAAiB,YAAY,IAChC;AAEJ;AAEA,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;",
|
|
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/parts/DSCardFooter/config/useCardFooter.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { type DSCardFooterT, DSCardFooterPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,wBAAwB,oBAAoB,oCAAoC;AACzF,SAAS,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport type { DSGridT } from '@elliemae/ds-grid';\nimport { type DSCardFooterT, DSCardFooterPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport const useCardFooter = (propsFromUser: DSCardFooterT.Props) => {\n // =============================================================================\n // MERGE WITH DEFAULT AND VALIDATE PROPS\n // =============================================================================\n const propsWithDefault = useMemoMergePropsWithDefault<DSCardFooterT.InternalProps>(propsFromUser, defaultProps);\n useValidateProps(propsWithDefault, DSCardFooterPropTypes);\n // =============================================================================\n // GLOBAL ATTRIBUTES & XSTYLED PROPS\n // =============================================================================\n const globalProps = useGetGlobalAttributes<DSCardFooterT.InternalProps, HTMLDivElement, DSGridT.Props>(\n propsWithDefault,\n );\n const xstyledProps = useGetXstyledProps(propsWithDefault);\n // =============================================================================\n // AD HOC PER COMPONENT LOGIC\n // =============================================================================\n // custom code goes here, this is an example\n const { id } = propsWithDefault;\n const instanceUid = React.useMemo(() => id || uid(5), [id]);\n\n // =============================================================================\n // HELPERS HOOKS CONFIGS\n // =============================================================================\n // const eventHandlers = useEventHandlers({ propsWithDefault, instanceUid }); // <-- complex logic should be made atomics this way\n\n return React.useMemo(\n () => ({\n propsWithDefault,\n globalProps,\n xstyledProps,\n instanceUid,\n // ...eventHandlers,\n }),\n [\n propsWithDefault,\n globalProps,\n xstyledProps,\n instanceUid,\n // eventHandlers,\n ],\n );\n};\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,wBAAwB,oBAAoB,oCAAoC;AACzF,SAAS,WAAW;AAEpB,SAA6B,uBAAuB,oBAAoB;AACxE,SAAS,wBAAwB;AAE1B,MAAM,gBAAgB,CAAC,kBAAuC;AAInE,QAAM,mBAAmB,6BAA0D,eAAe,YAAY;AAC9G,mBAAiB,kBAAkB,qBAAqB;AAIxD,QAAM,cAAc;AAAA,IAClB;AAAA,EACF;AACA,QAAM,eAAe,mBAAmB,gBAAgB;AAKxD,QAAM,EAAE,GAAG,IAAI;AACf,QAAM,cAAcA,OAAM,QAAQ,MAAM,MAAM,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAO1D,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,EACF;AACF;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSCardFooter/config/useValidateProps.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes, type ValidationMap } from '@elliemae/ds-props-helpers';\nimport { type DSCardFooterT } from '../react-desc-prop-types.js';\nimport { DSCardV3FooterName } from '../../../constants/index.js';\n\nexport const useValidateProps = (props: DSCardFooterT.InternalProps, propTypes: ValidationMap<unknown>): void => {\n useValidateTypescriptPropTypes(props, propTypes, DSCardV3FooterName);\n};\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAA0D;AAEnE,SAAS,0BAA0B;AAE5B,MAAM,mBAAmB,CAAC,OAAoC,cAA4C;AAC/G,iCAA+B,OAAO,WAAW,kBAAkB;AACrE;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { describe } from "@elliemae/ds-props-helpers";
|
|
4
|
-
import { DSCardHeaderPropTypesSchema } from "./react-desc-prop-types.js";
|
|
5
4
|
import { styled } from "@elliemae/ds-system";
|
|
6
5
|
import { Grid } from "@elliemae/ds-grid";
|
|
6
|
+
import { DSCardHeaderPropTypesSchema } from "./react-desc-prop-types.js";
|
|
7
7
|
import { useCardHeader } from "./config/useCardHeader.js";
|
|
8
|
-
import { CARD_V_3_SLOTS, DSCardV3HeaderName } from "../../constants/index.js";
|
|
8
|
+
import { CARD_V_3_SLOTS, DSCardV3Name, DSCardV3HeaderName } from "../../constants/index.js";
|
|
9
9
|
const StyledWrapper = styled(Grid, {
|
|
10
|
-
name:
|
|
10
|
+
name: DSCardV3Name,
|
|
11
11
|
slot: CARD_V_3_SLOTS.HEADER
|
|
12
12
|
})`
|
|
13
13
|
min-width: 240px;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSCardHeader/DSCardHeader.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { type
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;AC2BnB;AA1BJ,SAAS,gBAAgB;AACzB,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { styled, type Theme } from '@elliemae/ds-system';\nimport { Grid, type DSGridT } from '@elliemae/ds-grid';\nimport { type DSCardHeaderT, DSCardHeaderPropTypesSchema } from './react-desc-prop-types.js';\nimport { useCardHeader } from './config/useCardHeader.js';\nimport { CARD_V_3_SLOTS, DSCardV3Name, DSCardV3HeaderName } from '../../constants/index.js';\n\ninterface StyleHeader extends DSGridT.Props {\n showBorder?: boolean;\n theme: Theme;\n}\n\nconst StyledWrapper = styled(Grid, {\n name: DSCardV3Name,\n slot: CARD_V_3_SLOTS.HEADER,\n})<StyleHeader>`\n min-width: 240px;\n min-height: 4.923rem;\n border-radius: 4px 4px 0 0;\n padding: 8px 16px;\n ${(props: StyleHeader) => (props.showBorder ? `border-bottom: 1px solid ${props.theme.colors.neutral['200']};` : '')}\n`;\n\nconst DSCardHeader: React.ComponentType<DSCardHeaderT.Props> = (props) => {\n const { propsWithDefault, gridProps } = useCardHeader(props);\n return (\n <StyledWrapper showBorder={propsWithDefault.showBorder} getOwnerProps={() => propsWithDefault} {...gridProps}>\n {propsWithDefault.children || ''}\n </StyledWrapper>\n );\n};\n\nDSCardHeader.displayName = DSCardV3HeaderName;\nconst DSCardHeaderWithSchema = describe(DSCardHeader);\nDSCardHeaderWithSchema.propTypes = DSCardHeaderPropTypesSchema;\n\nexport { DSCardHeader, DSCardHeaderWithSchema };\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;AC2BnB;AA1BJ,SAAS,gBAAgB;AACzB,SAAS,cAA0B;AACnC,SAAS,YAA0B;AACnC,SAA6B,mCAAmC;AAChE,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB,cAAc,0BAA0B;AAOjE,MAAM,gBAAgB,OAAO,MAAM;AAAA,EACjC,MAAM;AAAA,EACN,MAAM,eAAe;AACvB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKG,CAAC,UAAwB,MAAM,aAAa,4BAA4B,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC,MAAM,EAAG;AAAA;AAGtH,MAAM,eAAyD,CAAC,UAAU;AACxE,QAAM,EAAE,kBAAkB,UAAU,IAAI,cAAc,KAAK;AAC3D,SACE,oBAAC,iBAAc,YAAY,iBAAiB,YAAY,eAAe,MAAM,kBAAmB,GAAG,WAChG,2BAAiB,YAAY,IAChC;AAEJ;AAEA,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,8 +2,8 @@ import * as React from "react";
|
|
|
2
2
|
import React2 from "react";
|
|
3
3
|
import { useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
|
|
4
4
|
import { uid } from "uid";
|
|
5
|
-
import { DSCardHeaderPropTypes, defaultProps } from "../react-desc-prop-types.js";
|
|
6
5
|
import { getGridProps } from "@elliemae/ds-grid";
|
|
6
|
+
import { DSCardHeaderPropTypes, defaultProps } from "../react-desc-prop-types.js";
|
|
7
7
|
import { useValidateProps } from "./useValidateProps.js";
|
|
8
8
|
const useCardHeader = (propsFromUser) => {
|
|
9
9
|
const propsWithDefault = useMemoMergePropsWithDefault(propsFromUser, defaultProps);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSCardHeader/config/useCardHeader.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { type DSCardHeaderT, DSCardHeaderPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport {
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,oCAAoC;AAC7C,SAAS,WAAW;AACpB,SAA6B,uBAAuB,oBAAoB;AACxE,SAAS,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { getGridProps } from '@elliemae/ds-grid';\nimport { type DSCardHeaderT, DSCardHeaderPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport const useCardHeader = (propsFromUser: DSCardHeaderT.Props) => {\n // =============================================================================\n // MERGE WITH DEFAULT AND VALIDATE PROPS\n // =============================================================================\n const propsWithDefault = useMemoMergePropsWithDefault<DSCardHeaderT.InternalProps>(propsFromUser, defaultProps);\n useValidateProps(propsWithDefault, DSCardHeaderPropTypes);\n // =============================================================================\n // WE inherit the global attributes and xstyled props from GRID\n // =============================================================================\n const gridProps = getGridProps(propsWithDefault);\n // =============================================================================\n // AD HOC PER COMPONENT LOGIC\n // =============================================================================\n // custom code goes here, this is an example\n const { id } = propsWithDefault;\n const instanceUid = React.useMemo(() => id || uid(5), [id]);\n\n // =============================================================================\n // HELPERS HOOKS CONFIGS\n // =============================================================================\n // const eventHandlers = useEventHandlers({ propsWithDefault, instanceUid }); // <-- complex logic should be made atomics this way\n\n return React.useMemo(\n () => ({\n propsWithDefault,\n gridProps,\n instanceUid,\n // ...eventHandlers,\n }),\n [\n propsWithDefault,\n gridProps,\n instanceUid,\n // eventHandlers,\n ],\n );\n};\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,oCAAoC;AAC7C,SAAS,WAAW;AACpB,SAAS,oBAAoB;AAC7B,SAA6B,uBAAuB,oBAAoB;AACxE,SAAS,wBAAwB;AAE1B,MAAM,gBAAgB,CAAC,kBAAuC;AAInE,QAAM,mBAAmB,6BAA0D,eAAe,YAAY;AAC9G,mBAAiB,kBAAkB,qBAAqB;AAIxD,QAAM,YAAY,aAAa,gBAAgB;AAK/C,QAAM,EAAE,GAAG,IAAI;AACf,QAAM,cAAcA,OAAM,QAAQ,MAAM,MAAM,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;AAO1D,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,EACF;AACF;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSCardHeader/config/useValidateProps.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes, type ValidationMap } from '@elliemae/ds-props-helpers';\nimport { type DSCardHeaderT } from '../react-desc-prop-types.js';\nimport { DSCardV3HeaderName } from '../../../constants/index.js';\n\nexport const useValidateProps = (props: DSCardHeaderT.InternalProps, propTypes: ValidationMap<unknown>): void => {\n useValidateTypescriptPropTypes(props, propTypes, DSCardV3HeaderName);\n};\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAA0D;AAEnE,SAAS,0BAA0B;AAE5B,MAAM,mBAAmB,CAAC,OAAoC,cAA4C;AAC/G,iCAA+B,OAAO,WAAW,kBAAkB;AACrE;",
|
|
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/parts/DSCardHeader/react-desc-prop-types.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\n/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, getPropsPerSlotPropTypes } from '@elliemae/ds-props-helpers';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { Theme } from '@elliemae/ds-system';\nimport
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,WAAW,gCAAgC;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\n/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\nimport type { DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';\nimport { PropTypes, getPropsPerSlotPropTypes } from '@elliemae/ds-props-helpers';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { Theme } from '@elliemae/ds-system';\nimport { type DSGridT, defaultProps as gridDefaultProps, DSGridPropTypes } from '@elliemae/ds-grid';\nimport { DSCardV3Name, CARD_V_3_SLOTS_PARTS } from '../../constants/index.js';\n\nexport declare namespace DSCardHeaderT {\n export interface RequiredProps extends DSGridT.RequiredProps {}\n\n export interface DefaultProps extends DSGridT.DefaultProps {}\n\n export interface OptionalProps\n extends DSGridT.OptionalProps,\n TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSCardV3Name, typeof CARD_V_3_SLOTS_PARTS.HEADER> {\n children?: React.ReactNode;\n showBorder?: boolean;\n }\n\n export interface Props extends Partial<DefaultProps>, OptionalProps, RequiredProps, DSGridT.Props {}\n\n export interface InternalProps extends DefaultProps, OptionalProps, RequiredProps, DSGridT.InternalProps {\n theme: Theme;\n }\n}\n\nexport const defaultProps: DSCardHeaderT.DefaultProps = {\n ...gridDefaultProps,\n};\n\nexport const DSCardHeaderPropTypes: DSPropTypesSchema<DSCardHeaderT.Props> = {\n ...getPropsPerSlotPropTypes(DSCardV3Name, CARD_V_3_SLOTS_PARTS.HEADER),\n ...DSGridPropTypes,\n children: PropTypes.any.description('The content of the card'),\n showBorder: PropTypes.bool.description('Show border at the bottom of the card header'),\n};\n\nexport const DSCardHeaderPropTypesSchema = DSCardHeaderPropTypes as unknown as ValidationMap<DSCardHeaderT.Props>;\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,WAAW,gCAAgC;AAGpD,SAAuB,gBAAgB,kBAAkB,uBAAuB;AAChF,SAAS,cAAc,4BAA4B;AAqB5C,MAAM,eAA2C;AAAA,EACtD,GAAG;AACL;AAEO,MAAM,wBAAgE;AAAA,EAC3E,GAAG,yBAAyB,cAAc,qBAAqB,MAAM;AAAA,EACrE,GAAG;AAAA,EACH,UAAU,UAAU,IAAI,YAAY,yBAAyB;AAAA,EAC7D,YAAY,UAAU,KAAK,YAAY,8CAA8C;AACvF;AAEO,MAAM,8BAA8B;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { useGetXstyledProps } from '@elliemae/ds-props-helpers';
|
|
3
|
-
import { type DSCardV3T } from '../react-desc-prop-types.js';
|
|
4
3
|
import type { DSGridT } from '@elliemae/ds-grid';
|
|
4
|
+
import { type DSCardV3T } from '../react-desc-prop-types.js';
|
|
5
5
|
export interface CardV3CTX {
|
|
6
6
|
propsWithDefault: DSCardV3T.InternalProps;
|
|
7
7
|
xstyledProps: ReturnType<typeof useGetXstyledProps>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type
|
|
1
|
+
import { type ValidationMap } from '@elliemae/ds-props-helpers';
|
|
2
2
|
import { type DSCardV3T } from '../react-desc-prop-types.js';
|
|
3
|
-
export declare const useValidateProps: (props: DSCardV3T.InternalProps, propTypes:
|
|
3
|
+
export declare const useValidateProps: (props: DSCardV3T.InternalProps, propTypes: ValidationMap<unknown>) => void;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type DSCardBodyT } from '../react-desc-prop-types.js';
|
|
3
2
|
import type { DSGridT } from '@elliemae/ds-grid';
|
|
3
|
+
import { type DSCardBodyT } from '../react-desc-prop-types.js';
|
|
4
4
|
export declare const useCardHeader: (propsFromUser: DSCardBodyT.Props) => {
|
|
5
5
|
propsWithDefault: DSCardBodyT.InternalProps;
|
|
6
6
|
globalProps: Partial<Pick<DSGridT.Props, "default" | "children" | "disabled" | "form" | "list" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap"> & Omit<{
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type
|
|
1
|
+
import { type ValidationMap } from '@elliemae/ds-props-helpers';
|
|
2
2
|
import { type DSCardBodyT } from '../react-desc-prop-types.js';
|
|
3
|
-
export declare const useValidateProps: (props: DSCardBodyT.InternalProps, propTypes:
|
|
3
|
+
export declare const useValidateProps: (props: DSCardBodyT.InternalProps, propTypes: ValidationMap<unknown>) => void;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { GlobalAttributesT, XstyledProps, DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';
|
|
2
3
|
import type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
|
|
3
|
-
import type { WeakValidationMap } from 'react';
|
|
4
4
|
import { DSCardV3Name, CARD_V_3_SLOTS_PARTS } from '../../constants/index.js';
|
|
5
5
|
export declare namespace DSCardBodyT {
|
|
6
6
|
interface RequiredProps {
|
|
@@ -17,4 +17,4 @@ export declare namespace DSCardBodyT {
|
|
|
17
17
|
}
|
|
18
18
|
export declare const defaultProps: DSCardBodyT.DefaultProps;
|
|
19
19
|
export declare const DSCardBodyPropTypes: DSPropTypesSchema<DSCardBodyT.Props>;
|
|
20
|
-
export declare const DSCardBodyPropTypesSchema:
|
|
20
|
+
export declare const DSCardBodyPropTypesSchema: ValidationMap<DSCardBodyT.Props>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type DSCardFooterT } from '../react-desc-prop-types.js';
|
|
3
2
|
import type { DSGridT } from '@elliemae/ds-grid';
|
|
3
|
+
import { type DSCardFooterT } from '../react-desc-prop-types.js';
|
|
4
4
|
export declare const useCardFooter: (propsFromUser: DSCardFooterT.Props) => {
|
|
5
5
|
propsWithDefault: DSCardFooterT.InternalProps;
|
|
6
6
|
globalProps: Partial<Pick<DSGridT.Props, "default" | "children" | "disabled" | "form" | "list" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap"> & Omit<{
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type
|
|
1
|
+
import { type ValidationMap } from '@elliemae/ds-props-helpers';
|
|
2
2
|
import { type DSCardFooterT } from '../react-desc-prop-types.js';
|
|
3
|
-
export declare const useValidateProps: (props: DSCardFooterT.InternalProps, propTypes:
|
|
3
|
+
export declare const useValidateProps: (props: DSCardFooterT.InternalProps, propTypes: ValidationMap<unknown>) => void;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type
|
|
1
|
+
import { type ValidationMap } from '@elliemae/ds-props-helpers';
|
|
2
2
|
import { type DSCardHeaderT } from '../react-desc-prop-types.js';
|
|
3
|
-
export declare const useValidateProps: (props: DSCardHeaderT.InternalProps, propTypes:
|
|
3
|
+
export declare const useValidateProps: (props: DSCardHeaderT.InternalProps, propTypes: ValidationMap<unknown>) => void;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';
|
|
2
3
|
import type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
|
|
3
4
|
import type { Theme } from '@elliemae/ds-system';
|
|
4
|
-
import type { WeakValidationMap } from 'react';
|
|
5
5
|
import { type DSGridT } from '@elliemae/ds-grid';
|
|
6
6
|
import { DSCardV3Name, CARD_V_3_SLOTS_PARTS } from '../../constants/index.js';
|
|
7
7
|
export declare namespace DSCardHeaderT {
|
|
@@ -21,4 +21,4 @@ export declare namespace DSCardHeaderT {
|
|
|
21
21
|
}
|
|
22
22
|
export declare const defaultProps: DSCardHeaderT.DefaultProps;
|
|
23
23
|
export declare const DSCardHeaderPropTypes: DSPropTypesSchema<DSCardHeaderT.Props>;
|
|
24
|
-
export declare const DSCardHeaderPropTypesSchema:
|
|
24
|
+
export declare const DSCardHeaderPropTypesSchema: ValidationMap<DSCardHeaderT.Props>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-card-v3",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.41.0-rc.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Card V3",
|
|
6
6
|
"files": [
|
|
@@ -36,18 +36,18 @@
|
|
|
36
36
|
"indent": 4
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@elliemae/ds-form-radio": "3.
|
|
40
|
-
"@elliemae/ds-
|
|
41
|
-
"@elliemae/ds-system": "3.
|
|
42
|
-
"@elliemae/ds-
|
|
39
|
+
"@elliemae/ds-form-radio": "3.41.0-rc.0",
|
|
40
|
+
"@elliemae/ds-props-helpers": "3.41.0-rc.0",
|
|
41
|
+
"@elliemae/ds-system": "3.41.0-rc.0",
|
|
42
|
+
"@elliemae/ds-grid": "3.41.0-rc.0"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
45
|
"@elliemae/pui-cli": "9.0.0-next.50",
|
|
46
46
|
"@elliemae/pui-theme": "~2.9.3",
|
|
47
47
|
"styled-components": "~5.3.9",
|
|
48
48
|
"styled-system": "~5.1.5",
|
|
49
|
-
"@elliemae/ds-monorepo-devops": "3.
|
|
50
|
-
"@elliemae/ds-typescript-helpers": "3.
|
|
49
|
+
"@elliemae/ds-monorepo-devops": "3.41.0-rc.0",
|
|
50
|
+
"@elliemae/ds-typescript-helpers": "3.41.0-rc.0"
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
53
53
|
"@elliemae/pui-theme": "~2.9.3",
|