@elliemae/ds-controlled-form 1.58.0-rc.0 → 1.58.0-rc.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/cjs/controlled-checkbox/ControlledCheckbox.js +4 -2
- package/cjs/controlled-checkbox/ControlledCheckbox.js.map +1 -1
- package/cjs/controlled-checkbox/propTypes.js +5 -4
- package/cjs/controlled-checkbox/propTypes.js.map +1 -1
- package/esm/controlled-checkbox/ControlledCheckbox.js +4 -2
- package/esm/controlled-checkbox/ControlledCheckbox.js.map +1 -1
- package/esm/controlled-checkbox/propTypes.js +5 -4
- package/esm/controlled-checkbox/propTypes.js.map +1 -1
- package/package.json +8 -8
|
@@ -20,7 +20,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
20
20
|
var DSControlledCheckbox = function DSControlledCheckbox(props) {
|
|
21
21
|
controlledCheckbox_config_useValidateProps.useValidateProps(props, DSControlledCheckboxWithSchema.toTypescript());
|
|
22
22
|
var checkboxRef = React.useRef();
|
|
23
|
-
var
|
|
23
|
+
var autoFocus = props.autoFocus,
|
|
24
|
+
checked = props.checked,
|
|
24
25
|
ariaControls = props.ariaControls,
|
|
25
26
|
ariaLabel = props.ariaLabel,
|
|
26
27
|
disabled = props.disabled,
|
|
@@ -62,7 +63,8 @@ var DSControlledCheckbox = function DSControlledCheckbox(props) {
|
|
|
62
63
|
value: value,
|
|
63
64
|
onChange: onChange,
|
|
64
65
|
id: id,
|
|
65
|
-
"data-testid": "ds-checkbox"
|
|
66
|
+
"data-testid": "ds-checkbox",
|
|
67
|
+
autoFocus: autoFocus
|
|
66
68
|
})), label && /*#__PURE__*/React__default['default'].createElement(controlledCheckbox_styles.StyledLabel, {
|
|
67
69
|
htmlFor: id,
|
|
68
70
|
disabled: disabled,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ControlledCheckbox.js","sources":["../../../src/controlled-checkbox/ControlledCheckbox.tsx"],"sourcesContent":["import React, { useRef, useCallback } from 'react';\nimport { describe } from 'react-desc';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { propTypes } from './propTypes';\nimport { StyledContainer, StyledInput, StyledLabel, StyledCheckBox } from './styles';\nimport type { DSControlledCheckboxPropsT } from './index.d';\nimport { useValidateProps } from './config/useValidateProps';\nimport { setMultipleRefs } from './utils/setMultipleRefs';\n\nconst DSControlledCheckbox = (props: DSControlledCheckboxPropsT): JSX.Element => {\n useValidateProps(props, DSControlledCheckboxWithSchema.toTypescript());\n const checkboxRef = useRef<HTMLInputElement>();\n\n const {
|
|
1
|
+
{"version":3,"file":"ControlledCheckbox.js","sources":["../../../src/controlled-checkbox/ControlledCheckbox.tsx"],"sourcesContent":["import React, { useRef, useCallback } from 'react';\nimport { describe } from 'react-desc';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { propTypes } from './propTypes';\nimport { StyledContainer, StyledInput, StyledLabel, StyledCheckBox } from './styles';\nimport type { DSControlledCheckboxPropsT } from './index.d';\nimport { useValidateProps } from './config/useValidateProps';\nimport { setMultipleRefs } from './utils/setMultipleRefs';\n\nconst DSControlledCheckbox = (props: DSControlledCheckboxPropsT): JSX.Element => {\n useValidateProps(props, DSControlledCheckboxWithSchema.toTypescript());\n const checkboxRef = useRef<HTMLInputElement>();\n\n const {\n autoFocus,\n checked,\n ariaControls,\n ariaLabel,\n disabled,\n id,\n label,\n hasError,\n onChange,\n value,\n readOnly,\n name,\n innerRef,\n } = props;\n\n const handleOnKeyDown = useCallback((e: React.KeyboardEvent) => {\n if (checkboxRef.current && e.key === 'Enter') {\n checkboxRef.current.click();\n }\n }, []);\n\n return (\n <StyledContainer data-testid=\"ds-checkbox-container\">\n <StyledCheckBox checked={props.checked} hasError={hasError} disabled={disabled} readOnly={readOnly}>\n <StyledInput\n disabled={disabled}\n ref={(ref) => setMultipleRefs<HTMLInputElement>([checkboxRef, innerRef])(ref)}\n onKeyDown={handleOnKeyDown}\n type=\"checkbox\"\n checked={checked !== 'mixed' ? checked : undefined}\n aria-controls={ariaControls}\n aria-checked={checked}\n aria-disabled={disabled}\n aria-invalid={hasError}\n aria-readonly={readOnly}\n aria-label={ariaLabel || label}\n name={name}\n value={value}\n onChange={onChange}\n id={id}\n data-testid=\"ds-checkbox\"\n autoFocus={autoFocus}\n />\n </StyledCheckBox>\n {label && (\n <StyledLabel\n htmlFor={id}\n disabled={disabled}\n readOnly={readOnly}\n checked={checked}\n data-testid=\"ds-checkbox-label\"\n >\n <SimpleTruncatedTooltipText value={label} />\n </StyledLabel>\n )}\n </StyledContainer>\n );\n};\n\nDSControlledCheckbox.propTypes = propTypes;\nconst DSControlledCheckboxWithSchema = describe(DSControlledCheckbox);\nDSControlledCheckboxWithSchema.propTypes = propTypes;\n\nexport { DSControlledCheckbox, DSControlledCheckboxWithSchema };\n"],"names":["DSControlledCheckbox","props","useValidateProps","DSControlledCheckboxWithSchema","toTypescript","checkboxRef","useRef","autoFocus","checked","ariaControls","ariaLabel","disabled","id","label","hasError","onChange","value","readOnly","name","innerRef","handleOnKeyDown","useCallback","e","current","key","click","React","StyledContainer","StyledCheckBox","StyledInput","ref","setMultipleRefs","undefined","StyledLabel","SimpleTruncatedTooltipText","propTypes","describe"],"mappings":";;;;;;;;;;;;;;;;;;;IASMA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD,EAAoD;AAC/EC,EAAAA,2DAAgB,CAACD,KAAD,EAAQE,8BAA8B,CAACC,YAA/B,EAAR,CAAhB;AACA,MAAMC,WAAW,GAAGC,YAAM,EAA1B;AAEA,MACEC,SADF,GAcIN,KAdJ,CACEM,SADF;AAAA,MAEEC,OAFF,GAcIP,KAdJ,CAEEO,OAFF;AAAA,MAGEC,YAHF,GAcIR,KAdJ,CAGEQ,YAHF;AAAA,MAIEC,SAJF,GAcIT,KAdJ,CAIES,SAJF;AAAA,MAKEC,QALF,GAcIV,KAdJ,CAKEU,QALF;AAAA,MAMEC,EANF,GAcIX,KAdJ,CAMEW,EANF;AAAA,MAOEC,KAPF,GAcIZ,KAdJ,CAOEY,KAPF;AAAA,MAQEC,QARF,GAcIb,KAdJ,CAQEa,QARF;AAAA,MASEC,QATF,GAcId,KAdJ,CASEc,QATF;AAAA,MAUEC,KAVF,GAcIf,KAdJ,CAUEe,KAVF;AAAA,MAWEC,QAXF,GAcIhB,KAdJ,CAWEgB,QAXF;AAAA,MAYEC,IAZF,GAcIjB,KAdJ,CAYEiB,IAZF;AAAA,MAaEC,QAbF,GAcIlB,KAdJ,CAaEkB,QAbF;AAgBA,MAAMC,eAAe,GAAGC,iBAAW,CAAC,UAACC,CAAD,EAA4B;AAC9D,QAAIjB,WAAW,CAACkB,OAAZ,IAAuBD,CAAC,CAACE,GAAF,KAAU,OAArC,EAA8C;AAC5CnB,MAAAA,WAAW,CAACkB,OAAZ,CAAoBE,KAApB;AACD;AACF,GAJkC,EAIhC,EAJgC,CAAnC;AAMA,sBACEC,wCAACC,yCAAD;AAAiB,mBAAY;AAA7B,kBACED,wCAACE,wCAAD;AAAgB,IAAA,OAAO,EAAE3B,KAAK,CAACO,OAA/B;AAAwC,IAAA,QAAQ,EAAEM,QAAlD;AAA4D,IAAA,QAAQ,EAAEH,QAAtE;AAAgF,IAAA,QAAQ,EAAEM;AAA1F,kBACES,wCAACG,qCAAD;AACE,IAAA,QAAQ,EAAElB,QADZ;AAEE,IAAA,GAAG,EAAE,aAACmB,IAAD;AAAA,aAASC,wDAAe,CAAmB,CAAC1B,WAAD,EAAcc,QAAd,CAAnB,CAAf,CAA2DW,IAA3D,CAAT;AAAA,KAFP;AAGE,IAAA,SAAS,EAAEV,eAHb;AAIE,IAAA,IAAI,EAAC,UAJP;AAKE,IAAA,OAAO,EAAEZ,OAAO,KAAK,OAAZ,GAAsBA,OAAtB,GAAgCwB,SAL3C;AAME,qBAAevB,YANjB;AAOE,oBAAcD,OAPhB;AAQE,qBAAeG,QARjB;AASE,oBAAcG,QAThB;AAUE,qBAAeG,QAVjB;AAWE,kBAAYP,SAAS,IAAIG,KAX3B;AAYE,IAAA,IAAI,EAAEK,IAZR;AAaE,IAAA,KAAK,EAAEF,KAbT;AAcE,IAAA,QAAQ,EAAED,QAdZ;AAeE,IAAA,EAAE,EAAEH,EAfN;AAgBE,mBAAY,aAhBd;AAiBE,IAAA,SAAS,EAAEL;AAjBb,IADF,CADF,EAsBGM,KAAK,iBACJa,wCAACO,qCAAD;AACE,IAAA,OAAO,EAAErB,EADX;AAEE,IAAA,QAAQ,EAAED,QAFZ;AAGE,IAAA,QAAQ,EAAEM,QAHZ;AAIE,IAAA,OAAO,EAAET,OAJX;AAKE,mBAAY;AALd,kBAOEkB,wCAACQ,iDAAD;AAA4B,IAAA,KAAK,EAAErB;AAAnC,IAPF,CAvBJ,CADF;AAoCD;;AAEDb,oBAAoB,CAACmC,SAArB,GAAiCA,sCAAjC;IACMhC,8BAA8B,GAAGiC,kBAAQ,CAACpC,oBAAD;AAC/CG,8BAA8B,CAACgC,SAA/B,GAA2CA,sCAA3C;;;;;"}
|
|
@@ -5,17 +5,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var reactDesc = require('react-desc');
|
|
6
6
|
|
|
7
7
|
var propTypes = {
|
|
8
|
-
checked: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.bool, reactDesc.PropTypes.oneOf(['mixed'])]).isRequired.description('
|
|
8
|
+
checked: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.bool, reactDesc.PropTypes.oneOf(['mixed'])]).isRequired.description('Whether the checkbox is invalid or not.'),
|
|
9
9
|
value: reactDesc.PropTypes.string.description('Checkbox value property.'),
|
|
10
10
|
name: reactDesc.PropTypes.string.isRequired.description('Checkbox name property.'),
|
|
11
11
|
label: reactDesc.PropTypes.string.description('Checkbox Label property. This label is also going to be used as an aria-label for screen readers.'),
|
|
12
12
|
id: reactDesc.PropTypes.string.isRequired.description('Checkbox unique id property, this property is required for accesibility purposes.'),
|
|
13
13
|
readOnly: reactDesc.PropTypes.bool.description('Checkbox readOnly property.'),
|
|
14
|
-
hasError: reactDesc.PropTypes.bool.description('
|
|
15
|
-
disabled: reactDesc.PropTypes.bool.description('
|
|
14
|
+
hasError: reactDesc.PropTypes.bool.description('Whether the checkbox has error or not.'),
|
|
15
|
+
disabled: reactDesc.PropTypes.bool.description('Whether the checkbox is disabled or not.'),
|
|
16
16
|
ariaControls: reactDesc.PropTypes.string.description('This string is required when you use a mixed checkbox. It contains all the ids that this checkbox is controlling.'),
|
|
17
17
|
ariaLabel: reactDesc.PropTypes.string.description('Checkbox aria-label property. This property is going to be required if there is no label property added.'),
|
|
18
|
-
innerRef: reactDesc.PropTypes.func.description('Checkbox input ref.')
|
|
18
|
+
innerRef: reactDesc.PropTypes.func.description('Checkbox input ref.'),
|
|
19
|
+
autoFocus: reactDesc.PropTypes.bool.description('Whether you want the checkbox to be autofocused on render')
|
|
19
20
|
};
|
|
20
21
|
|
|
21
22
|
exports.propTypes = propTypes;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"propTypes.js","sources":["../../../src/controlled-checkbox/propTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n checked: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['mixed'])]).isRequired.description(\n '
|
|
1
|
+
{"version":3,"file":"propTypes.js","sources":["../../../src/controlled-checkbox/propTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n checked: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['mixed'])]).isRequired.description(\n 'Whether the checkbox is invalid or not.',\n ),\n value: PropTypes.string.description('Checkbox value property.'),\n name: PropTypes.string.isRequired.description('Checkbox name property.'),\n label: PropTypes.string.description(\n 'Checkbox Label property. This label is also going to be used as an aria-label for screen readers.',\n ),\n id: PropTypes.string.isRequired.description(\n 'Checkbox unique id property, this property is required for accesibility purposes.',\n ),\n readOnly: PropTypes.bool.description('Checkbox readOnly property.'),\n hasError: PropTypes.bool.description('Whether the checkbox has error or not.'),\n disabled: PropTypes.bool.description('Whether the checkbox is disabled or not.'),\n ariaControls: PropTypes.string.description(\n 'This string is required when you use a mixed checkbox. It contains all the ids that this checkbox is controlling.',\n ),\n ariaLabel: PropTypes.string.description(\n 'Checkbox aria-label property. This property is going to be required if there is no label property added.',\n ),\n innerRef: PropTypes.func.description('Checkbox input ref.'),\n autoFocus: PropTypes.bool.description('Whether you want the checkbox to be autofocused on render'),\n};\n"],"names":["propTypes","checked","PropTypes","oneOfType","bool","oneOf","isRequired","description","value","string","name","label","id","readOnly","hasError","disabled","ariaControls","ariaLabel","innerRef","func","autoFocus"],"mappings":";;;;;;IAEaA,SAAS,GAAG;AACvBC,EAAAA,OAAO,EAAEC,mBAAS,CAACC,SAAV,CAAoB,CAACD,mBAAS,CAACE,IAAX,EAAiBF,mBAAS,CAACG,KAAV,CAAgB,CAAC,OAAD,CAAhB,CAAjB,CAApB,EAAkEC,UAAlE,CAA6EC,WAA7E,CACP,yCADO,CADc;AAIvBC,EAAAA,KAAK,EAAEN,mBAAS,CAACO,MAAV,CAAiBF,WAAjB,CAA6B,0BAA7B,CAJgB;AAKvBG,EAAAA,IAAI,EAAER,mBAAS,CAACO,MAAV,CAAiBH,UAAjB,CAA4BC,WAA5B,CAAwC,yBAAxC,CALiB;AAMvBI,EAAAA,KAAK,EAAET,mBAAS,CAACO,MAAV,CAAiBF,WAAjB,CACL,mGADK,CANgB;AASvBK,EAAAA,EAAE,EAAEV,mBAAS,CAACO,MAAV,CAAiBH,UAAjB,CAA4BC,WAA5B,CACF,mFADE,CATmB;AAYvBM,EAAAA,QAAQ,EAAEX,mBAAS,CAACE,IAAV,CAAeG,WAAf,CAA2B,6BAA3B,CAZa;AAavBO,EAAAA,QAAQ,EAAEZ,mBAAS,CAACE,IAAV,CAAeG,WAAf,CAA2B,wCAA3B,CAba;AAcvBQ,EAAAA,QAAQ,EAAEb,mBAAS,CAACE,IAAV,CAAeG,WAAf,CAA2B,0CAA3B,CAda;AAevBS,EAAAA,YAAY,EAAEd,mBAAS,CAACO,MAAV,CAAiBF,WAAjB,CACZ,mHADY,CAfS;AAkBvBU,EAAAA,SAAS,EAAEf,mBAAS,CAACO,MAAV,CAAiBF,WAAjB,CACT,0GADS,CAlBY;AAqBvBW,EAAAA,QAAQ,EAAEhB,mBAAS,CAACiB,IAAV,CAAeZ,WAAf,CAA2B,qBAA3B,CArBa;AAsBvBa,EAAAA,SAAS,EAAElB,mBAAS,CAACE,IAAV,CAAeG,WAAf,CAA2B,2DAA3B;AAtBY;;;;"}
|
|
@@ -12,7 +12,8 @@ import '@elliemae/ds-props-helpers';
|
|
|
12
12
|
var DSControlledCheckbox = function DSControlledCheckbox(props) {
|
|
13
13
|
useValidateProps(props, DSControlledCheckboxWithSchema.toTypescript());
|
|
14
14
|
var checkboxRef = useRef();
|
|
15
|
-
var
|
|
15
|
+
var autoFocus = props.autoFocus,
|
|
16
|
+
checked = props.checked,
|
|
16
17
|
ariaControls = props.ariaControls,
|
|
17
18
|
ariaLabel = props.ariaLabel,
|
|
18
19
|
disabled = props.disabled,
|
|
@@ -54,7 +55,8 @@ var DSControlledCheckbox = function DSControlledCheckbox(props) {
|
|
|
54
55
|
value: value,
|
|
55
56
|
onChange: onChange,
|
|
56
57
|
id: id,
|
|
57
|
-
"data-testid": "ds-checkbox"
|
|
58
|
+
"data-testid": "ds-checkbox",
|
|
59
|
+
autoFocus: autoFocus
|
|
58
60
|
})), label && /*#__PURE__*/React.createElement(StyledLabel, {
|
|
59
61
|
htmlFor: id,
|
|
60
62
|
disabled: disabled,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ControlledCheckbox.js","sources":["../../../src/controlled-checkbox/ControlledCheckbox.tsx"],"sourcesContent":["import React, { useRef, useCallback } from 'react';\nimport { describe } from 'react-desc';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { propTypes } from './propTypes';\nimport { StyledContainer, StyledInput, StyledLabel, StyledCheckBox } from './styles';\nimport type { DSControlledCheckboxPropsT } from './index.d';\nimport { useValidateProps } from './config/useValidateProps';\nimport { setMultipleRefs } from './utils/setMultipleRefs';\n\nconst DSControlledCheckbox = (props: DSControlledCheckboxPropsT): JSX.Element => {\n useValidateProps(props, DSControlledCheckboxWithSchema.toTypescript());\n const checkboxRef = useRef<HTMLInputElement>();\n\n const {
|
|
1
|
+
{"version":3,"file":"ControlledCheckbox.js","sources":["../../../src/controlled-checkbox/ControlledCheckbox.tsx"],"sourcesContent":["import React, { useRef, useCallback } from 'react';\nimport { describe } from 'react-desc';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { propTypes } from './propTypes';\nimport { StyledContainer, StyledInput, StyledLabel, StyledCheckBox } from './styles';\nimport type { DSControlledCheckboxPropsT } from './index.d';\nimport { useValidateProps } from './config/useValidateProps';\nimport { setMultipleRefs } from './utils/setMultipleRefs';\n\nconst DSControlledCheckbox = (props: DSControlledCheckboxPropsT): JSX.Element => {\n useValidateProps(props, DSControlledCheckboxWithSchema.toTypescript());\n const checkboxRef = useRef<HTMLInputElement>();\n\n const {\n autoFocus,\n checked,\n ariaControls,\n ariaLabel,\n disabled,\n id,\n label,\n hasError,\n onChange,\n value,\n readOnly,\n name,\n innerRef,\n } = props;\n\n const handleOnKeyDown = useCallback((e: React.KeyboardEvent) => {\n if (checkboxRef.current && e.key === 'Enter') {\n checkboxRef.current.click();\n }\n }, []);\n\n return (\n <StyledContainer data-testid=\"ds-checkbox-container\">\n <StyledCheckBox checked={props.checked} hasError={hasError} disabled={disabled} readOnly={readOnly}>\n <StyledInput\n disabled={disabled}\n ref={(ref) => setMultipleRefs<HTMLInputElement>([checkboxRef, innerRef])(ref)}\n onKeyDown={handleOnKeyDown}\n type=\"checkbox\"\n checked={checked !== 'mixed' ? checked : undefined}\n aria-controls={ariaControls}\n aria-checked={checked}\n aria-disabled={disabled}\n aria-invalid={hasError}\n aria-readonly={readOnly}\n aria-label={ariaLabel || label}\n name={name}\n value={value}\n onChange={onChange}\n id={id}\n data-testid=\"ds-checkbox\"\n autoFocus={autoFocus}\n />\n </StyledCheckBox>\n {label && (\n <StyledLabel\n htmlFor={id}\n disabled={disabled}\n readOnly={readOnly}\n checked={checked}\n data-testid=\"ds-checkbox-label\"\n >\n <SimpleTruncatedTooltipText value={label} />\n </StyledLabel>\n )}\n </StyledContainer>\n );\n};\n\nDSControlledCheckbox.propTypes = propTypes;\nconst DSControlledCheckboxWithSchema = describe(DSControlledCheckbox);\nDSControlledCheckboxWithSchema.propTypes = propTypes;\n\nexport { DSControlledCheckbox, DSControlledCheckboxWithSchema };\n"],"names":["DSControlledCheckbox","props","useValidateProps","DSControlledCheckboxWithSchema","toTypescript","checkboxRef","useRef","autoFocus","checked","ariaControls","ariaLabel","disabled","id","label","hasError","onChange","value","readOnly","name","innerRef","handleOnKeyDown","useCallback","e","current","key","click","ref","setMultipleRefs","undefined","propTypes","describe"],"mappings":";;;;;;;;;;;IASMA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD,EAAoD;AAC/EC,EAAAA,gBAAgB,CAACD,KAAD,EAAQE,8BAA8B,CAACC,YAA/B,EAAR,CAAhB;AACA,MAAMC,WAAW,GAAGC,MAAM,EAA1B;AAEA,MACEC,SADF,GAcIN,KAdJ,CACEM,SADF;AAAA,MAEEC,OAFF,GAcIP,KAdJ,CAEEO,OAFF;AAAA,MAGEC,YAHF,GAcIR,KAdJ,CAGEQ,YAHF;AAAA,MAIEC,SAJF,GAcIT,KAdJ,CAIES,SAJF;AAAA,MAKEC,QALF,GAcIV,KAdJ,CAKEU,QALF;AAAA,MAMEC,EANF,GAcIX,KAdJ,CAMEW,EANF;AAAA,MAOEC,KAPF,GAcIZ,KAdJ,CAOEY,KAPF;AAAA,MAQEC,QARF,GAcIb,KAdJ,CAQEa,QARF;AAAA,MASEC,QATF,GAcId,KAdJ,CASEc,QATF;AAAA,MAUEC,KAVF,GAcIf,KAdJ,CAUEe,KAVF;AAAA,MAWEC,QAXF,GAcIhB,KAdJ,CAWEgB,QAXF;AAAA,MAYEC,IAZF,GAcIjB,KAdJ,CAYEiB,IAZF;AAAA,MAaEC,QAbF,GAcIlB,KAdJ,CAaEkB,QAbF;AAgBA,MAAMC,eAAe,GAAGC,WAAW,CAAC,UAACC,CAAD,EAA4B;AAC9D,QAAIjB,WAAW,CAACkB,OAAZ,IAAuBD,CAAC,CAACE,GAAF,KAAU,OAArC,EAA8C;AAC5CnB,MAAAA,WAAW,CAACkB,OAAZ,CAAoBE,KAApB;AACD;AACF,GAJkC,EAIhC,EAJgC,CAAnC;AAMA,sBACE,oBAAC,eAAD;AAAiB,mBAAY;AAA7B,kBACE,oBAAC,cAAD;AAAgB,IAAA,OAAO,EAAExB,KAAK,CAACO,OAA/B;AAAwC,IAAA,QAAQ,EAAEM,QAAlD;AAA4D,IAAA,QAAQ,EAAEH,QAAtE;AAAgF,IAAA,QAAQ,EAAEM;AAA1F,kBACE,oBAAC,WAAD;AACE,IAAA,QAAQ,EAAEN,QADZ;AAEE,IAAA,GAAG,EAAE,aAACe,IAAD;AAAA,aAASC,eAAe,CAAmB,CAACtB,WAAD,EAAcc,QAAd,CAAnB,CAAf,CAA2DO,IAA3D,CAAT;AAAA,KAFP;AAGE,IAAA,SAAS,EAAEN,eAHb;AAIE,IAAA,IAAI,EAAC,UAJP;AAKE,IAAA,OAAO,EAAEZ,OAAO,KAAK,OAAZ,GAAsBA,OAAtB,GAAgCoB,SAL3C;AAME,qBAAenB,YANjB;AAOE,oBAAcD,OAPhB;AAQE,qBAAeG,QARjB;AASE,oBAAcG,QAThB;AAUE,qBAAeG,QAVjB;AAWE,kBAAYP,SAAS,IAAIG,KAX3B;AAYE,IAAA,IAAI,EAAEK,IAZR;AAaE,IAAA,KAAK,EAAEF,KAbT;AAcE,IAAA,QAAQ,EAAED,QAdZ;AAeE,IAAA,EAAE,EAAEH,EAfN;AAgBE,mBAAY,aAhBd;AAiBE,IAAA,SAAS,EAAEL;AAjBb,IADF,CADF,EAsBGM,KAAK,iBACJ,oBAAC,WAAD;AACE,IAAA,OAAO,EAAED,EADX;AAEE,IAAA,QAAQ,EAAED,QAFZ;AAGE,IAAA,QAAQ,EAAEM,QAHZ;AAIE,IAAA,OAAO,EAAET,OAJX;AAKE,mBAAY;AALd,kBAOE,oBAAC,0BAAD;AAA4B,IAAA,KAAK,EAAEK;AAAnC,IAPF,CAvBJ,CADF;AAoCD;;AAEDb,oBAAoB,CAAC6B,SAArB,GAAiCA,SAAjC;IACM1B,8BAA8B,GAAG2B,QAAQ,CAAC9B,oBAAD;AAC/CG,8BAA8B,CAAC0B,SAA/B,GAA2CA,SAA3C;;;;"}
|
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
import { PropTypes } from 'react-desc';
|
|
2
2
|
|
|
3
3
|
var propTypes = {
|
|
4
|
-
checked: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['mixed'])]).isRequired.description('
|
|
4
|
+
checked: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['mixed'])]).isRequired.description('Whether the checkbox is invalid or not.'),
|
|
5
5
|
value: PropTypes.string.description('Checkbox value property.'),
|
|
6
6
|
name: PropTypes.string.isRequired.description('Checkbox name property.'),
|
|
7
7
|
label: PropTypes.string.description('Checkbox Label property. This label is also going to be used as an aria-label for screen readers.'),
|
|
8
8
|
id: PropTypes.string.isRequired.description('Checkbox unique id property, this property is required for accesibility purposes.'),
|
|
9
9
|
readOnly: PropTypes.bool.description('Checkbox readOnly property.'),
|
|
10
|
-
hasError: PropTypes.bool.description('
|
|
11
|
-
disabled: PropTypes.bool.description('
|
|
10
|
+
hasError: PropTypes.bool.description('Whether the checkbox has error or not.'),
|
|
11
|
+
disabled: PropTypes.bool.description('Whether the checkbox is disabled or not.'),
|
|
12
12
|
ariaControls: PropTypes.string.description('This string is required when you use a mixed checkbox. It contains all the ids that this checkbox is controlling.'),
|
|
13
13
|
ariaLabel: PropTypes.string.description('Checkbox aria-label property. This property is going to be required if there is no label property added.'),
|
|
14
|
-
innerRef: PropTypes.func.description('Checkbox input ref.')
|
|
14
|
+
innerRef: PropTypes.func.description('Checkbox input ref.'),
|
|
15
|
+
autoFocus: PropTypes.bool.description('Whether you want the checkbox to be autofocused on render')
|
|
15
16
|
};
|
|
16
17
|
|
|
17
18
|
export { propTypes };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"propTypes.js","sources":["../../../src/controlled-checkbox/propTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n checked: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['mixed'])]).isRequired.description(\n '
|
|
1
|
+
{"version":3,"file":"propTypes.js","sources":["../../../src/controlled-checkbox/propTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n checked: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['mixed'])]).isRequired.description(\n 'Whether the checkbox is invalid or not.',\n ),\n value: PropTypes.string.description('Checkbox value property.'),\n name: PropTypes.string.isRequired.description('Checkbox name property.'),\n label: PropTypes.string.description(\n 'Checkbox Label property. This label is also going to be used as an aria-label for screen readers.',\n ),\n id: PropTypes.string.isRequired.description(\n 'Checkbox unique id property, this property is required for accesibility purposes.',\n ),\n readOnly: PropTypes.bool.description('Checkbox readOnly property.'),\n hasError: PropTypes.bool.description('Whether the checkbox has error or not.'),\n disabled: PropTypes.bool.description('Whether the checkbox is disabled or not.'),\n ariaControls: PropTypes.string.description(\n 'This string is required when you use a mixed checkbox. It contains all the ids that this checkbox is controlling.',\n ),\n ariaLabel: PropTypes.string.description(\n 'Checkbox aria-label property. This property is going to be required if there is no label property added.',\n ),\n innerRef: PropTypes.func.description('Checkbox input ref.'),\n autoFocus: PropTypes.bool.description('Whether you want the checkbox to be autofocused on render'),\n};\n"],"names":["propTypes","checked","PropTypes","oneOfType","bool","oneOf","isRequired","description","value","string","name","label","id","readOnly","hasError","disabled","ariaControls","ariaLabel","innerRef","func","autoFocus"],"mappings":";;IAEaA,SAAS,GAAG;AACvBC,EAAAA,OAAO,EAAEC,SAAS,CAACC,SAAV,CAAoB,CAACD,SAAS,CAACE,IAAX,EAAiBF,SAAS,CAACG,KAAV,CAAgB,CAAC,OAAD,CAAhB,CAAjB,CAApB,EAAkEC,UAAlE,CAA6EC,WAA7E,CACP,yCADO,CADc;AAIvBC,EAAAA,KAAK,EAAEN,SAAS,CAACO,MAAV,CAAiBF,WAAjB,CAA6B,0BAA7B,CAJgB;AAKvBG,EAAAA,IAAI,EAAER,SAAS,CAACO,MAAV,CAAiBH,UAAjB,CAA4BC,WAA5B,CAAwC,yBAAxC,CALiB;AAMvBI,EAAAA,KAAK,EAAET,SAAS,CAACO,MAAV,CAAiBF,WAAjB,CACL,mGADK,CANgB;AASvBK,EAAAA,EAAE,EAAEV,SAAS,CAACO,MAAV,CAAiBH,UAAjB,CAA4BC,WAA5B,CACF,mFADE,CATmB;AAYvBM,EAAAA,QAAQ,EAAEX,SAAS,CAACE,IAAV,CAAeG,WAAf,CAA2B,6BAA3B,CAZa;AAavBO,EAAAA,QAAQ,EAAEZ,SAAS,CAACE,IAAV,CAAeG,WAAf,CAA2B,wCAA3B,CAba;AAcvBQ,EAAAA,QAAQ,EAAEb,SAAS,CAACE,IAAV,CAAeG,WAAf,CAA2B,0CAA3B,CAda;AAevBS,EAAAA,YAAY,EAAEd,SAAS,CAACO,MAAV,CAAiBF,WAAjB,CACZ,mHADY,CAfS;AAkBvBU,EAAAA,SAAS,EAAEf,SAAS,CAACO,MAAV,CAAiBF,WAAjB,CACT,0GADS,CAlBY;AAqBvBW,EAAAA,QAAQ,EAAEhB,SAAS,CAACiB,IAAV,CAAeZ,WAAf,CAA2B,qBAA3B,CArBa;AAsBvBa,EAAAA,SAAS,EAAElB,SAAS,CAACE,IAAV,CAAeG,WAAf,CAA2B,2DAA3B;AAtBY;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-controlled-form",
|
|
3
|
-
"version": "1.58.0-rc.
|
|
3
|
+
"version": "1.58.0-rc.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Ellie Mae - Dim Sum - Controlled Form Controllers",
|
|
6
6
|
"module": "esm/index.js",
|
|
@@ -16,13 +16,13 @@
|
|
|
16
16
|
"build": "node ../../scripts/build/build.js"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@elliemae/ds-basic": "1.58.0-rc.
|
|
20
|
-
"@elliemae/ds-button": "1.58.0-rc.
|
|
21
|
-
"@elliemae/ds-form-layout-blocks": "1.58.0-rc.
|
|
22
|
-
"@elliemae/ds-grid": "1.58.0-rc.
|
|
23
|
-
"@elliemae/ds-icons": "1.58.0-rc.
|
|
24
|
-
"@elliemae/ds-props-helpers": "1.58.0-rc.
|
|
25
|
-
"@elliemae/ds-system": "1.58.0-rc.
|
|
19
|
+
"@elliemae/ds-basic": "1.58.0-rc.1",
|
|
20
|
+
"@elliemae/ds-button": "1.58.0-rc.1",
|
|
21
|
+
"@elliemae/ds-form-layout-blocks": "1.58.0-rc.1",
|
|
22
|
+
"@elliemae/ds-grid": "1.58.0-rc.1",
|
|
23
|
+
"@elliemae/ds-icons": "1.58.0-rc.1",
|
|
24
|
+
"@elliemae/ds-props-helpers": "1.58.0-rc.1",
|
|
25
|
+
"@elliemae/ds-system": "1.58.0-rc.1",
|
|
26
26
|
"@elliemae/pui-theme": "2.2.3",
|
|
27
27
|
"prop-types": "~15.7.2",
|
|
28
28
|
"react-desc": "^4.1.2",
|