@elliemae/ds-side-panel-header 3.35.0 → 3.36.0-next.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/SidePanelHeader.js +0 -1
- package/dist/cjs/SidePanelHeader.js.map +2 -2
- package/dist/cjs/styled.js.map +1 -1
- package/dist/esm/SidePanelHeader.js +0 -1
- package/dist/esm/SidePanelHeader.js.map +2 -2
- package/dist/esm/styled.js.map +1 -1
- package/dist/types/SidePanelHeader.d.ts +0 -2
- package/package.json +8 -8
|
@@ -83,7 +83,6 @@ const SidePanelHeader = (props) => {
|
|
|
83
83
|
] })
|
|
84
84
|
] });
|
|
85
85
|
};
|
|
86
|
-
SidePanelHeader.propTypes = import_react_desc_prop_types.propTypes;
|
|
87
86
|
SidePanelHeader.displayName = "SidePanelHeader";
|
|
88
87
|
const DSSidePanelHeaderWithSchema = (0, import_ds_props_helpers.describe)(SidePanelHeader);
|
|
89
88
|
DSSidePanelHeaderWithSchema.propTypes = import_react_desc_prop_types.propTypes;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SidePanelHeader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useCallback } from 'react';\nimport {\n describe,\n useMemoMergePropsWithDefault,\n useGetGlobalAttributes,\n useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { CloseSmall } from '@elliemae/ds-icons';\nimport { type DSGridT, Grid } from '@elliemae/ds-grid';\nimport { type DSSidePanelHeaderT, defaultProps, propTypes } from './react-desc-prop-types.js';\n\nconst noop = () => {};\n\nimport { StyledSeparatorWrapper, StyledSeparator, StyledTitle, Wrapper, StyledCloseButton } from './styled.js';\nconst SidePanelHeader = (props: DSSidePanelHeaderT.Props) => {\n const propsWithDefaults = useMemoMergePropsWithDefault<DSSidePanelHeaderT.InternalProps>(props, defaultProps);\n\n const globalAttributes = useGetGlobalAttributes<DSSidePanelHeaderT.InternalProps, HTMLDivElement, DSGridT.Props>(\n propsWithDefaults,\n );\n const xStyledProps = useGetXstyledProps(propsWithDefaults);\n\n const getOwnerProps = useCallback(() => propsWithDefaults, [propsWithDefaults]);\n const getOwnerPropsArguments = useCallback(() => ({}), []);\n const { title, additionalAction, onClose = noop, showClose = true, closeButtonRef = undefined } = propsWithDefaults;\n const separator = (\n <StyledSeparatorWrapper>\n <StyledSeparator getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments} />\n </StyledSeparatorWrapper>\n );\n const cols = ['1fr', 'auto', 'auto'];\n return (\n <Wrapper cols={cols} alignItems=\"flex-start\" width=\"100%\" {...globalAttributes} {...xStyledProps}>\n <StyledTitle\n maxWidth=\"100%\"\n alignItems=\"center\"\n getOwnerProps={getOwnerProps}\n getOwnerPropsArguments={getOwnerPropsArguments}\n >\n {title}\n </StyledTitle>\n <Grid ml=\"xxs\" cols={additionalAction ? ['auto', 'auto', 'auto'] : ['auto']}>\n {additionalAction && <Grid>{additionalAction}</Grid>}\n {additionalAction && showClose && separator}\n <Grid>\n {showClose && (\n <StyledCloseButton\n buttonType=\"icon\"\n innerRef={closeButtonRef}\n size=\"m\"\n onClick={onClose}\n data-testid=\"btn-close-slide-panel\"\n getOwnerProps={getOwnerProps}\n getOwnerPropsArguments={getOwnerPropsArguments}\n >\n <CloseSmall />\n </StyledCloseButton>\n )}\n </Grid>\n </Grid>\n </Wrapper>\n );\n};\n\nSidePanelHeader.
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2BjB;AA3BN,mBAAmC;AACnC,8BAKO;AACP,sBAA2B;AAC3B,qBAAmC;AACnC,mCAAiE;AAIjE,oBAAiG;AAFjG,MAAM,OAAO,MAAM;AAAC;AAGpB,MAAM,kBAAkB,CAAC,UAAoC;AAC3D,QAAM,wBAAoB,sDAA+D,OAAO,yCAAY;AAE5G,QAAM,uBAAmB;AAAA,IACvB;AAAA,EACF;AACA,QAAM,mBAAe,4CAAmB,iBAAiB;AAEzD,QAAM,oBAAgB,0BAAY,MAAM,mBAAmB,CAAC,iBAAiB,CAAC;AAC9E,QAAM,6BAAyB,0BAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AACzD,QAAM,EAAE,OAAO,kBAAkB,UAAU,MAAM,YAAY,MAAM,iBAAiB,OAAU,IAAI;AAClG,QAAM,YACJ,4CAAC,wCACC,sDAAC,iCAAgB,eAA8B,wBAAgD,GACjG;AAEF,QAAM,OAAO,CAAC,OAAO,QAAQ,MAAM;AACnC,SACE,6CAAC,yBAAQ,MAAY,YAAW,cAAa,OAAM,QAAQ,GAAG,kBAAmB,GAAG,cAClF;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,YAAW;AAAA,QACX;AAAA,QACA;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,IACA,6CAAC,uBAAK,IAAG,OAAM,MAAM,mBAAmB,CAAC,QAAQ,QAAQ,MAAM,IAAI,CAAC,MAAM,GACvE;AAAA,0BAAoB,4CAAC,uBAAM,4BAAiB;AAAA,MAC5C,oBAAoB,aAAa;AAAA,MAClC,4CAAC,uBACE,uBACC;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX,UAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAS;AAAA,UACT,eAAY;AAAA,UACZ;AAAA,UACA;AAAA,UAEA,sDAAC,8BAAW;AAAA;AAAA,MACd,GAEJ;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,gBAAgB,
|
|
4
|
+
"sourcesContent": ["import React, { useCallback } from 'react';\nimport {\n describe,\n useMemoMergePropsWithDefault,\n useGetGlobalAttributes,\n useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { CloseSmall } from '@elliemae/ds-icons';\nimport { type DSGridT, Grid } from '@elliemae/ds-grid';\nimport { type DSSidePanelHeaderT, defaultProps, propTypes } from './react-desc-prop-types.js';\n\nconst noop = () => {};\n\nimport { StyledSeparatorWrapper, StyledSeparator, StyledTitle, Wrapper, StyledCloseButton } from './styled.js';\nconst SidePanelHeader = (props: DSSidePanelHeaderT.Props) => {\n const propsWithDefaults = useMemoMergePropsWithDefault<DSSidePanelHeaderT.InternalProps>(props, defaultProps);\n\n const globalAttributes = useGetGlobalAttributes<DSSidePanelHeaderT.InternalProps, HTMLDivElement, DSGridT.Props>(\n propsWithDefaults,\n );\n const xStyledProps = useGetXstyledProps(propsWithDefaults);\n\n const getOwnerProps = useCallback(() => propsWithDefaults, [propsWithDefaults]);\n const getOwnerPropsArguments = useCallback(() => ({}), []);\n const { title, additionalAction, onClose = noop, showClose = true, closeButtonRef = undefined } = propsWithDefaults;\n const separator = (\n <StyledSeparatorWrapper>\n <StyledSeparator getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments} />\n </StyledSeparatorWrapper>\n );\n const cols = ['1fr', 'auto', 'auto'];\n return (\n <Wrapper cols={cols} alignItems=\"flex-start\" width=\"100%\" {...globalAttributes} {...xStyledProps}>\n <StyledTitle\n maxWidth=\"100%\"\n alignItems=\"center\"\n getOwnerProps={getOwnerProps}\n getOwnerPropsArguments={getOwnerPropsArguments}\n >\n {title}\n </StyledTitle>\n <Grid ml=\"xxs\" cols={additionalAction ? ['auto', 'auto', 'auto'] : ['auto']}>\n {additionalAction && <Grid>{additionalAction}</Grid>}\n {additionalAction && showClose && separator}\n <Grid>\n {showClose && (\n <StyledCloseButton\n buttonType=\"icon\"\n innerRef={closeButtonRef}\n size=\"m\"\n onClick={onClose}\n data-testid=\"btn-close-slide-panel\"\n getOwnerProps={getOwnerProps}\n getOwnerPropsArguments={getOwnerPropsArguments}\n >\n <CloseSmall />\n </StyledCloseButton>\n )}\n </Grid>\n </Grid>\n </Wrapper>\n );\n};\n\nSidePanelHeader.displayName = 'SidePanelHeader';\nconst DSSidePanelHeaderWithSchema = describe(SidePanelHeader);\n\nDSSidePanelHeaderWithSchema.propTypes = propTypes;\n\nexport { SidePanelHeader, DSSidePanelHeaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2BjB;AA3BN,mBAAmC;AACnC,8BAKO;AACP,sBAA2B;AAC3B,qBAAmC;AACnC,mCAAiE;AAIjE,oBAAiG;AAFjG,MAAM,OAAO,MAAM;AAAC;AAGpB,MAAM,kBAAkB,CAAC,UAAoC;AAC3D,QAAM,wBAAoB,sDAA+D,OAAO,yCAAY;AAE5G,QAAM,uBAAmB;AAAA,IACvB;AAAA,EACF;AACA,QAAM,mBAAe,4CAAmB,iBAAiB;AAEzD,QAAM,oBAAgB,0BAAY,MAAM,mBAAmB,CAAC,iBAAiB,CAAC;AAC9E,QAAM,6BAAyB,0BAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AACzD,QAAM,EAAE,OAAO,kBAAkB,UAAU,MAAM,YAAY,MAAM,iBAAiB,OAAU,IAAI;AAClG,QAAM,YACJ,4CAAC,wCACC,sDAAC,iCAAgB,eAA8B,wBAAgD,GACjG;AAEF,QAAM,OAAO,CAAC,OAAO,QAAQ,MAAM;AACnC,SACE,6CAAC,yBAAQ,MAAY,YAAW,cAAa,OAAM,QAAQ,GAAG,kBAAmB,GAAG,cAClF;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,YAAW;AAAA,QACX;AAAA,QACA;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,IACA,6CAAC,uBAAK,IAAG,OAAM,MAAM,mBAAmB,CAAC,QAAQ,QAAQ,MAAM,IAAI,CAAC,MAAM,GACvE;AAAA,0BAAoB,4CAAC,uBAAM,4BAAiB;AAAA,MAC5C,oBAAoB,aAAa;AAAA,MAClC,4CAAC,uBACE,uBACC;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX,UAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAS;AAAA,UACT,eAAY;AAAA,UACZ;AAAA,UACA;AAAA,UAEA,sDAAC,8BAAW;AAAA;AAAA,MACd,GAEJ;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,gBAAgB,cAAc;AAC9B,MAAM,kCAA8B,kCAAS,eAAe;AAE5D,4BAA4B,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/styled.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import { styled, border, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSSidePanelHeaderName, DSSidePanelHeaderSlots } from './SidePanelHeaderDefinitions.js';\n\nexport const StyledTitle = styled(Grid, {\n name: DSSidePanelHeaderName,\n slot: DSSidePanelHeaderSlots.TITLE,\n})`\n margin-right: ${(props) => props.theme.space.xs};\n font-size: 18px;\n font-weight: ${(props) => props.theme.fontWeights.regular};\n color: ${(props) => props.theme.colors.neutral['700']};\n word-break: break-word;\n padding-top: 0.281rem;\n margin-bottom: 0.562rem;\n ${xStyledCommonProps}\n`;\n\nexport const Wrapper = styled(Grid, {\n name: DSSidePanelHeaderName,\n slot: DSSidePanelHeaderSlots.WRAPPER,\n})`\n padding-top: 0.73rem;\n padding-right: ${(props) => props.theme.space.xs};\n padding-left: ${(props) => props.theme.space.xs};\n min-height: ${(props) => props.theme.space.m};\n border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n ${xStyledCommonProps}\n`;\n\nexport const StyledCloseButton = styled(DSButtonV2, {\n name: DSSidePanelHeaderName,\n slot: DSSidePanelHeaderSlots.CLOSE_BUTTON,\n})`\n ${xStyledCommonProps}\n`;\n\nexport const StyledSeparatorWrapper = styled(Grid)`\n height: 24px;\n margin-top: 0.153rem;\n`;\n\nexport const StyledSeparator = styled.div`\n width: 0;\n height: 100%;\n margin: 0 ${(props) => props.theme.space.xxs};\n border-left: ${(props) => `${props.theme.colors.neutral[300]} 1px solid`};\n ${xStyledCommonProps}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAmD;AACnD,0BAA2B;AAC3B,qBAAqB;AACrB,wCAA8D;AAEvD,MAAM,kBAAc,yBAAO,qBAAM;AAAA,EACtC,MAAM;AAAA,EACN,MAAM,yDAAuB;AAC/B,CAAC;AAAA,kBACiB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAmD;AACnD,0BAA2B;AAC3B,qBAAqB;AACrB,wCAA8D;AAEvD,MAAM,kBAAc,yBAAO,qBAAM;AAAA,EACtC,MAAM;AAAA,EACN,MAAM,yDAAuB;AAC/B,CAAC;AAAA,kBACiB,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA,iBAEhC,CAAC,UAAU,MAAM,MAAM,YAAY,OAAO;AAAA,WAChD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,IAInD,mCAAkB;AAAA;AAGf,MAAM,cAAU,yBAAO,qBAAM;AAAA,EAClC,MAAM;AAAA,EACN,MAAM,yDAAuB;AAC/B,CAAC;AAAA;AAAA,mBAEkB,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE;AAAA,kBAChC,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE;AAAA,gBACjC,CAAC,UAAU,MAAM,MAAM,MAAM,CAAC;AAAA,mBAC3B,CAAC,cAAU,yBAAO,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC,CAAC;AAAA,IACnE,mCAAkB;AAAA;AAGf,MAAM,wBAAoB,yBAAO,gCAAY;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,yDAAuB;AAC/B,CAAC;AAAA,IACG,mCAAkB;AAAA;AAGf,MAAM,6BAAyB,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAK1C,MAAM,kBAAkB,wBAAO;AAAA;AAAA;AAAA,cAGxB,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG;AAAA,iBAC7B,CAAC,UAAU,GAAG,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC,YAAY;AAAA,IACtE,mCAAkB;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -54,7 +54,6 @@ const SidePanelHeader = (props) => {
|
|
|
54
54
|
] })
|
|
55
55
|
] });
|
|
56
56
|
};
|
|
57
|
-
SidePanelHeader.propTypes = propTypes;
|
|
58
57
|
SidePanelHeader.displayName = "SidePanelHeader";
|
|
59
58
|
const DSSidePanelHeaderWithSchema = describe(SidePanelHeader);
|
|
60
59
|
DSSidePanelHeaderWithSchema.propTypes = propTypes;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/SidePanelHeader.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback } from 'react';\nimport {\n describe,\n useMemoMergePropsWithDefault,\n useGetGlobalAttributes,\n useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { CloseSmall } from '@elliemae/ds-icons';\nimport { type DSGridT, Grid } from '@elliemae/ds-grid';\nimport { type DSSidePanelHeaderT, defaultProps, propTypes } from './react-desc-prop-types.js';\n\nconst noop = () => {};\n\nimport { StyledSeparatorWrapper, StyledSeparator, StyledTitle, Wrapper, StyledCloseButton } from './styled.js';\nconst SidePanelHeader = (props: DSSidePanelHeaderT.Props) => {\n const propsWithDefaults = useMemoMergePropsWithDefault<DSSidePanelHeaderT.InternalProps>(props, defaultProps);\n\n const globalAttributes = useGetGlobalAttributes<DSSidePanelHeaderT.InternalProps, HTMLDivElement, DSGridT.Props>(\n propsWithDefaults,\n );\n const xStyledProps = useGetXstyledProps(propsWithDefaults);\n\n const getOwnerProps = useCallback(() => propsWithDefaults, [propsWithDefaults]);\n const getOwnerPropsArguments = useCallback(() => ({}), []);\n const { title, additionalAction, onClose = noop, showClose = true, closeButtonRef = undefined } = propsWithDefaults;\n const separator = (\n <StyledSeparatorWrapper>\n <StyledSeparator getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments} />\n </StyledSeparatorWrapper>\n );\n const cols = ['1fr', 'auto', 'auto'];\n return (\n <Wrapper cols={cols} alignItems=\"flex-start\" width=\"100%\" {...globalAttributes} {...xStyledProps}>\n <StyledTitle\n maxWidth=\"100%\"\n alignItems=\"center\"\n getOwnerProps={getOwnerProps}\n getOwnerPropsArguments={getOwnerPropsArguments}\n >\n {title}\n </StyledTitle>\n <Grid ml=\"xxs\" cols={additionalAction ? ['auto', 'auto', 'auto'] : ['auto']}>\n {additionalAction && <Grid>{additionalAction}</Grid>}\n {additionalAction && showClose && separator}\n <Grid>\n {showClose && (\n <StyledCloseButton\n buttonType=\"icon\"\n innerRef={closeButtonRef}\n size=\"m\"\n onClick={onClose}\n data-testid=\"btn-close-slide-panel\"\n getOwnerProps={getOwnerProps}\n getOwnerPropsArguments={getOwnerPropsArguments}\n >\n <CloseSmall />\n </StyledCloseButton>\n )}\n </Grid>\n </Grid>\n </Wrapper>\n );\n};\n\nSidePanelHeader.
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;AC2BjB,cAcA,YAdA;AA3BN,SAAgB,mBAAmB;AACnC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAC3B,SAAuB,YAAY;AACnC,SAAkC,cAAc,iBAAiB;AAEjE,MAAM,OAAO,MAAM;AAAC;AAEpB,SAAS,wBAAwB,iBAAiB,aAAa,SAAS,yBAAyB;AACjG,MAAM,kBAAkB,CAAC,UAAoC;AAC3D,QAAM,oBAAoB,6BAA+D,OAAO,YAAY;AAE5G,QAAM,mBAAmB;AAAA,IACvB;AAAA,EACF;AACA,QAAM,eAAe,mBAAmB,iBAAiB;AAEzD,QAAM,gBAAgB,YAAY,MAAM,mBAAmB,CAAC,iBAAiB,CAAC;AAC9E,QAAM,yBAAyB,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AACzD,QAAM,EAAE,OAAO,kBAAkB,UAAU,MAAM,YAAY,MAAM,iBAAiB,OAAU,IAAI;AAClG,QAAM,YACJ,oBAAC,0BACC,8BAAC,mBAAgB,eAA8B,wBAAgD,GACjG;AAEF,QAAM,OAAO,CAAC,OAAO,QAAQ,MAAM;AACnC,SACE,qBAAC,WAAQ,MAAY,YAAW,cAAa,OAAM,QAAQ,GAAG,kBAAmB,GAAG,cAClF;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,YAAW;AAAA,QACX;AAAA,QACA;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,IACA,qBAAC,QAAK,IAAG,OAAM,MAAM,mBAAmB,CAAC,QAAQ,QAAQ,MAAM,IAAI,CAAC,MAAM,GACvE;AAAA,0BAAoB,oBAAC,QAAM,4BAAiB;AAAA,MAC5C,oBAAoB,aAAa;AAAA,MAClC,oBAAC,QACE,uBACC;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX,UAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAS;AAAA,UACT,eAAY;AAAA,UACZ;AAAA,UACA;AAAA,UAEA,8BAAC,cAAW;AAAA;AAAA,MACd,GAEJ;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,gBAAgB,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback } from 'react';\nimport {\n describe,\n useMemoMergePropsWithDefault,\n useGetGlobalAttributes,\n useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { CloseSmall } from '@elliemae/ds-icons';\nimport { type DSGridT, Grid } from '@elliemae/ds-grid';\nimport { type DSSidePanelHeaderT, defaultProps, propTypes } from './react-desc-prop-types.js';\n\nconst noop = () => {};\n\nimport { StyledSeparatorWrapper, StyledSeparator, StyledTitle, Wrapper, StyledCloseButton } from './styled.js';\nconst SidePanelHeader = (props: DSSidePanelHeaderT.Props) => {\n const propsWithDefaults = useMemoMergePropsWithDefault<DSSidePanelHeaderT.InternalProps>(props, defaultProps);\n\n const globalAttributes = useGetGlobalAttributes<DSSidePanelHeaderT.InternalProps, HTMLDivElement, DSGridT.Props>(\n propsWithDefaults,\n );\n const xStyledProps = useGetXstyledProps(propsWithDefaults);\n\n const getOwnerProps = useCallback(() => propsWithDefaults, [propsWithDefaults]);\n const getOwnerPropsArguments = useCallback(() => ({}), []);\n const { title, additionalAction, onClose = noop, showClose = true, closeButtonRef = undefined } = propsWithDefaults;\n const separator = (\n <StyledSeparatorWrapper>\n <StyledSeparator getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments} />\n </StyledSeparatorWrapper>\n );\n const cols = ['1fr', 'auto', 'auto'];\n return (\n <Wrapper cols={cols} alignItems=\"flex-start\" width=\"100%\" {...globalAttributes} {...xStyledProps}>\n <StyledTitle\n maxWidth=\"100%\"\n alignItems=\"center\"\n getOwnerProps={getOwnerProps}\n getOwnerPropsArguments={getOwnerPropsArguments}\n >\n {title}\n </StyledTitle>\n <Grid ml=\"xxs\" cols={additionalAction ? ['auto', 'auto', 'auto'] : ['auto']}>\n {additionalAction && <Grid>{additionalAction}</Grid>}\n {additionalAction && showClose && separator}\n <Grid>\n {showClose && (\n <StyledCloseButton\n buttonType=\"icon\"\n innerRef={closeButtonRef}\n size=\"m\"\n onClick={onClose}\n data-testid=\"btn-close-slide-panel\"\n getOwnerProps={getOwnerProps}\n getOwnerPropsArguments={getOwnerPropsArguments}\n >\n <CloseSmall />\n </StyledCloseButton>\n )}\n </Grid>\n </Grid>\n </Wrapper>\n );\n};\n\nSidePanelHeader.displayName = 'SidePanelHeader';\nconst DSSidePanelHeaderWithSchema = describe(SidePanelHeader);\n\nDSSidePanelHeaderWithSchema.propTypes = propTypes;\n\nexport { SidePanelHeader, DSSidePanelHeaderWithSchema };\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;AC2BjB,cAcA,YAdA;AA3BN,SAAgB,mBAAmB;AACnC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAC3B,SAAuB,YAAY;AACnC,SAAkC,cAAc,iBAAiB;AAEjE,MAAM,OAAO,MAAM;AAAC;AAEpB,SAAS,wBAAwB,iBAAiB,aAAa,SAAS,yBAAyB;AACjG,MAAM,kBAAkB,CAAC,UAAoC;AAC3D,QAAM,oBAAoB,6BAA+D,OAAO,YAAY;AAE5G,QAAM,mBAAmB;AAAA,IACvB;AAAA,EACF;AACA,QAAM,eAAe,mBAAmB,iBAAiB;AAEzD,QAAM,gBAAgB,YAAY,MAAM,mBAAmB,CAAC,iBAAiB,CAAC;AAC9E,QAAM,yBAAyB,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AACzD,QAAM,EAAE,OAAO,kBAAkB,UAAU,MAAM,YAAY,MAAM,iBAAiB,OAAU,IAAI;AAClG,QAAM,YACJ,oBAAC,0BACC,8BAAC,mBAAgB,eAA8B,wBAAgD,GACjG;AAEF,QAAM,OAAO,CAAC,OAAO,QAAQ,MAAM;AACnC,SACE,qBAAC,WAAQ,MAAY,YAAW,cAAa,OAAM,QAAQ,GAAG,kBAAmB,GAAG,cAClF;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,YAAW;AAAA,QACX;AAAA,QACA;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,IACA,qBAAC,QAAK,IAAG,OAAM,MAAM,mBAAmB,CAAC,QAAQ,QAAQ,MAAM,IAAI,CAAC,MAAM,GACvE;AAAA,0BAAoB,oBAAC,QAAM,4BAAiB;AAAA,MAC5C,oBAAoB,aAAa;AAAA,MAClC,oBAAC,QACE,uBACC;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX,UAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAS;AAAA,UACT,eAAY;AAAA,UACZ;AAAA,UACA;AAAA,UAEA,8BAAC,cAAW;AAAA;AAAA,MACd,GAEJ;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,gBAAgB,cAAc;AAC9B,MAAM,8BAA8B,SAAS,eAAe;AAE5D,4BAA4B,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/styled.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, border, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSSidePanelHeaderName, DSSidePanelHeaderSlots } from './SidePanelHeaderDefinitions.js';\n\nexport const StyledTitle = styled(Grid, {\n name: DSSidePanelHeaderName,\n slot: DSSidePanelHeaderSlots.TITLE,\n})`\n margin-right: ${(props) => props.theme.space.xs};\n font-size: 18px;\n font-weight: ${(props) => props.theme.fontWeights.regular};\n color: ${(props) => props.theme.colors.neutral['700']};\n word-break: break-word;\n padding-top: 0.281rem;\n margin-bottom: 0.562rem;\n ${xStyledCommonProps}\n`;\n\nexport const Wrapper = styled(Grid, {\n name: DSSidePanelHeaderName,\n slot: DSSidePanelHeaderSlots.WRAPPER,\n})`\n padding-top: 0.73rem;\n padding-right: ${(props) => props.theme.space.xs};\n padding-left: ${(props) => props.theme.space.xs};\n min-height: ${(props) => props.theme.space.m};\n border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n ${xStyledCommonProps}\n`;\n\nexport const StyledCloseButton = styled(DSButtonV2, {\n name: DSSidePanelHeaderName,\n slot: DSSidePanelHeaderSlots.CLOSE_BUTTON,\n})`\n ${xStyledCommonProps}\n`;\n\nexport const StyledSeparatorWrapper = styled(Grid)`\n height: 24px;\n margin-top: 0.153rem;\n`;\n\nexport const StyledSeparator = styled.div`\n width: 0;\n height: 100%;\n margin: 0 ${(props) => props.theme.space.xxs};\n border-left: ${(props) => `${props.theme.colors.neutral[300]} 1px solid`};\n ${xStyledCommonProps}\n`;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,QAAQ,0BAA0B;AACnD,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AACrB,SAAS,uBAAuB,8BAA8B;AAEvD,MAAM,cAAc,OAAO,MAAM;AAAA,EACtC,MAAM;AAAA,EACN,MAAM,uBAAuB;AAC/B,CAAC;AAAA,kBACiB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA,
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,QAAQ,0BAA0B;AACnD,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AACrB,SAAS,uBAAuB,8BAA8B;AAEvD,MAAM,cAAc,OAAO,MAAM;AAAA,EACtC,MAAM;AAAA,EACN,MAAM,uBAAuB;AAC/B,CAAC;AAAA,kBACiB,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA,iBAEhC,CAAC,UAAU,MAAM,MAAM,YAAY,OAAO;AAAA,WAChD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,IAInD,kBAAkB;AAAA;AAGf,MAAM,UAAU,OAAO,MAAM;AAAA,EAClC,MAAM;AAAA,EACN,MAAM,uBAAuB;AAC/B,CAAC;AAAA;AAAA,mBAEkB,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE;AAAA,kBAChC,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE;AAAA,gBACjC,CAAC,UAAU,MAAM,MAAM,MAAM,CAAC;AAAA,mBAC3B,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC,CAAC;AAAA,IACnE,kBAAkB;AAAA;AAGf,MAAM,oBAAoB,OAAO,YAAY;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,uBAAuB;AAC/B,CAAC;AAAA,IACG,kBAAkB;AAAA;AAGf,MAAM,yBAAyB,OAAO,IAAI;AAAA;AAAA;AAAA;AAK1C,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA,cAGxB,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG;AAAA,iBAC7B,CAAC,UAAU,GAAG,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC,YAAY;AAAA,IACtE,kBAAkB;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import { type DSSidePanelHeaderT } from './react-desc-prop-types.js';
|
|
3
2
|
declare const SidePanelHeader: {
|
|
4
3
|
(props: DSSidePanelHeaderT.Props): import("react/jsx-runtime.js").JSX.Element;
|
|
5
|
-
propTypes: React.WeakValidationMap<DSSidePanelHeaderT.Props>;
|
|
6
4
|
displayName: string;
|
|
7
5
|
};
|
|
8
6
|
declare const DSSidePanelHeaderWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSSidePanelHeaderT.Props>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-side-panel-header",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.36.0-next.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Side Panel Header",
|
|
6
6
|
"files": [
|
|
@@ -57,19 +57,19 @@
|
|
|
57
57
|
},
|
|
58
58
|
"dependencies": {
|
|
59
59
|
"@elliemae/pui-theme": "~2.9.3",
|
|
60
|
-
"@elliemae/ds-button-v2": "3.
|
|
61
|
-
"@elliemae/ds-grid": "3.
|
|
62
|
-
"@elliemae/ds-
|
|
63
|
-
"@elliemae/ds-utilities": "3.
|
|
64
|
-
"@elliemae/ds-props-helpers": "3.
|
|
65
|
-
"@elliemae/ds-
|
|
60
|
+
"@elliemae/ds-button-v2": "3.36.0-next.1",
|
|
61
|
+
"@elliemae/ds-grid": "3.36.0-next.1",
|
|
62
|
+
"@elliemae/ds-system": "3.36.0-next.1",
|
|
63
|
+
"@elliemae/ds-utilities": "3.36.0-next.1",
|
|
64
|
+
"@elliemae/ds-props-helpers": "3.36.0-next.1",
|
|
65
|
+
"@elliemae/ds-icons": "3.36.0-next.1"
|
|
66
66
|
},
|
|
67
67
|
"devDependencies": {
|
|
68
68
|
"@elliemae/pui-cli": "~9.0.0-next.31",
|
|
69
69
|
"@xstyled/system": "3.7.0",
|
|
70
70
|
"@xstyled/util": "3.7.0",
|
|
71
71
|
"styled-components": "~5.3.9",
|
|
72
|
-
"@elliemae/ds-monorepo-devops": "3.
|
|
72
|
+
"@elliemae/ds-monorepo-devops": "3.36.0-next.1"
|
|
73
73
|
},
|
|
74
74
|
"peerDependencies": {
|
|
75
75
|
"lodash": "^4.17.21",
|