@elliemae/ds-form-radio 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/ControlledRadio.js +2 -5
- package/dist/cjs/ControlledRadio.js.map +2 -2
- package/dist/cjs/config/useValidateProps.js.map +1 -1
- package/dist/cjs/index.js +0 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/styles.js.map +1 -1
- package/dist/cjs/utils/styleHelpers.js.map +1 -1
- package/dist/esm/ControlledRadio.js +2 -5
- package/dist/esm/ControlledRadio.js.map +2 -2
- package/dist/esm/config/useValidateProps.js.map +1 -1
- package/dist/esm/index.js +0 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/styles.js.map +1 -1
- package/dist/esm/utils/styleHelpers.js.map +1 -1
- package/package.json +6 -6
|
@@ -47,15 +47,13 @@ const DSControlledRadio = (props) => {
|
|
|
47
47
|
const { checked, visualOnly, device, hasError, innerRef, value, wrapLabel, onChange } = propsWithDefault;
|
|
48
48
|
const handleOnChange = (0, import_react.useCallback)(
|
|
49
49
|
(e) => {
|
|
50
|
-
if (onChange && value)
|
|
51
|
-
onChange(value, e);
|
|
50
|
+
if (onChange && value) onChange(value, e);
|
|
52
51
|
},
|
|
53
52
|
[onChange, value]
|
|
54
53
|
);
|
|
55
54
|
const handleKeyDown = (0, import_react.useCallback)(
|
|
56
55
|
(e) => {
|
|
57
|
-
if (e.key === "Enter")
|
|
58
|
-
handleOnChange(e);
|
|
56
|
+
if (e.key === "Enter") handleOnChange(e);
|
|
59
57
|
},
|
|
60
58
|
[handleOnChange]
|
|
61
59
|
);
|
|
@@ -113,7 +111,6 @@ const DSControlledRadio = (props) => {
|
|
|
113
111
|
}
|
|
114
112
|
);
|
|
115
113
|
};
|
|
116
|
-
DSControlledRadio.propTypes = import_react_desc_prop_types.DSControlledRadioPropTypesSchema;
|
|
117
114
|
DSControlledRadio.displayName = "DSControlledRadio";
|
|
118
115
|
const DSControlledRadioWithSchema = (0, import_ds_props_helpers.describe)(DSControlledRadio);
|
|
119
116
|
DSControlledRadioWithSchema.propTypes = import_react_desc_prop_types.DSControlledRadioPropTypesSchema;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ControlledRadio.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable complexity */\nimport React, { useCallback, useMemo } from 'react';\nimport {\n describe,\n useGetGlobalAttributes,\n useGetXstyledProps,\n useMemoMergePropsWithDefault,\n} from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { StyledContainer, StyledWrapLabel, StyledInput, StyledLabel, StyledRadio } from './styles.js';\nimport type { DSControlledRadioT } from './react-desc-prop-types.js';\nimport { DSControlledRadioPropTypes, DSControlledRadioPropTypesSchema, defaultProps } from './react-desc-prop-types.js';\nimport { useValidateProps } from './config/useValidateProps.js';\n\nconst DSControlledRadio: React.ComponentType<DSControlledRadioT.Props> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault<DSControlledRadioT.InternalProps>(props, defaultProps);\n useValidateProps(props, DSControlledRadioPropTypes);\n const { checked, visualOnly, device, hasError, innerRef, value, wrapLabel, onChange } = propsWithDefault;\n\n const handleOnChange = useCallback(\n (e: React.ChangeEvent | React.KeyboardEvent) => {\n if (onChange && value) onChange(value, e);\n },\n [onChange, value],\n );\n\n const handleKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.key === 'Enter') handleOnChange(e);\n },\n [handleOnChange],\n );\n\n const sharedListeners = React.useMemo(\n () => ({\n onKeyDown: handleKeyDown,\n // we can't declare onChange here, we are \"overwriting\" the event,\n // if we put it here we invoke it twice, once with our overwritten arguments, once with the native ones\n // onChange: handleOnChange,\n }),\n [handleKeyDown],\n );\n const { id, disabled, readOnly, label, className, ...restGlobals } = useGetGlobalAttributes<DSControlledRadioT.Props>(\n propsWithDefault,\n sharedListeners,\n );\n\n const instanceUid = useMemo(() => id || `ds-form-radio-${uid(5)}`, [id]);\n const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n return (\n <StyledContainer\n device={device}\n data-testid=\"ds-radio-container\"\n hasLabel={Boolean(label)}\n className={className}\n {...xstyledProps}\n >\n <StyledRadio device={device} checked={checked} hasError={hasError} disabled={disabled} readOnly={readOnly}>\n {!visualOnly ? (\n <StyledInput\n data-testid=\"ds-radio\"\n type=\"radio\"\n {...sharedListeners}\n {...restGlobals}\n id={instanceUid}\n innerRef={innerRef}\n onChange={handleOnChange}\n checked={checked}\n disabled={disabled}\n />\n ) : null}\n </StyledRadio>\n {label && (\n <StyledLabel\n device={device}\n htmlFor={instanceUid}\n disabled={disabled}\n readOnly={readOnly}\n checked={checked}\n data-testid=\"ds-radio-label\"\n >\n {wrapLabel ? <StyledWrapLabel>{label}</StyledWrapLabel> : <SimpleTruncatedTooltipText value={label} />}\n </StyledLabel>\n )}\n </StyledContainer>\n );\n};\n\nDSControlledRadio.
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoDnB;AAnDJ,mBAA4C;AAC5C,8BAKO;AACP,iBAAoB;AACpB,uCAA2C;AAC3C,oBAAwF;AAExF,mCAA2F;AAC3F,8BAAiC;AAEjC,MAAM,oBAAmE,CAAC,UAAU;AAClF,QAAM,uBAAmB,sDAA+D,OAAO,yCAAY;AAC3G,gDAAiB,OAAO,uDAA0B;AAClD,QAAM,EAAE,SAAS,YAAY,QAAQ,UAAU,UAAU,OAAO,WAAW,SAAS,IAAI;AAExF,QAAM,qBAAiB;AAAA,IACrB,CAAC,MAA+C;AAC9C,UAAI,YAAY
|
|
4
|
+
"sourcesContent": ["/* eslint-disable complexity */\nimport React, { useCallback, useMemo } from 'react';\nimport {\n describe,\n useGetGlobalAttributes,\n useGetXstyledProps,\n useMemoMergePropsWithDefault,\n} from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { StyledContainer, StyledWrapLabel, StyledInput, StyledLabel, StyledRadio } from './styles.js';\nimport type { DSControlledRadioT } from './react-desc-prop-types.js';\nimport { DSControlledRadioPropTypes, DSControlledRadioPropTypesSchema, defaultProps } from './react-desc-prop-types.js';\nimport { useValidateProps } from './config/useValidateProps.js';\n\nconst DSControlledRadio: React.ComponentType<DSControlledRadioT.Props> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault<DSControlledRadioT.InternalProps>(props, defaultProps);\n useValidateProps(props, DSControlledRadioPropTypes);\n const { checked, visualOnly, device, hasError, innerRef, value, wrapLabel, onChange } = propsWithDefault;\n\n const handleOnChange = useCallback(\n (e: React.ChangeEvent | React.KeyboardEvent) => {\n if (onChange && value) onChange(value, e);\n },\n [onChange, value],\n );\n\n const handleKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.key === 'Enter') handleOnChange(e);\n },\n [handleOnChange],\n );\n\n const sharedListeners = React.useMemo(\n () => ({\n onKeyDown: handleKeyDown,\n // we can't declare onChange here, we are \"overwriting\" the event,\n // if we put it here we invoke it twice, once with our overwritten arguments, once with the native ones\n // onChange: handleOnChange,\n }),\n [handleKeyDown],\n );\n const { id, disabled, readOnly, label, className, ...restGlobals } = useGetGlobalAttributes<DSControlledRadioT.Props>(\n propsWithDefault,\n sharedListeners,\n );\n\n const instanceUid = useMemo(() => id || `ds-form-radio-${uid(5)}`, [id]);\n const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n return (\n <StyledContainer\n device={device}\n data-testid=\"ds-radio-container\"\n hasLabel={Boolean(label)}\n className={className}\n {...xstyledProps}\n >\n <StyledRadio device={device} checked={checked} hasError={hasError} disabled={disabled} readOnly={readOnly}>\n {!visualOnly ? (\n <StyledInput\n data-testid=\"ds-radio\"\n type=\"radio\"\n {...sharedListeners}\n {...restGlobals}\n id={instanceUid}\n innerRef={innerRef}\n onChange={handleOnChange}\n checked={checked}\n disabled={disabled}\n />\n ) : null}\n </StyledRadio>\n {label && (\n <StyledLabel\n device={device}\n htmlFor={instanceUid}\n disabled={disabled}\n readOnly={readOnly}\n checked={checked}\n data-testid=\"ds-radio-label\"\n >\n {wrapLabel ? <StyledWrapLabel>{label}</StyledWrapLabel> : <SimpleTruncatedTooltipText value={label} />}\n </StyledLabel>\n )}\n </StyledContainer>\n );\n};\n\nDSControlledRadio.displayName = 'DSControlledRadio';\nconst DSControlledRadioWithSchema = describe(DSControlledRadio);\nDSControlledRadioWithSchema.propTypes = DSControlledRadioPropTypesSchema;\n\nexport { DSControlledRadio, DSControlledRadioWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoDnB;AAnDJ,mBAA4C;AAC5C,8BAKO;AACP,iBAAoB;AACpB,uCAA2C;AAC3C,oBAAwF;AAExF,mCAA2F;AAC3F,8BAAiC;AAEjC,MAAM,oBAAmE,CAAC,UAAU;AAClF,QAAM,uBAAmB,sDAA+D,OAAO,yCAAY;AAC3G,gDAAiB,OAAO,uDAA0B;AAClD,QAAM,EAAE,SAAS,YAAY,QAAQ,UAAU,UAAU,OAAO,WAAW,SAAS,IAAI;AAExF,QAAM,qBAAiB;AAAA,IACrB,CAAC,MAA+C;AAC9C,UAAI,YAAY,MAAO,UAAS,OAAO,CAAC;AAAA,IAC1C;AAAA,IACA,CAAC,UAAU,KAAK;AAAA,EAClB;AAEA,QAAM,oBAAgB;AAAA,IACpB,CAAC,MAA2B;AAC1B,UAAI,EAAE,QAAQ,QAAS,gBAAe,CAAC;AAAA,IACzC;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM,kBAAkB,aAAAA,QAAM;AAAA,IAC5B,OAAO;AAAA,MACL,WAAW;AAAA;AAAA;AAAA;AAAA,IAIb;AAAA,IACA,CAAC,aAAa;AAAA,EAChB;AACA,QAAM,EAAE,IAAI,UAAU,UAAU,OAAO,WAAW,GAAG,YAAY,QAAI;AAAA,IACnE;AAAA,IACA;AAAA,EACF;AAEA,QAAM,kBAAc,sBAAQ,MAAM,MAAM,qBAAiB,gBAAI,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;AACvE,QAAM,mBAAe,4CAAmB,gBAAgB;AAExD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAY;AAAA,MACZ,UAAU,QAAQ,KAAK;AAAA,MACvB;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,oDAAC,6BAAY,QAAgB,SAAkB,UAAoB,UAAoB,UACpF,WAAC,aACA;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,MAAK;AAAA,YACJ,GAAG;AAAA,YACH,GAAG;AAAA,YACJ,IAAI;AAAA,YACJ;AAAA,YACA,UAAU;AAAA,YACV;AAAA,YACA;AAAA;AAAA,QACF,IACE,MACN;AAAA,QACC,SACC;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,SAAS;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA,eAAY;AAAA,YAEX,sBAAY,4CAAC,iCAAiB,iBAAM,IAAqB,4CAAC,+DAA2B,OAAO,OAAO;AAAA;AAAA,QACtG;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,kBAAkB,cAAc;AAChC,MAAM,kCAA8B,kCAAS,iBAAiB;AAC9D,4BAA4B,YAAY;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/config/useValidateProps.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { DSRadioName } from '../exported-related/index.js';\nimport type React from 'react';\nimport type { DSControlledRadioT } from '../react-desc-prop-types.js';\n\nconst throwError = (message: string): void => {\n throw new Error(\n `DSControlledRadio:: ${message}\n `,\n );\n};\n\nexport const useValidateProps = (\n props: DSControlledRadioT.Props,\n propTypes: React.WeakValidationMap<unknown>,\n): void => {\n useValidateTypescriptPropTypes(props, propTypes, DSRadioName);\n if (typeof props.label === 'undefined' && typeof props['aria-label'] === 'undefined') {\n throwError(`Please provide a label or ariaLabel property to use this component.`);\n }\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA+C;AAC/C,8BAA4B;AAI5B,MAAM,aAAa,CAAC,YAA0B;AAC5C,QAAM,IAAI;AAAA,IACR,uBAAuB;AAAA;AAAA,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA+C;AAC/C,8BAA4B;AAI5B,MAAM,aAAa,CAAC,YAA0B;AAC5C,QAAM,IAAI;AAAA,IACR,uBAAuB,OAAO;AAAA;AAAA,EAEhC;AACF;AAEO,MAAM,mBAAmB,CAC9B,OACA,cACS;AACT,8DAA+B,OAAO,WAAW,mCAAW;AAC5D,MAAI,OAAO,MAAM,UAAU,eAAe,OAAO,MAAM,YAAY,MAAM,aAAa;AACpF,eAAW,qEAAqE;AAAA,EAClF;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/index.js
CHANGED
|
@@ -37,7 +37,6 @@ module.exports = __toCommonJS(src_exports);
|
|
|
37
37
|
var React = __toESM(require("react"));
|
|
38
38
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
39
39
|
var import_ControlledRadio = require("./ControlledRadio.js");
|
|
40
|
-
var import_react_desc_prop_types = require("./react-desc-prop-types.js");
|
|
41
40
|
var import_ControlledRadio2 = require("./ControlledRadio.js");
|
|
42
41
|
__reExport(src_exports, require("./exported-related/index.js"), module.exports);
|
|
43
42
|
const DSControlledRadio = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ControlledRadio.DSControlledRadio, { ...props });
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import { DSControlledRadio as Radio } from './ControlledRadio.js';\nexport { type DSControlledRadioT } from './react-desc-prop-types.js';\nexport const DSControlledRadio = ({ ...props }) => <Radio {...props} />;\nexport const PresentationalRadio = ({ ...props }) => <Radio {...props} visualOnly />;\nexport { DSControlledRadioWithSchema } from './ControlledRadio.js';\nexport * from './exported-related/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADE4B;AAFnD,6BAA2C;
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADE4B;AAFnD,6BAA2C;AAI3C,IAAAA,0BAA4C;AAC5C,wBAAc,wCALd;AAEO,MAAM,oBAAoB,CAAC,EAAE,GAAG,MAAM,MAAM,4CAAC,uBAAAC,mBAAA,EAAO,GAAG,OAAO;AAC9D,MAAM,sBAAsB,CAAC,EAAE,GAAG,MAAM,MAAM,4CAAC,uBAAAA,mBAAA,EAAO,GAAG,OAAO,YAAU,MAAC;",
|
|
6
6
|
"names": ["import_ControlledRadio", "Radio"]
|
|
7
7
|
}
|
package/dist/cjs/styles.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/styles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import { styled, css, th, xStyledCommonProps } from '@elliemae/ds-system';\nimport type { DSControlledRadioT } from './react-desc-prop-types.js';\nimport { handleBackgroundColor, handleCheckmark } from './utils/styleHelpers.js';\nimport { DSRadioName, DSRadioSlots } from './exported-related/index.js';\n\nexport const StyledContainer = styled('div', {\n name: DSRadioName,\n slot: DSRadioSlots.CONTAINER,\n})<{ device?: DSControlledRadioT.Devices; hasLabel: boolean }>`\n ${({ device, theme }) => {\n if (device === 'mobile') {\n return ` \n @media (max-width: ${theme.breakpoints.small}) {\n grid-template-columns: 1.5rem auto; /* 24px / 16px */\n }\n grid-template-columns: 1.846rem auto;\n `;\n }\n if (device === 'mediaquery') {\n return `\n @media (max-width: ${theme.breakpoints.small}) {\n grid-template-columns: 1.5rem auto;\n }\n grid-template-columns: 1.23rem auto;\n `;\n }\n return `\n @media (max-width: ${theme.breakpoints.small}) {\n grid-template-columns: 1rem auto; /* 16px / 16px */\n }\n grid-template-columns: 1.2307rem auto; /* 16px / 13 */\n\n `;\n }}\n ${({ hasLabel }) => (hasLabel ? 'column-gap: 8px;' : '')}\n display: inline-grid;\n grid-template-rows: min-content;\n\n align-items: center;\n ${xStyledCommonProps}\n`;\n\nexport const StyledRadio = styled('span')<DSControlledRadioT.StyledRadioT>`\n ${({ device, theme }) => {\n if (device === 'mobile') {\n return ` \n @media (max-width: ${theme.breakpoints.small}) {\n width: 1.5rem; /* 24px / 16 */\n height: 1.5rem; /* 24px / 16 */\n }\n width: 1.846rem; /* 24px / 13 */\n height: 1.846rem; /* 24px / 13 */`;\n }\n if (device === 'mediaquery') {\n return `\n @media (max-width: ${theme.breakpoints.small}) {\n width: 1.5rem; /* 24px / 16 */\n height: 1.5rem; /* 24px / 16 */\n }\n width: 1.2307rem; /* 16px / 13 */\n height: 1.2307rem; /* 16px / 13 */\n `;\n }\n return `\n @media (max-width: ${theme.breakpoints.small}) {\n width: 1rem; /* 16px / 16 */\n height: 1rem; /* 16px / 16 */\n }\n width: 1.2307rem; /* 16px / 13 */\n height: 1.2307rem; /* 16px / 13 */\n `;\n }}\n border: 1px solid ${({ theme, hasError }) => (hasError ? theme.colors.danger[900] : theme.colors.neutral[400])};\n border-radius: 50px;\n position: relative;\n background: ${({ theme, disabled }) => handleBackgroundColor(theme, disabled)};\n ${({ theme, checked, disabled, readOnly, hasError, device }) =>\n handleCheckmark(theme, checked, disabled, readOnly, hasError, false, device)}\n &:focus-within {\n ${({ theme, hasError, disabled }) =>\n !disabled\n ? `border: 1px solid ${hasError ? theme.colors.danger[900] : theme.colors.brand[700]}; outline : 1px solid ${\n hasError ? theme.colors.danger[900] : theme.colors.brand[700]\n } `\n : undefined};\n &:hover {\n ${({ theme, checked, disabled, readOnly, hasError, device }) =>\n handleCheckmark(theme, checked, disabled, readOnly, hasError, true, device)}\n }\n }\n &:hover {\n background: ${({ theme, disabled }) => (!disabled ? theme.colors.brand[200] : undefined)};\n ${({ theme, hasError, disabled, readOnly }) =>\n !hasError && !disabled && !readOnly ? ` border: 1px solid ${theme.colors.brand[600]}` : undefined};\n }\n`;\n\nconst radioStyles = css`\n &:hover {\n cursor: pointer;\n }\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0;\n`;\n\nexport const StyledInput = styled('input', {\n name: DSRadioName,\n slot: DSRadioSlots.INPUT,\n})`\n ${radioStyles}\n &:disabled {\n cursor: not-allowed;\n }\n`;\ninterface StyledLabelT {\n disabled?: boolean;\n readOnly?: boolean;\n checked: boolean;\n onClick?: React.MouseEventHandler<HTMLLabelElement>;\n device?: DSControlledRadioT.Devices;\n}\nexport const StyledLabel = styled('label', {\n name: DSRadioName,\n slot: DSRadioSlots.LABEL,\n})<StyledLabelT>`\n color: ${({ theme, disabled, readOnly }) =>\n disabled || readOnly ? theme.colors.neutral[500] : theme.colors.neutral[800]};\n line-height: 1.2307rem;\n @media (max-width: ${th.breakpoint('small')}) {\n line-height: 1rem; /* 13px / 16 */\n }\n ${({ device, theme }) => {\n if (device === 'mobile') {\n return `\n @media (max-width: ${theme.breakpoints.small}) {\n font-size: 1rem; /* 16px / 16 */\n }\n font-size: 1.2307rem; /* 16px / 13 */\n `;\n }\n if (device === undefined) {\n return `\n font-size: 1rem; \n `;\n }\n return `\n @media (max-width: ${theme.breakpoints.small}) {\n font-size: 0.8125rem; /* 13px / 16 */\n }\n \n font-size: 1rem; /* 13px / 13 */\n `;\n }}\n display: inherit;\n width: fit-content;\n\n ${({ disabled }) =>\n disabled\n ? `&:hover {\n cursor: not-allowed;\n }`\n : `&:hover {\n cursor: pointer;\n }`}\n`;\n\nexport const StyledWrapLabel = styled('span')``;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAoD;AAEpD,0BAAuD;AACvD,8BAA0C;AAEnC,MAAM,sBAAkB,yBAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,qCAAa;AACrB,CAAC;AAAA,IACG,CAAC,EAAE,QAAQ,MAAM,MAAM;AACvB,MAAI,WAAW,UAAU;AACvB,WAAO;AAAA,2BACc,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAoD;AAEpD,0BAAuD;AACvD,8BAA0C;AAEnC,MAAM,sBAAkB,yBAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,qCAAa;AACrB,CAAC;AAAA,IACG,CAAC,EAAE,QAAQ,MAAM,MAAM;AACvB,MAAI,WAAW,UAAU;AACvB,WAAO;AAAA,2BACc,MAAM,YAAY,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,EAK9C;AACA,MAAI,WAAW,cAAc;AAC3B,WAAO;AAAA,6BACgB,MAAM,YAAY,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,EAKhD;AACA,SAAO;AAAA,yBACc,MAAM,YAAY,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAM9C,CAAC;AAAA,IACC,CAAC,EAAE,SAAS,MAAO,WAAW,qBAAqB,EAAG;AAAA;AAAA;AAAA;AAAA;AAAA,IAKtD,mCAAkB;AAAA;AAGf,MAAM,kBAAc,yBAAO,MAAM;AAAA,IACpC,CAAC,EAAE,QAAQ,MAAM,MAAM;AACvB,MAAI,WAAW,UAAU;AACvB,WAAO;AAAA,2BACc,MAAM,YAAY,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAM9C;AACA,MAAI,WAAW,cAAc;AAC3B,WAAO;AAAA,6BACgB,MAAM,YAAY,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOhD;AACA,SAAO;AAAA,yBACc,MAAM,YAAY,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9C,CAAC;AAAA,sBACmB,CAAC,EAAE,OAAO,SAAS,MAAO,WAAW,MAAM,OAAO,OAAO,GAAG,IAAI,MAAM,OAAO,QAAQ,GAAG,CAAE;AAAA;AAAA;AAAA,gBAGhG,CAAC,EAAE,OAAO,SAAS,UAAM,2CAAsB,OAAO,QAAQ,CAAC;AAAA,IAC3E,CAAC,EAAE,OAAO,SAAS,UAAU,UAAU,UAAU,OAAO,UACxD,qCAAgB,OAAO,SAAS,UAAU,UAAU,UAAU,OAAO,MAAM,CAAC;AAAA;AAAA,MAE1E,CAAC,EAAE,OAAO,UAAU,SAAS,MAC7B,CAAC,WACG,qBAAqB,WAAW,MAAM,OAAO,OAAO,GAAG,IAAI,MAAM,OAAO,MAAM,GAAG,CAAC,yBAChF,WAAW,MAAM,OAAO,OAAO,GAAG,IAAI,MAAM,OAAO,MAAM,GAAG,CAC9D,MACA,MAAS;AAAA;AAAA,QAEX,CAAC,EAAE,OAAO,SAAS,UAAU,UAAU,UAAU,OAAO,UACxD,qCAAgB,OAAO,SAAS,UAAU,UAAU,UAAU,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIjE,CAAC,EAAE,OAAO,SAAS,MAAO,CAAC,WAAW,MAAM,OAAO,MAAM,GAAG,IAAI,MAAU;AAAA,MACtF,CAAC,EAAE,OAAO,UAAU,UAAU,SAAS,MACvC,CAAC,YAAY,CAAC,YAAY,CAAC,WAAW,uBAAuB,MAAM,OAAO,MAAM,GAAG,CAAC,KAAK,MAAS;AAAA;AAAA;AAIxG,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYb,MAAM,kBAAc,yBAAO,SAAS;AAAA,EACzC,MAAM;AAAA,EACN,MAAM,qCAAa;AACrB,CAAC;AAAA,IACG,WAAW;AAAA;AAAA;AAAA;AAAA;AAYR,MAAM,kBAAc,yBAAO,SAAS;AAAA,EACzC,MAAM;AAAA,EACN,MAAM,qCAAa;AACrB,CAAC;AAAA,WACU,CAAC,EAAE,OAAO,UAAU,SAAS,MACpC,YAAY,WAAW,MAAM,OAAO,QAAQ,GAAG,IAAI,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA,uBAEzD,oBAAG,WAAW,OAAO,CAAC;AAAA;AAAA;AAAA,IAGzC,CAAC,EAAE,QAAQ,MAAM,MAAM;AACvB,MAAI,WAAW,UAAU;AACvB,WAAO;AAAA,6BACgB,MAAM,YAAY,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,EAKhD;AACA,MAAI,WAAW,QAAW;AACxB,WAAO;AAAA;AAAA;AAAA,EAGT;AACA,SAAO;AAAA,2BACgB,MAAM,YAAY,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAMhD,CAAC;AAAA;AAAA;AAAA;AAAA,IAIC,CAAC,EAAE,SAAS,MACZ,WACI;AAAA;AAAA,OAGA;AAAA;AAAA,IAEJ;AAAA;AAGG,MAAM,sBAAkB,yBAAO,MAAM;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/utils/styleHelpers.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable max-params */\nimport type { Theme } from '@elliemae/pui-theme';\n\nexport const handleCheckMarkColor = (\n { colors }: Theme,\n checked?: boolean,\n isHovering?: boolean,\n disabled?: boolean,\n readOnly?: boolean,\n hasError?: boolean,\n): string => {\n if (hasError) {\n return colors.danger[900];\n }\n if (disabled || readOnly) {\n return colors.neutral[500];\n }\n\n return colors.brand[600];\n};\n\nexport const handleCheckmark = (\n theme: Theme,\n checked?: boolean,\n disabled?: boolean,\n readOnly?: boolean,\n hasError?: boolean,\n isHovering = false,\n device = 'mediaquery',\n): string => {\n const desktopCheckmark = `\n content:\"\";\n width: 0.615rem; /* 8px / 13 */\n height: 0.615rem; /* 8px / 13 */\n border-radius:50%;\n display:inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n background: ${handleCheckMarkColor(theme, checked, isHovering, disabled, readOnly, hasError)};\n`;\n\n const mediaqueryCheckmark = `\n @media (max-width: ${theme.breakpoints.small}) {\n width: 0.75rem; /* 12px / 16 */\n height: 0.75rem; /* 12px / 16 */\n }\n ${desktopCheckmark}\n`;\n const mobileCheckmark = `\n ${desktopCheckmark}\n width: 0.923rem; /* 12px / 13 */\n height: 0.923rem; /* 12px / 13 */\n @media (max-width: ${theme.breakpoints.small}) {\n width: 0.75rem; /* 12px / 16 */\n height: 0.75rem; /* 12px / 16 */\n }\n `;\n\n if (checked) {\n return `&:before {\n ${device === 'mediaquery' ? mediaqueryCheckmark : device === 'mobile' ? mobileCheckmark : desktopCheckmark}\n }`;\n }\n return '';\n};\n\nexport const handleBackgroundColor = ({ colors }: Theme, disabled?: boolean): string => {\n if (disabled) {\n return colors.neutral['080'];\n }\n\n return colors.neutral['000'];\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGhB,MAAM,uBAAuB,CAClC,EAAE,OAAO,GACT,SACA,YACA,UACA,UACA,aACW;AACX,MAAI,UAAU;AACZ,WAAO,OAAO,OAAO,GAAG;AAAA,EAC1B;AACA,MAAI,YAAY,UAAU;AACxB,WAAO,OAAO,QAAQ,GAAG;AAAA,EAC3B;AAEA,SAAO,OAAO,MAAM,GAAG;AACzB;AAEO,MAAM,kBAAkB,CAC7B,OACA,SACA,UACA,UACA,UACA,aAAa,OACb,SAAS,iBACE;AACX,QAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAWX,qBAAqB,OAAO,SAAS,YAAY,UAAU,UAAU,QAAQ;AAAA;
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGhB,MAAM,uBAAuB,CAClC,EAAE,OAAO,GACT,SACA,YACA,UACA,UACA,aACW;AACX,MAAI,UAAU;AACZ,WAAO,OAAO,OAAO,GAAG;AAAA,EAC1B;AACA,MAAI,YAAY,UAAU;AACxB,WAAO,OAAO,QAAQ,GAAG;AAAA,EAC3B;AAEA,SAAO,OAAO,MAAM,GAAG;AACzB;AAEO,MAAM,kBAAkB,CAC7B,OACA,SACA,UACA,UACA,UACA,aAAa,OACb,SAAS,iBACE;AACX,QAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAWX,qBAAqB,OAAO,SAAS,YAAY,UAAU,UAAU,QAAQ,CAAC;AAAA;AAG5F,QAAM,sBAAsB;AAAA,yBACL,MAAM,YAAY,KAAK;AAAA;AAAA;AAAA;AAAA,MAI1C,gBAAgB;AAAA;AAEpB,QAAM,kBAAkB;AAAA,MACpB,gBAAgB;AAAA;AAAA;AAAA,yBAGG,MAAM,YAAY,KAAK;AAAA;AAAA;AAAA;AAAA;AAM9C,MAAI,SAAS;AACX,WAAO;AAAA,UACD,WAAW,eAAe,sBAAsB,WAAW,WAAW,kBAAkB,gBAAgB;AAAA;AAAA,EAEhH;AACA,SAAO;AACT;AAEO,MAAM,wBAAwB,CAAC,EAAE,OAAO,GAAU,aAA+B;AACtF,MAAI,UAAU;AACZ,WAAO,OAAO,QAAQ,KAAK;AAAA,EAC7B;AAEA,SAAO,OAAO,QAAQ,KAAK;AAC7B;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -18,15 +18,13 @@ const DSControlledRadio = (props) => {
|
|
|
18
18
|
const { checked, visualOnly, device, hasError, innerRef, value, wrapLabel, onChange } = propsWithDefault;
|
|
19
19
|
const handleOnChange = useCallback(
|
|
20
20
|
(e) => {
|
|
21
|
-
if (onChange && value)
|
|
22
|
-
onChange(value, e);
|
|
21
|
+
if (onChange && value) onChange(value, e);
|
|
23
22
|
},
|
|
24
23
|
[onChange, value]
|
|
25
24
|
);
|
|
26
25
|
const handleKeyDown = useCallback(
|
|
27
26
|
(e) => {
|
|
28
|
-
if (e.key === "Enter")
|
|
29
|
-
handleOnChange(e);
|
|
27
|
+
if (e.key === "Enter") handleOnChange(e);
|
|
30
28
|
},
|
|
31
29
|
[handleOnChange]
|
|
32
30
|
);
|
|
@@ -84,7 +82,6 @@ const DSControlledRadio = (props) => {
|
|
|
84
82
|
}
|
|
85
83
|
);
|
|
86
84
|
};
|
|
87
|
-
DSControlledRadio.propTypes = DSControlledRadioPropTypesSchema;
|
|
88
85
|
DSControlledRadio.displayName = "DSControlledRadio";
|
|
89
86
|
const DSControlledRadioWithSchema = describe(DSControlledRadio);
|
|
90
87
|
DSControlledRadioWithSchema.propTypes = DSControlledRadioPropTypesSchema;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/ControlledRadio.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useCallback, useMemo } from 'react';\nimport {\n describe,\n useGetGlobalAttributes,\n useGetXstyledProps,\n useMemoMergePropsWithDefault,\n} from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { StyledContainer, StyledWrapLabel, StyledInput, StyledLabel, StyledRadio } from './styles.js';\nimport type { DSControlledRadioT } from './react-desc-prop-types.js';\nimport { DSControlledRadioPropTypes, DSControlledRadioPropTypesSchema, defaultProps } from './react-desc-prop-types.js';\nimport { useValidateProps } from './config/useValidateProps.js';\n\nconst DSControlledRadio: React.ComponentType<DSControlledRadioT.Props> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault<DSControlledRadioT.InternalProps>(props, defaultProps);\n useValidateProps(props, DSControlledRadioPropTypes);\n const { checked, visualOnly, device, hasError, innerRef, value, wrapLabel, onChange } = propsWithDefault;\n\n const handleOnChange = useCallback(\n (e: React.ChangeEvent | React.KeyboardEvent) => {\n if (onChange && value) onChange(value, e);\n },\n [onChange, value],\n );\n\n const handleKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.key === 'Enter') handleOnChange(e);\n },\n [handleOnChange],\n );\n\n const sharedListeners = React.useMemo(\n () => ({\n onKeyDown: handleKeyDown,\n // we can't declare onChange here, we are \"overwriting\" the event,\n // if we put it here we invoke it twice, once with our overwritten arguments, once with the native ones\n // onChange: handleOnChange,\n }),\n [handleKeyDown],\n );\n const { id, disabled, readOnly, label, className, ...restGlobals } = useGetGlobalAttributes<DSControlledRadioT.Props>(\n propsWithDefault,\n sharedListeners,\n );\n\n const instanceUid = useMemo(() => id || `ds-form-radio-${uid(5)}`, [id]);\n const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n return (\n <StyledContainer\n device={device}\n data-testid=\"ds-radio-container\"\n hasLabel={Boolean(label)}\n className={className}\n {...xstyledProps}\n >\n <StyledRadio device={device} checked={checked} hasError={hasError} disabled={disabled} readOnly={readOnly}>\n {!visualOnly ? (\n <StyledInput\n data-testid=\"ds-radio\"\n type=\"radio\"\n {...sharedListeners}\n {...restGlobals}\n id={instanceUid}\n innerRef={innerRef}\n onChange={handleOnChange}\n checked={checked}\n disabled={disabled}\n />\n ) : null}\n </StyledRadio>\n {label && (\n <StyledLabel\n device={device}\n htmlFor={instanceUid}\n disabled={disabled}\n readOnly={readOnly}\n checked={checked}\n data-testid=\"ds-radio-label\"\n >\n {wrapLabel ? <StyledWrapLabel>{label}</StyledWrapLabel> : <SimpleTruncatedTooltipText value={label} />}\n </StyledLabel>\n )}\n </StyledContainer>\n );\n};\n\nDSControlledRadio.
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACoDnB,SASM,KATN;AAnDJ,OAAOA,UAAS,aAAa,eAAe;AAC5C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW;AACpB,SAAS,kCAAkC;AAC3C,SAAS,iBAAiB,iBAAiB,aAAa,aAAa,mBAAmB;AAExF,SAAS,4BAA4B,kCAAkC,oBAAoB;AAC3F,SAAS,wBAAwB;AAEjC,MAAM,oBAAmE,CAAC,UAAU;AAClF,QAAM,mBAAmB,6BAA+D,OAAO,YAAY;AAC3G,mBAAiB,OAAO,0BAA0B;AAClD,QAAM,EAAE,SAAS,YAAY,QAAQ,UAAU,UAAU,OAAO,WAAW,SAAS,IAAI;AAExF,QAAM,iBAAiB;AAAA,IACrB,CAAC,MAA+C;AAC9C,UAAI,YAAY
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useCallback, useMemo } from 'react';\nimport {\n describe,\n useGetGlobalAttributes,\n useGetXstyledProps,\n useMemoMergePropsWithDefault,\n} from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { StyledContainer, StyledWrapLabel, StyledInput, StyledLabel, StyledRadio } from './styles.js';\nimport type { DSControlledRadioT } from './react-desc-prop-types.js';\nimport { DSControlledRadioPropTypes, DSControlledRadioPropTypesSchema, defaultProps } from './react-desc-prop-types.js';\nimport { useValidateProps } from './config/useValidateProps.js';\n\nconst DSControlledRadio: React.ComponentType<DSControlledRadioT.Props> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault<DSControlledRadioT.InternalProps>(props, defaultProps);\n useValidateProps(props, DSControlledRadioPropTypes);\n const { checked, visualOnly, device, hasError, innerRef, value, wrapLabel, onChange } = propsWithDefault;\n\n const handleOnChange = useCallback(\n (e: React.ChangeEvent | React.KeyboardEvent) => {\n if (onChange && value) onChange(value, e);\n },\n [onChange, value],\n );\n\n const handleKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.key === 'Enter') handleOnChange(e);\n },\n [handleOnChange],\n );\n\n const sharedListeners = React.useMemo(\n () => ({\n onKeyDown: handleKeyDown,\n // we can't declare onChange here, we are \"overwriting\" the event,\n // if we put it here we invoke it twice, once with our overwritten arguments, once with the native ones\n // onChange: handleOnChange,\n }),\n [handleKeyDown],\n );\n const { id, disabled, readOnly, label, className, ...restGlobals } = useGetGlobalAttributes<DSControlledRadioT.Props>(\n propsWithDefault,\n sharedListeners,\n );\n\n const instanceUid = useMemo(() => id || `ds-form-radio-${uid(5)}`, [id]);\n const xstyledProps = useGetXstyledProps(propsWithDefault);\n\n return (\n <StyledContainer\n device={device}\n data-testid=\"ds-radio-container\"\n hasLabel={Boolean(label)}\n className={className}\n {...xstyledProps}\n >\n <StyledRadio device={device} checked={checked} hasError={hasError} disabled={disabled} readOnly={readOnly}>\n {!visualOnly ? (\n <StyledInput\n data-testid=\"ds-radio\"\n type=\"radio\"\n {...sharedListeners}\n {...restGlobals}\n id={instanceUid}\n innerRef={innerRef}\n onChange={handleOnChange}\n checked={checked}\n disabled={disabled}\n />\n ) : null}\n </StyledRadio>\n {label && (\n <StyledLabel\n device={device}\n htmlFor={instanceUid}\n disabled={disabled}\n readOnly={readOnly}\n checked={checked}\n data-testid=\"ds-radio-label\"\n >\n {wrapLabel ? <StyledWrapLabel>{label}</StyledWrapLabel> : <SimpleTruncatedTooltipText value={label} />}\n </StyledLabel>\n )}\n </StyledContainer>\n );\n};\n\nDSControlledRadio.displayName = 'DSControlledRadio';\nconst DSControlledRadioWithSchema = describe(DSControlledRadio);\nDSControlledRadioWithSchema.propTypes = DSControlledRadioPropTypesSchema;\n\nexport { DSControlledRadio, DSControlledRadioWithSchema };\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACoDnB,SASM,KATN;AAnDJ,OAAOA,UAAS,aAAa,eAAe;AAC5C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW;AACpB,SAAS,kCAAkC;AAC3C,SAAS,iBAAiB,iBAAiB,aAAa,aAAa,mBAAmB;AAExF,SAAS,4BAA4B,kCAAkC,oBAAoB;AAC3F,SAAS,wBAAwB;AAEjC,MAAM,oBAAmE,CAAC,UAAU;AAClF,QAAM,mBAAmB,6BAA+D,OAAO,YAAY;AAC3G,mBAAiB,OAAO,0BAA0B;AAClD,QAAM,EAAE,SAAS,YAAY,QAAQ,UAAU,UAAU,OAAO,WAAW,SAAS,IAAI;AAExF,QAAM,iBAAiB;AAAA,IACrB,CAAC,MAA+C;AAC9C,UAAI,YAAY,MAAO,UAAS,OAAO,CAAC;AAAA,IAC1C;AAAA,IACA,CAAC,UAAU,KAAK;AAAA,EAClB;AAEA,QAAM,gBAAgB;AAAA,IACpB,CAAC,MAA2B;AAC1B,UAAI,EAAE,QAAQ,QAAS,gBAAe,CAAC;AAAA,IACzC;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM,kBAAkBA,OAAM;AAAA,IAC5B,OAAO;AAAA,MACL,WAAW;AAAA;AAAA;AAAA;AAAA,IAIb;AAAA,IACA,CAAC,aAAa;AAAA,EAChB;AACA,QAAM,EAAE,IAAI,UAAU,UAAU,OAAO,WAAW,GAAG,YAAY,IAAI;AAAA,IACnE;AAAA,IACA;AAAA,EACF;AAEA,QAAM,cAAc,QAAQ,MAAM,MAAM,iBAAiB,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;AACvE,QAAM,eAAe,mBAAmB,gBAAgB;AAExD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAY;AAAA,MACZ,UAAU,QAAQ,KAAK;AAAA,MACvB;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,4BAAC,eAAY,QAAgB,SAAkB,UAAoB,UAAoB,UACpF,WAAC,aACA;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,MAAK;AAAA,YACJ,GAAG;AAAA,YACH,GAAG;AAAA,YACJ,IAAI;AAAA,YACJ;AAAA,YACA,UAAU;AAAA,YACV;AAAA,YACA;AAAA;AAAA,QACF,IACE,MACN;AAAA,QACC,SACC;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,SAAS;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA,eAAY;AAAA,YAEX,sBAAY,oBAAC,mBAAiB,iBAAM,IAAqB,oBAAC,8BAA2B,OAAO,OAAO;AAAA;AAAA,QACtG;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,kBAAkB,cAAc;AAChC,MAAM,8BAA8B,SAAS,iBAAiB;AAC9D,4BAA4B,YAAY;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useValidateProps.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { DSRadioName } from '../exported-related/index.js';\nimport type React from 'react';\nimport type { DSControlledRadioT } from '../react-desc-prop-types.js';\n\nconst throwError = (message: string): void => {\n throw new Error(\n `DSControlledRadio:: ${message}\n `,\n );\n};\n\nexport const useValidateProps = (\n props: DSControlledRadioT.Props,\n propTypes: React.WeakValidationMap<unknown>,\n): void => {\n useValidateTypescriptPropTypes(props, propTypes, DSRadioName);\n if (typeof props.label === 'undefined' && typeof props['aria-label'] === 'undefined') {\n throwError(`Please provide a label or ariaLabel property to use this component.`);\n }\n};\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC;AAC/C,SAAS,mBAAmB;AAI5B,MAAM,aAAa,CAAC,YAA0B;AAC5C,QAAM,IAAI;AAAA,IACR,uBAAuB;AAAA;AAAA,
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC;AAC/C,SAAS,mBAAmB;AAI5B,MAAM,aAAa,CAAC,YAA0B;AAC5C,QAAM,IAAI;AAAA,IACR,uBAAuB,OAAO;AAAA;AAAA,EAEhC;AACF;AAEO,MAAM,mBAAmB,CAC9B,OACA,cACS;AACT,iCAA+B,OAAO,WAAW,WAAW;AAC5D,MAAI,OAAO,MAAM,UAAU,eAAe,OAAO,MAAM,YAAY,MAAM,aAAa;AACpF,eAAW,qEAAqE;AAAA,EAClF;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { DSControlledRadio as Radio } from "./ControlledRadio.js";
|
|
4
|
-
import {} from "./react-desc-prop-types.js";
|
|
5
4
|
const DSControlledRadio = ({ ...props }) => /* @__PURE__ */ jsx(Radio, { ...props });
|
|
6
5
|
const PresentationalRadio = ({ ...props }) => /* @__PURE__ */ jsx(Radio, { ...props, visualOnly: true });
|
|
7
6
|
import { DSControlledRadioWithSchema } from "./ControlledRadio.js";
|
package/dist/esm/index.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSControlledRadio as Radio } from './ControlledRadio.js';\nexport { type DSControlledRadioT } from './react-desc-prop-types.js';\nexport const DSControlledRadio = ({ ...props }) => <Radio {...props} />;\nexport const PresentationalRadio = ({ ...props }) => <Radio {...props} visualOnly />;\nexport { DSControlledRadioWithSchema } from './ControlledRadio.js';\nexport * from './exported-related/index.js';\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACE4B;AAFnD,SAAS,qBAAqB,aAAa;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACE4B;AAFnD,SAAS,qBAAqB,aAAa;AAEpC,MAAM,oBAAoB,CAAC,EAAE,GAAG,MAAM,MAAM,oBAAC,SAAO,GAAG,OAAO;AAC9D,MAAM,sBAAsB,CAAC,EAAE,GAAG,MAAM,MAAM,oBAAC,SAAO,GAAG,OAAO,YAAU,MAAC;AAClF,SAAS,mCAAmC;AAC5C,cAAc;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/styles.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styles.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, css, th, xStyledCommonProps } from '@elliemae/ds-system';\nimport type { DSControlledRadioT } from './react-desc-prop-types.js';\nimport { handleBackgroundColor, handleCheckmark } from './utils/styleHelpers.js';\nimport { DSRadioName, DSRadioSlots } from './exported-related/index.js';\n\nexport const StyledContainer = styled('div', {\n name: DSRadioName,\n slot: DSRadioSlots.CONTAINER,\n})<{ device?: DSControlledRadioT.Devices; hasLabel: boolean }>`\n ${({ device, theme }) => {\n if (device === 'mobile') {\n return ` \n @media (max-width: ${theme.breakpoints.small}) {\n grid-template-columns: 1.5rem auto; /* 24px / 16px */\n }\n grid-template-columns: 1.846rem auto;\n `;\n }\n if (device === 'mediaquery') {\n return `\n @media (max-width: ${theme.breakpoints.small}) {\n grid-template-columns: 1.5rem auto;\n }\n grid-template-columns: 1.23rem auto;\n `;\n }\n return `\n @media (max-width: ${theme.breakpoints.small}) {\n grid-template-columns: 1rem auto; /* 16px / 16px */\n }\n grid-template-columns: 1.2307rem auto; /* 16px / 13 */\n\n `;\n }}\n ${({ hasLabel }) => (hasLabel ? 'column-gap: 8px;' : '')}\n display: inline-grid;\n grid-template-rows: min-content;\n\n align-items: center;\n ${xStyledCommonProps}\n`;\n\nexport const StyledRadio = styled('span')<DSControlledRadioT.StyledRadioT>`\n ${({ device, theme }) => {\n if (device === 'mobile') {\n return ` \n @media (max-width: ${theme.breakpoints.small}) {\n width: 1.5rem; /* 24px / 16 */\n height: 1.5rem; /* 24px / 16 */\n }\n width: 1.846rem; /* 24px / 13 */\n height: 1.846rem; /* 24px / 13 */`;\n }\n if (device === 'mediaquery') {\n return `\n @media (max-width: ${theme.breakpoints.small}) {\n width: 1.5rem; /* 24px / 16 */\n height: 1.5rem; /* 24px / 16 */\n }\n width: 1.2307rem; /* 16px / 13 */\n height: 1.2307rem; /* 16px / 13 */\n `;\n }\n return `\n @media (max-width: ${theme.breakpoints.small}) {\n width: 1rem; /* 16px / 16 */\n height: 1rem; /* 16px / 16 */\n }\n width: 1.2307rem; /* 16px / 13 */\n height: 1.2307rem; /* 16px / 13 */\n `;\n }}\n border: 1px solid ${({ theme, hasError }) => (hasError ? theme.colors.danger[900] : theme.colors.neutral[400])};\n border-radius: 50px;\n position: relative;\n background: ${({ theme, disabled }) => handleBackgroundColor(theme, disabled)};\n ${({ theme, checked, disabled, readOnly, hasError, device }) =>\n handleCheckmark(theme, checked, disabled, readOnly, hasError, false, device)}\n &:focus-within {\n ${({ theme, hasError, disabled }) =>\n !disabled\n ? `border: 1px solid ${hasError ? theme.colors.danger[900] : theme.colors.brand[700]}; outline : 1px solid ${\n hasError ? theme.colors.danger[900] : theme.colors.brand[700]\n } `\n : undefined};\n &:hover {\n ${({ theme, checked, disabled, readOnly, hasError, device }) =>\n handleCheckmark(theme, checked, disabled, readOnly, hasError, true, device)}\n }\n }\n &:hover {\n background: ${({ theme, disabled }) => (!disabled ? theme.colors.brand[200] : undefined)};\n ${({ theme, hasError, disabled, readOnly }) =>\n !hasError && !disabled && !readOnly ? ` border: 1px solid ${theme.colors.brand[600]}` : undefined};\n }\n`;\n\nconst radioStyles = css`\n &:hover {\n cursor: pointer;\n }\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0;\n`;\n\nexport const StyledInput = styled('input', {\n name: DSRadioName,\n slot: DSRadioSlots.INPUT,\n})`\n ${radioStyles}\n &:disabled {\n cursor: not-allowed;\n }\n`;\ninterface StyledLabelT {\n disabled?: boolean;\n readOnly?: boolean;\n checked: boolean;\n onClick?: React.MouseEventHandler<HTMLLabelElement>;\n device?: DSControlledRadioT.Devices;\n}\nexport const StyledLabel = styled('label', {\n name: DSRadioName,\n slot: DSRadioSlots.LABEL,\n})<StyledLabelT>`\n color: ${({ theme, disabled, readOnly }) =>\n disabled || readOnly ? theme.colors.neutral[500] : theme.colors.neutral[800]};\n line-height: 1.2307rem;\n @media (max-width: ${th.breakpoint('small')}) {\n line-height: 1rem; /* 13px / 16 */\n }\n ${({ device, theme }) => {\n if (device === 'mobile') {\n return `\n @media (max-width: ${theme.breakpoints.small}) {\n font-size: 1rem; /* 16px / 16 */\n }\n font-size: 1.2307rem; /* 16px / 13 */\n `;\n }\n if (device === undefined) {\n return `\n font-size: 1rem; \n `;\n }\n return `\n @media (max-width: ${theme.breakpoints.small}) {\n font-size: 0.8125rem; /* 13px / 16 */\n }\n \n font-size: 1rem; /* 13px / 13 */\n `;\n }}\n display: inherit;\n width: fit-content;\n\n ${({ disabled }) =>\n disabled\n ? `&:hover {\n cursor: not-allowed;\n }`\n : `&:hover {\n cursor: pointer;\n }`}\n`;\n\nexport const StyledWrapLabel = styled('span')``;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,KAAK,IAAI,0BAA0B;AAEpD,SAAS,uBAAuB,uBAAuB;AACvD,SAAS,aAAa,oBAAoB;AAEnC,MAAM,kBAAkB,OAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,aAAa;AACrB,CAAC;AAAA,IACG,CAAC,EAAE,QAAQ,MAAM,MAAM;AACvB,MAAI,WAAW,UAAU;AACvB,WAAO;AAAA,2BACc,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/styleHelpers.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nimport type { Theme } from '@elliemae/pui-theme';\n\nexport const handleCheckMarkColor = (\n { colors }: Theme,\n checked?: boolean,\n isHovering?: boolean,\n disabled?: boolean,\n readOnly?: boolean,\n hasError?: boolean,\n): string => {\n if (hasError) {\n return colors.danger[900];\n }\n if (disabled || readOnly) {\n return colors.neutral[500];\n }\n\n return colors.brand[600];\n};\n\nexport const handleCheckmark = (\n theme: Theme,\n checked?: boolean,\n disabled?: boolean,\n readOnly?: boolean,\n hasError?: boolean,\n isHovering = false,\n device = 'mediaquery',\n): string => {\n const desktopCheckmark = `\n content:\"\";\n width: 0.615rem; /* 8px / 13 */\n height: 0.615rem; /* 8px / 13 */\n border-radius:50%;\n display:inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n background: ${handleCheckMarkColor(theme, checked, isHovering, disabled, readOnly, hasError)};\n`;\n\n const mediaqueryCheckmark = `\n @media (max-width: ${theme.breakpoints.small}) {\n width: 0.75rem; /* 12px / 16 */\n height: 0.75rem; /* 12px / 16 */\n }\n ${desktopCheckmark}\n`;\n const mobileCheckmark = `\n ${desktopCheckmark}\n width: 0.923rem; /* 12px / 13 */\n height: 0.923rem; /* 12px / 13 */\n @media (max-width: ${theme.breakpoints.small}) {\n width: 0.75rem; /* 12px / 16 */\n height: 0.75rem; /* 12px / 16 */\n }\n `;\n\n if (checked) {\n return `&:before {\n ${device === 'mediaquery' ? mediaqueryCheckmark : device === 'mobile' ? mobileCheckmark : desktopCheckmark}\n }`;\n }\n return '';\n};\n\nexport const handleBackgroundColor = ({ colors }: Theme, disabled?: boolean): string => {\n if (disabled) {\n return colors.neutral['080'];\n }\n\n return colors.neutral['000'];\n};\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACGhB,MAAM,uBAAuB,CAClC,EAAE,OAAO,GACT,SACA,YACA,UACA,UACA,aACW;AACX,MAAI,UAAU;AACZ,WAAO,OAAO,OAAO,GAAG;AAAA,EAC1B;AACA,MAAI,YAAY,UAAU;AACxB,WAAO,OAAO,QAAQ,GAAG;AAAA,EAC3B;AAEA,SAAO,OAAO,MAAM,GAAG;AACzB;AAEO,MAAM,kBAAkB,CAC7B,OACA,SACA,UACA,UACA,UACA,aAAa,OACb,SAAS,iBACE;AACX,QAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAWX,qBAAqB,OAAO,SAAS,YAAY,UAAU,UAAU,QAAQ;AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACGhB,MAAM,uBAAuB,CAClC,EAAE,OAAO,GACT,SACA,YACA,UACA,UACA,aACW;AACX,MAAI,UAAU;AACZ,WAAO,OAAO,OAAO,GAAG;AAAA,EAC1B;AACA,MAAI,YAAY,UAAU;AACxB,WAAO,OAAO,QAAQ,GAAG;AAAA,EAC3B;AAEA,SAAO,OAAO,MAAM,GAAG;AACzB;AAEO,MAAM,kBAAkB,CAC7B,OACA,SACA,UACA,UACA,UACA,aAAa,OACb,SAAS,iBACE;AACX,QAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAWX,qBAAqB,OAAO,SAAS,YAAY,UAAU,UAAU,QAAQ,CAAC;AAAA;AAG5F,QAAM,sBAAsB;AAAA,yBACL,MAAM,YAAY,KAAK;AAAA;AAAA;AAAA;AAAA,MAI1C,gBAAgB;AAAA;AAEpB,QAAM,kBAAkB;AAAA,MACpB,gBAAgB;AAAA;AAAA;AAAA,yBAGG,MAAM,YAAY,KAAK;AAAA;AAAA;AAAA;AAAA;AAM9C,MAAI,SAAS;AACX,WAAO;AAAA,UACD,WAAW,eAAe,sBAAsB,WAAW,WAAW,kBAAkB,gBAAgB;AAAA;AAAA,EAEhH;AACA,SAAO;AACT;AAEO,MAAM,wBAAwB,CAAC,EAAE,OAAO,GAAU,aAA+B;AACtF,MAAI,UAAU;AACZ,WAAO,OAAO,QAAQ,KAAK;AAAA,EAC7B;AAEA,SAAO,OAAO,QAAQ,KAAK;AAC7B;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-form-radio",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.36.0-next.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Controlled Form Radio",
|
|
6
6
|
"files": [
|
|
@@ -36,17 +36,17 @@
|
|
|
36
36
|
"indent": 4
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@elliemae/ds-props-helpers": "3.
|
|
40
|
-
"@elliemae/ds-
|
|
41
|
-
"@elliemae/ds-
|
|
42
|
-
"@elliemae/ds-
|
|
39
|
+
"@elliemae/ds-props-helpers": "3.36.0-next.1",
|
|
40
|
+
"@elliemae/ds-utilities": "3.36.0-next.1",
|
|
41
|
+
"@elliemae/ds-truncated-tooltip-text": "3.36.0-next.1",
|
|
42
|
+
"@elliemae/ds-system": "3.36.0-next.1"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
45
|
"@elliemae/pui-cli": "~9.0.0-next.31",
|
|
46
46
|
"@elliemae/pui-theme": "~2.9.3",
|
|
47
47
|
"styled-components": "~5.3.9",
|
|
48
48
|
"uid": "~2.0.1",
|
|
49
|
-
"@elliemae/ds-monorepo-devops": "3.
|
|
49
|
+
"@elliemae/ds-monorepo-devops": "3.36.0-next.1"
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|
|
52
52
|
"@elliemae/pui-theme": "~2.9.3",
|