@elliemae/ds-form 3.1.0-next.1 → 3.1.0-next.4

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.
Files changed (145) hide show
  1. package/dist/cjs/CheckboxGroup/DSCheckboxGroup.js +2 -2
  2. package/dist/cjs/CheckboxGroup/DSCheckboxGroup.js.map +2 -2
  3. package/dist/cjs/CheckboxGroup/props.js +12 -12
  4. package/dist/cjs/CheckboxGroup/props.js.map +2 -2
  5. package/dist/cjs/ComboBoxFreeSolo/components/MultiValueLabel.js +3 -3
  6. package/dist/cjs/ComboBoxFreeSolo/components/MultiValueLabel.js.map +2 -2
  7. package/dist/cjs/ComboBoxFreeSolo/components/MultiValueRemove.js +2 -2
  8. package/dist/cjs/ComboBoxFreeSolo/components/MultiValueRemove.js.map +2 -2
  9. package/dist/cjs/ComboBoxFreeSolo/components/SingleValueRemove.js +2 -2
  10. package/dist/cjs/ComboBoxFreeSolo/components/SingleValueRemove.js.map +2 -2
  11. package/dist/cjs/DateInput/DSDateInput.js +1 -2
  12. package/dist/cjs/DateInput/DSDateInput.js.map +2 -2
  13. package/dist/cjs/DateInput/props.js +19 -19
  14. package/dist/cjs/DateInput/props.js.map +2 -2
  15. package/dist/cjs/DateInputV2/components/DSDateInput.js +2 -2
  16. package/dist/cjs/DateInputV2/components/DSDateInput.js.map +2 -2
  17. package/dist/cjs/DateInputV2/components/props.js +13 -13
  18. package/dist/cjs/DateInputV2/components/props.js.map +2 -2
  19. package/dist/cjs/DateInputV2/components/styled.js +5 -5
  20. package/dist/cjs/DateInputV2/components/styled.js.map +2 -2
  21. package/dist/cjs/FormItem/DSFormItemLayout.js +1 -2
  22. package/dist/cjs/FormItem/DSFormItemLayout.js.map +2 -2
  23. package/dist/cjs/FormItem/Error/DSError.js +4 -4
  24. package/dist/cjs/FormItem/Error/DSError.js.map +2 -2
  25. package/dist/cjs/FormItem/Suffix/Suffix.js +4 -4
  26. package/dist/cjs/FormItem/Suffix/Suffix.js.map +2 -2
  27. package/dist/cjs/FormItem/props.js +42 -42
  28. package/dist/cjs/FormItem/props.js.map +2 -2
  29. package/dist/cjs/InputGroup/DSInputGroup.js +2 -2
  30. package/dist/cjs/InputGroup/DSInputGroup.js.map +2 -2
  31. package/dist/cjs/InputGroup/props.js +10 -10
  32. package/dist/cjs/InputGroup/props.js.map +2 -2
  33. package/dist/cjs/InputMask/DSInputMask.js +2 -2
  34. package/dist/cjs/InputMask/DSInputMask.js.map +2 -2
  35. package/dist/cjs/InputMask/mask_types/DateInputMask.js +34 -34
  36. package/dist/cjs/InputMask/mask_types/DateInputMask.js.map +2 -2
  37. package/dist/cjs/InputMask/mask_types/DateTimeInputMask.js +34 -34
  38. package/dist/cjs/InputMask/mask_types/DateTimeInputMask.js.map +2 -2
  39. package/dist/cjs/InputMask/mask_types/DictionaryInputMask.js +37 -37
  40. package/dist/cjs/InputMask/mask_types/DictionaryInputMask.js.map +2 -2
  41. package/dist/cjs/InputMask/mask_types/NumberInputMask.js +46 -46
  42. package/dist/cjs/InputMask/mask_types/NumberInputMask.js.map +2 -2
  43. package/dist/cjs/InputMask/mask_types/PhoneInputMask.js +34 -34
  44. package/dist/cjs/InputMask/mask_types/PhoneInputMask.js.map +2 -2
  45. package/dist/cjs/InputMask/mask_types/PhoneInternationalInputMask.js +34 -34
  46. package/dist/cjs/InputMask/mask_types/PhoneInternationalInputMask.js.map +2 -2
  47. package/dist/cjs/InputMask/mask_types/SsnInputMask.js +34 -34
  48. package/dist/cjs/InputMask/mask_types/SsnInputMask.js.map +2 -2
  49. package/dist/cjs/InputMask/mask_types/UsZipCodeInputMask.js +34 -34
  50. package/dist/cjs/InputMask/mask_types/UsZipCodeInputMask.js.map +2 -2
  51. package/dist/cjs/InputMask/mask_types/ZipCodeSearchInputMask.js +34 -34
  52. package/dist/cjs/InputMask/mask_types/ZipCodeSearchInputMask.js.map +2 -2
  53. package/dist/cjs/InputMask/props.js +36 -36
  54. package/dist/cjs/InputMask/props.js.map +2 -2
  55. package/dist/cjs/InputProtected/DSInputProtected.js +2 -2
  56. package/dist/cjs/InputProtected/DSInputProtected.js.map +2 -2
  57. package/dist/cjs/InputProtected/props.js +11 -11
  58. package/dist/cjs/InputProtected/props.js.map +2 -2
  59. package/dist/cjs/LargeInputText/DSLargeInputText.js +2 -2
  60. package/dist/cjs/LargeInputText/DSLargeInputText.js.map +2 -2
  61. package/dist/cjs/LargeInputText/props.js +28 -28
  62. package/dist/cjs/LargeInputText/props.js.map +2 -2
  63. package/dist/cjs/Radio/DSRadio.js +16 -16
  64. package/dist/cjs/Radio/DSRadio.js.map +2 -2
  65. package/dist/cjs/RadioGroup/DSRadioGroup.js +2 -2
  66. package/dist/cjs/RadioGroup/DSRadioGroup.js.map +2 -2
  67. package/dist/cjs/RadioGroup/props.js +11 -11
  68. package/dist/cjs/RadioGroup/props.js.map +2 -2
  69. package/dist/cjs/TimeInput/DSTimeInput.js +15 -15
  70. package/dist/cjs/TimeInput/DSTimeInput.js.map +2 -2
  71. package/dist/cjs/Toggle/DSToggle.js +13 -13
  72. package/dist/cjs/Toggle/DSToggle.js.map +2 -2
  73. package/dist/esm/CheckboxGroup/DSCheckboxGroup.js +1 -1
  74. package/dist/esm/CheckboxGroup/DSCheckboxGroup.js.map +1 -1
  75. package/dist/esm/CheckboxGroup/props.js +4 -4
  76. package/dist/esm/CheckboxGroup/props.js.map +2 -2
  77. package/dist/esm/ComboBoxFreeSolo/components/MultiValueLabel.js +1 -1
  78. package/dist/esm/ComboBoxFreeSolo/components/MultiValueLabel.js.map +1 -1
  79. package/dist/esm/ComboBoxFreeSolo/components/MultiValueRemove.js +1 -1
  80. package/dist/esm/ComboBoxFreeSolo/components/MultiValueRemove.js.map +1 -1
  81. package/dist/esm/ComboBoxFreeSolo/components/SingleValueRemove.js +1 -1
  82. package/dist/esm/ComboBoxFreeSolo/components/SingleValueRemove.js.map +1 -1
  83. package/dist/esm/DateInput/DSDateInput.js +1 -2
  84. package/dist/esm/DateInput/DSDateInput.js.map +2 -2
  85. package/dist/esm/DateInput/props.js +1 -1
  86. package/dist/esm/DateInput/props.js.map +1 -1
  87. package/dist/esm/DateInputV2/components/DSDateInput.js +1 -1
  88. package/dist/esm/DateInputV2/components/DSDateInput.js.map +1 -1
  89. package/dist/esm/DateInputV2/components/props.js +1 -1
  90. package/dist/esm/DateInputV2/components/props.js.map +1 -1
  91. package/dist/esm/DateInputV2/components/styled.js +1 -1
  92. package/dist/esm/DateInputV2/components/styled.js.map +1 -1
  93. package/dist/esm/FormItem/DSFormItemLayout.js +1 -2
  94. package/dist/esm/FormItem/DSFormItemLayout.js.map +2 -2
  95. package/dist/esm/FormItem/Error/DSError.js +1 -1
  96. package/dist/esm/FormItem/Error/DSError.js.map +1 -1
  97. package/dist/esm/FormItem/Suffix/Suffix.js +1 -1
  98. package/dist/esm/FormItem/Suffix/Suffix.js.map +1 -1
  99. package/dist/esm/FormItem/props.js +1 -1
  100. package/dist/esm/FormItem/props.js.map +1 -1
  101. package/dist/esm/InputGroup/DSInputGroup.js +1 -1
  102. package/dist/esm/InputGroup/DSInputGroup.js.map +1 -1
  103. package/dist/esm/InputGroup/props.js +1 -1
  104. package/dist/esm/InputGroup/props.js.map +1 -1
  105. package/dist/esm/InputMask/DSInputMask.js +1 -1
  106. package/dist/esm/InputMask/DSInputMask.js.map +1 -1
  107. package/dist/esm/InputMask/mask_types/DateInputMask.js +1 -1
  108. package/dist/esm/InputMask/mask_types/DateInputMask.js.map +1 -1
  109. package/dist/esm/InputMask/mask_types/DateTimeInputMask.js +1 -1
  110. package/dist/esm/InputMask/mask_types/DateTimeInputMask.js.map +1 -1
  111. package/dist/esm/InputMask/mask_types/DictionaryInputMask.js +1 -1
  112. package/dist/esm/InputMask/mask_types/DictionaryInputMask.js.map +1 -1
  113. package/dist/esm/InputMask/mask_types/NumberInputMask.js +1 -1
  114. package/dist/esm/InputMask/mask_types/NumberInputMask.js.map +1 -1
  115. package/dist/esm/InputMask/mask_types/PhoneInputMask.js +1 -1
  116. package/dist/esm/InputMask/mask_types/PhoneInputMask.js.map +1 -1
  117. package/dist/esm/InputMask/mask_types/PhoneInternationalInputMask.js +1 -1
  118. package/dist/esm/InputMask/mask_types/PhoneInternationalInputMask.js.map +1 -1
  119. package/dist/esm/InputMask/mask_types/SsnInputMask.js +1 -1
  120. package/dist/esm/InputMask/mask_types/SsnInputMask.js.map +1 -1
  121. package/dist/esm/InputMask/mask_types/UsZipCodeInputMask.js +1 -1
  122. package/dist/esm/InputMask/mask_types/UsZipCodeInputMask.js.map +1 -1
  123. package/dist/esm/InputMask/mask_types/ZipCodeSearchInputMask.js +1 -1
  124. package/dist/esm/InputMask/mask_types/ZipCodeSearchInputMask.js.map +1 -1
  125. package/dist/esm/InputMask/props.js +1 -1
  126. package/dist/esm/InputMask/props.js.map +1 -1
  127. package/dist/esm/InputProtected/DSInputProtected.js +1 -1
  128. package/dist/esm/InputProtected/DSInputProtected.js.map +1 -1
  129. package/dist/esm/InputProtected/props.js +1 -1
  130. package/dist/esm/InputProtected/props.js.map +1 -1
  131. package/dist/esm/LargeInputText/DSLargeInputText.js +1 -1
  132. package/dist/esm/LargeInputText/DSLargeInputText.js.map +1 -1
  133. package/dist/esm/LargeInputText/props.js +1 -1
  134. package/dist/esm/LargeInputText/props.js.map +1 -1
  135. package/dist/esm/Radio/DSRadio.js +1 -1
  136. package/dist/esm/Radio/DSRadio.js.map +1 -1
  137. package/dist/esm/RadioGroup/DSRadioGroup.js +1 -1
  138. package/dist/esm/RadioGroup/DSRadioGroup.js.map +1 -1
  139. package/dist/esm/RadioGroup/props.js +1 -1
  140. package/dist/esm/RadioGroup/props.js.map +1 -1
  141. package/dist/esm/TimeInput/DSTimeInput.js +1 -1
  142. package/dist/esm/TimeInput/DSTimeInput.js.map +1 -1
  143. package/dist/esm/Toggle/DSToggle.js +1 -1
  144. package/dist/esm/Toggle/DSToggle.js.map +1 -1
  145. package/package.json +22 -21
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/FormItem/Error/DSError.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\n\nconst DSError = ({ hasError = false, errorText = 'Error' }) => {\n if (!hasError) return null;\n return <div className=\"em-ds-error\">{errorText}</div>;\n};\n\nconst props = {\n /** error state */\n hasError: PropTypes.bool.description('error state'),\n /** error label text */\n errorText: PropTypes.string.description('error label text'),\n};\n\nDSError.propTypes = props;\nDSError.displayName = 'DSError';\nconst DSErrorWithSchema = describe(DSError);\n\nDSErrorWithSchema.propTypes = props;\n\nexport default DSError;\nexport { DSErrorWithSchema, DSError };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AAEpC,MAAM,UAAU,CAAC,EAAE,WAAW,OAAO,YAAY,cAAc;AAC7D,MAAI,CAAC;AAAU,WAAO;AACtB,SAAO,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAe,SAAU;AACjD;AAEA,MAAM,QAAQ;AAAA,EAEZ,UAAU,4BAAU,KAAK,YAAY,aAAa;AAAA,EAElD,WAAW,4BAAU,OAAO,YAAY,kBAAkB;AAC5D;AAEA,QAAQ,YAAY;AACpB,QAAQ,cAAc;AACtB,MAAM,oBAAoB,gCAAS,OAAO;AAE1C,kBAAkB,YAAY;AAE9B,IAAO,kBAAQ;",
4
+ "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\n\nconst DSError = ({ hasError = false, errorText = 'Error' }) => {\n if (!hasError) return null;\n return <div className=\"em-ds-error\">{errorText}</div>;\n};\n\nconst props = {\n /** error state */\n hasError: PropTypes.bool.description('error state'),\n /** error label text */\n errorText: PropTypes.string.description('error label text'),\n};\n\nDSError.propTypes = props;\nDSError.displayName = 'DSError';\nconst DSErrorWithSchema = describe(DSError);\n\nDSErrorWithSchema.propTypes = props;\n\nexport default DSError;\nexport { DSErrorWithSchema, DSError };\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAoC;AAEpC,MAAM,UAAU,CAAC,EAAE,WAAW,OAAO,YAAY,cAAc;AAC7D,MAAI,CAAC;AAAU,WAAO;AACtB,SAAO,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAe,SAAU;AACjD;AAEA,MAAM,QAAQ;AAAA,EAEZ,UAAU,8BAAU,KAAK,YAAY,aAAa;AAAA,EAElD,WAAW,8BAAU,OAAO,YAAY,kBAAkB;AAC5D;AAEA,QAAQ,YAAY;AACpB,QAAQ,cAAc;AACtB,MAAM,oBAAoB,kCAAS,OAAO;AAE1C,kBAAkB,YAAY;AAE9B,IAAO,kBAAQ;",
6
6
  "names": []
7
7
  }
@@ -27,8 +27,8 @@ __export(Suffix_exports, {
27
27
  });
28
28
  module.exports = __toCommonJS(Suffix_exports);
29
29
  var React = __toESM(require("react"));
30
- var import_styled_components = __toESM(require("styled-components"));
31
- const Suffix = import_styled_components.default.div`
30
+ var import_ds_system = require("@elliemae/ds-system");
31
+ const Suffix = import_ds_system.styled.div`
32
32
  height: 2.16rem;
33
33
  align-items: center;
34
34
  display: flex;
@@ -45,11 +45,11 @@ const Suffix = import_styled_components.default.div`
45
45
  }
46
46
  }}
47
47
  `;
48
- const SuffixInputWrapper = import_styled_components.default.div`
48
+ const SuffixInputWrapper = import_ds_system.styled.div`
49
49
  padding-right: 0.32rem;
50
50
  flex: 1;
51
51
  `;
52
- const SuffixWrapper = import_styled_components.default.div`
52
+ const SuffixWrapper = import_ds_system.styled.div`
53
53
  display: flex;
54
54
  align-items: center;
55
55
  `;
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/FormItem/Suffix/Suffix.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable consistent-return */\nimport styled from 'styled-components';\n\nexport const Suffix = styled.div`\n height: 2.16rem;\n align-items: center;\n display: flex;\n ${props => {\n if (props.label && !props.withFeedback) {\n return `\n padding-top: 1.2rem;\n `;\n }\n if (!props.label && !props.withFeedback) {\n return `\n padding-top: 1rem;\n `;\n }\n }}\n`;\n\nexport const SuffixInputWrapper = styled.div`\n padding-right: 0.32rem;\n flex: 1;\n`;\nexport const SuffixWrapper = styled.div`\n display: flex;\n align-items: center;\n`;\n\nexport default Suffix;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,+BAAmB;AAEZ,MAAM,SAAS,iCAAO;AAAA;AAAA;AAAA;AAAA,IAIzB,WAAS;AACT,MAAI,MAAM,SAAS,CAAC,MAAM,cAAc;AACtC,WAAO;AAAA;AAAA;AAAA,EAGT;AACA,MAAI,CAAC,MAAM,SAAS,CAAC,MAAM,cAAc;AACvC,WAAO;AAAA;AAAA;AAAA,EAGT;AACF;AAAA;AAGK,MAAM,qBAAqB,iCAAO;AAAA;AAAA;AAAA;AAIlC,MAAM,gBAAgB,iCAAO;AAAA;AAAA;AAAA;AAKpC,IAAO,iBAAQ;",
4
+ "sourcesContent": ["/* eslint-disable consistent-return */\nimport { styled } from '@elliemae/ds-system';\n\nexport const Suffix = styled.div`\n height: 2.16rem;\n align-items: center;\n display: flex;\n ${props => {\n if (props.label && !props.withFeedback) {\n return `\n padding-top: 1.2rem;\n `;\n }\n if (!props.label && !props.withFeedback) {\n return `\n padding-top: 1rem;\n `;\n }\n }}\n`;\n\nexport const SuffixInputWrapper = styled.div`\n padding-right: 0.32rem;\n flex: 1;\n`;\nexport const SuffixWrapper = styled.div`\n display: flex;\n align-items: center;\n`;\n\nexport default Suffix;\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,uBAAuB;AAEhB,MAAM,SAAS,wBAAO;AAAA;AAAA;AAAA;AAAA,IAIzB,WAAS;AACT,MAAI,MAAM,SAAS,CAAC,MAAM,cAAc;AACtC,WAAO;AAAA;AAAA;AAAA,EAGT;AACA,MAAI,CAAC,MAAM,SAAS,CAAC,MAAM,cAAc;AACvC,WAAO;AAAA;AAAA;AAAA,EAGT;AACF;AAAA;AAGK,MAAM,qBAAqB,wBAAO;AAAA;AAAA;AAAA;AAIlC,MAAM,gBAAgB,wBAAO;AAAA;AAAA;AAAA;AAKpC,IAAO,iBAAQ;",
6
6
  "names": []
7
7
  }
@@ -24,50 +24,50 @@ __export(props_exports, {
24
24
  });
25
25
  module.exports = __toCommonJS(props_exports);
26
26
  var React = __toESM(require("react"));
27
- var import_react_desc = require("react-desc");
27
+ var import_ds_utilities = require("@elliemae/ds-utilities");
28
28
  var import_variants = require("./variants");
29
29
  const props = {
30
- containerProps: import_react_desc.PropTypes.object.description("props to inject to form item layout wrapper"),
31
- disableTooltip: import_react_desc.PropTypes.bool.description("Whether to show a tooltip or not when text does not fit").defaultValue(true),
32
- leftLabel: import_react_desc.PropTypes.bool.description("position label on the left"),
33
- floatingLabel: import_react_desc.PropTypes.bool.description("turn on floating label"),
34
- id: import_react_desc.PropTypes.string.description("id for form item layout"),
35
- name: import_react_desc.PropTypes.string.description("html name prop for form tags"),
36
- value: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.number, import_react_desc.PropTypes.object]).description("form item layout element value"),
37
- inputComponent: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.func, import_react_desc.PropTypes.element]).description("Any input component"),
38
- isShowElipsisActive: import_react_desc.PropTypes.bool.description("Wheter to enable the ellipsis and tooltip functionality or not").defaultValue(true),
39
- labelComponent: import_react_desc.PropTypes.func.description("Label component"),
40
- feedbackComponent: import_react_desc.PropTypes.func.description("feedback component to embed on form item"),
41
- labelText: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.element]).description("label text"),
42
- hasError: import_react_desc.PropTypes.bool.description("error state"),
43
- fitContent: import_react_desc.PropTypes.bool.description("Adds fit content css property to the main container, making the layout width adapt to the input component"),
44
- validationState: import_react_desc.PropTypes.oneOf(["success", "error", "warning"]).description("validation state"),
45
- validationMessage: import_react_desc.PropTypes.string.description("validation message"),
46
- feedbackMessage: import_react_desc.PropTypes.string.description("feedback message"),
47
- readOnly: import_react_desc.PropTypes.bool.description("read only form item"),
48
- focused: import_react_desc.PropTypes.bool.description("focused state"),
49
- type: import_react_desc.PropTypes.string.description("input type"),
50
- autoFocus: import_react_desc.PropTypes.bool.description("auto focus input"),
51
- disabled: import_react_desc.PropTypes.bool.description("disabled state"),
52
- onChange: import_react_desc.PropTypes.func.description("on change handler"),
53
- onBlur: import_react_desc.PropTypes.func.description("on blur handler"),
54
- extraInputProps: import_react_desc.PropTypes.object.description("extra input props to inject"),
55
- extraContent: import_react_desc.PropTypes.element.description("extra content"),
56
- leftAddon: import_react_desc.PropTypes.element.description("left addon for form item"),
57
- rightAddon: import_react_desc.PropTypes.element.description("right addon for form item"),
58
- required: import_react_desc.PropTypes.bool.description("add required mark"),
59
- optional: import_react_desc.PropTypes.bool.description("add optional mark"),
60
- onFocus: import_react_desc.PropTypes.func.description("on focus handler"),
61
- onPaste: import_react_desc.PropTypes.func.description("on paste handler"),
62
- truncateText: import_react_desc.PropTypes.bool.description("add truncation and ellipsis"),
63
- onKeyUp: import_react_desc.PropTypes.func.description("on key up event handler"),
64
- mask: import_react_desc.PropTypes.oneOfType([
65
- import_react_desc.PropTypes.string,
66
- import_react_desc.PropTypes.func
30
+ containerProps: import_ds_utilities.PropTypes.object.description("props to inject to form item layout wrapper"),
31
+ disableTooltip: import_ds_utilities.PropTypes.bool.description("Whether to show a tooltip or not when text does not fit").defaultValue(true),
32
+ leftLabel: import_ds_utilities.PropTypes.bool.description("position label on the left"),
33
+ floatingLabel: import_ds_utilities.PropTypes.bool.description("turn on floating label"),
34
+ id: import_ds_utilities.PropTypes.string.description("id for form item layout"),
35
+ name: import_ds_utilities.PropTypes.string.description("html name prop for form tags"),
36
+ value: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number, import_ds_utilities.PropTypes.object]).description("form item layout element value"),
37
+ inputComponent: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.func, import_ds_utilities.PropTypes.element]).description("Any input component"),
38
+ isShowElipsisActive: import_ds_utilities.PropTypes.bool.description("Wheter to enable the ellipsis and tooltip functionality or not").defaultValue(true),
39
+ labelComponent: import_ds_utilities.PropTypes.func.description("Label component"),
40
+ feedbackComponent: import_ds_utilities.PropTypes.func.description("feedback component to embed on form item"),
41
+ labelText: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.element]).description("label text"),
42
+ hasError: import_ds_utilities.PropTypes.bool.description("error state"),
43
+ fitContent: import_ds_utilities.PropTypes.bool.description("Adds fit content css property to the main container, making the layout width adapt to the input component"),
44
+ validationState: import_ds_utilities.PropTypes.oneOf(["success", "error", "warning"]).description("validation state"),
45
+ validationMessage: import_ds_utilities.PropTypes.string.description("validation message"),
46
+ feedbackMessage: import_ds_utilities.PropTypes.string.description("feedback message"),
47
+ readOnly: import_ds_utilities.PropTypes.bool.description("read only form item"),
48
+ focused: import_ds_utilities.PropTypes.bool.description("focused state"),
49
+ type: import_ds_utilities.PropTypes.string.description("input type"),
50
+ autoFocus: import_ds_utilities.PropTypes.bool.description("auto focus input"),
51
+ disabled: import_ds_utilities.PropTypes.bool.description("disabled state"),
52
+ onChange: import_ds_utilities.PropTypes.func.description("on change handler"),
53
+ onBlur: import_ds_utilities.PropTypes.func.description("on blur handler"),
54
+ extraInputProps: import_ds_utilities.PropTypes.object.description("extra input props to inject"),
55
+ extraContent: import_ds_utilities.PropTypes.element.description("extra content"),
56
+ leftAddon: import_ds_utilities.PropTypes.element.description("left addon for form item"),
57
+ rightAddon: import_ds_utilities.PropTypes.element.description("right addon for form item"),
58
+ required: import_ds_utilities.PropTypes.bool.description("add required mark"),
59
+ optional: import_ds_utilities.PropTypes.bool.description("add optional mark"),
60
+ onFocus: import_ds_utilities.PropTypes.func.description("on focus handler"),
61
+ onPaste: import_ds_utilities.PropTypes.func.description("on paste handler"),
62
+ truncateText: import_ds_utilities.PropTypes.bool.description("add truncation and ellipsis"),
63
+ onKeyUp: import_ds_utilities.PropTypes.func.description("on key up event handler"),
64
+ mask: import_ds_utilities.PropTypes.oneOfType([
65
+ import_ds_utilities.PropTypes.string,
66
+ import_ds_utilities.PropTypes.func
67
67
  ]).description("mask for input mask component"),
68
- useSubfix: import_react_desc.PropTypes.string.description("add suffix to input"),
69
- suffix: import_react_desc.PropTypes.string.description("suffix for input"),
70
- variant: import_react_desc.PropTypes.oneOf([
68
+ useSubfix: import_ds_utilities.PropTypes.string.description("add suffix to input"),
69
+ suffix: import_ds_utilities.PropTypes.string.description("suffix for input"),
70
+ variant: import_ds_utilities.PropTypes.oneOf([
71
71
  import_variants.FORMITEM_LAYOUT_VARIANTS.DEFAULT,
72
72
  import_variants.FORMITEM_LAYOUT_VARIANTS.FOCUS,
73
73
  import_variants.FORMITEM_LAYOUT_VARIANTS.ACTIVE,
@@ -75,6 +75,6 @@ const props = {
75
75
  import_variants.FORMITEM_LAYOUT_VARIANTS.READ_ONLY,
76
76
  import_variants.FORMITEM_LAYOUT_VARIANTS.OPTIONAL
77
77
  ]).description("form item layout type"),
78
- withHighlight: import_react_desc.PropTypes.bool.description("adds highlight style to the input component")
78
+ withHighlight: import_ds_utilities.PropTypes.bool.description("adds highlight style to the input component")
79
79
  };
80
80
  //# sourceMappingURL=props.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/FormItem/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import { PropTypes } from 'react-desc';\nimport { FORMITEM_LAYOUT_VARIANTS } from './variants';\n\nexport const props = {\n /** props to inject to form item layout wrapper */\n containerProps: PropTypes.object.description('props to inject to form item layout wrapper'),\n /** disableTooltip */\n disableTooltip: PropTypes.bool\n .description('Whether to show a tooltip or not when text does not fit')\n .defaultValue(true),\n /** position label on the left */\n leftLabel: PropTypes.bool.description('position label on the left'),\n /** turn on floating label */\n floatingLabel: PropTypes.bool.description('turn on floating label'),\n /** id for form item layout */\n id: PropTypes.string.description('id for form item layout'),\n /** html name prop for form tags */\n name: PropTypes.string.description('html name prop for form tags'),\n /** form item layout element value */\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description(\n 'form item layout element value',\n ),\n /** Any input component */\n inputComponent: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description('Any input component'),\n /** isShowElipsisActive */\n /** isShowElipsisActive */\n isShowElipsisActive: PropTypes.bool\n .description('Wheter to enable the ellipsis and tooltip functionality or not')\n .defaultValue(true),\n /** Label component */\n labelComponent: PropTypes.func.description('Label component'),\n /** feedback component to embed on form item */\n feedbackComponent: PropTypes.func.description('feedback component to embed on form item'),\n /** label text */\n labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description('label text'),\n /** error state */\n hasError: PropTypes.bool.description('error state'),\n /** add fit content to form container */\n fitContent: PropTypes.bool.description(\n 'Adds fit content css property to the main container, making the layout width adapt to the input component',\n ),\n /** validation state */\n validationState: PropTypes.oneOf(['success', 'error', 'warning']).description('validation state'),\n /** validation message */\n validationMessage: PropTypes.string.description('validation message'),\n /** feedback message */\n feedbackMessage: PropTypes.string.description('feedback message'),\n /** read only form item */\n readOnly: PropTypes.bool.description('read only form item'),\n /** focused state */\n focused: PropTypes.bool.description('focused state'),\n /** input type */\n type: PropTypes.string.description('input type'),\n /** auto focus input */\n autoFocus: PropTypes.bool.description('auto focus input'),\n /** disabled state */\n disabled: PropTypes.bool.description('disabled state'),\n /** on change handler */\n onChange: PropTypes.func.description('on change handler'),\n /** on blur handler */\n onBlur: PropTypes.func.description('on blur handler'),\n /** extra input props to inject */\n extraInputProps: PropTypes.object.description('extra input props to inject'),\n /** extra content */\n extraContent: PropTypes.element.description('extra content'),\n /** left addon for form item */\n leftAddon: PropTypes.element.description('left addon for form item'),\n /** right addon for form item */\n rightAddon: PropTypes.element.description('right addon for form item'),\n /** add required mark */\n required: PropTypes.bool.description('add required mark'),\n /** add optional mark */\n optional: PropTypes.bool.description('add optional mark'),\n /** on focus handler */\n onFocus: PropTypes.func.description('on focus handler'),\n /** on paste handler */\n onPaste: PropTypes.func.description('on paste handler'),\n /** add truncation and ellipsis */\n truncateText: PropTypes.bool.description('add truncation and ellipsis'),\n /** on key up event handler */\n onKeyUp: PropTypes.func.description('on key up event handler'),\n /** mask for input mask component */\n mask: PropTypes.oneOfType([\n // PropTypes.oneOf(maskTypes),\n PropTypes.string,\n PropTypes.func,\n ]).description('mask for input mask component'),\n /** add suffix to input */\n useSubfix: PropTypes.string.description('add suffix to input'),\n /** suffix for input */\n suffix: PropTypes.string.description('suffix for input'),\n /** form item layout type */\n variant: PropTypes.oneOf([\n FORMITEM_LAYOUT_VARIANTS.DEFAULT,\n FORMITEM_LAYOUT_VARIANTS.FOCUS,\n FORMITEM_LAYOUT_VARIANTS.ACTIVE,\n FORMITEM_LAYOUT_VARIANTS.DISABLED,\n FORMITEM_LAYOUT_VARIANTS.READ_ONLY,\n FORMITEM_LAYOUT_VARIANTS.OPTIONAL,\n ]).description('form item layout type'),\n withHighlight: PropTypes.bool.description('adds highlight style to the input component'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": "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",
4
+ "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\nimport { FORMITEM_LAYOUT_VARIANTS } from './variants';\n\nexport const props = {\n /** props to inject to form item layout wrapper */\n containerProps: PropTypes.object.description('props to inject to form item layout wrapper'),\n /** disableTooltip */\n disableTooltip: PropTypes.bool\n .description('Whether to show a tooltip or not when text does not fit')\n .defaultValue(true),\n /** position label on the left */\n leftLabel: PropTypes.bool.description('position label on the left'),\n /** turn on floating label */\n floatingLabel: PropTypes.bool.description('turn on floating label'),\n /** id for form item layout */\n id: PropTypes.string.description('id for form item layout'),\n /** html name prop for form tags */\n name: PropTypes.string.description('html name prop for form tags'),\n /** form item layout element value */\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description(\n 'form item layout element value',\n ),\n /** Any input component */\n inputComponent: PropTypes.oneOfType([PropTypes.func, PropTypes.element]).description('Any input component'),\n /** isShowElipsisActive */\n /** isShowElipsisActive */\n isShowElipsisActive: PropTypes.bool\n .description('Wheter to enable the ellipsis and tooltip functionality or not')\n .defaultValue(true),\n /** Label component */\n labelComponent: PropTypes.func.description('Label component'),\n /** feedback component to embed on form item */\n feedbackComponent: PropTypes.func.description('feedback component to embed on form item'),\n /** label text */\n labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description('label text'),\n /** error state */\n hasError: PropTypes.bool.description('error state'),\n /** add fit content to form container */\n fitContent: PropTypes.bool.description(\n 'Adds fit content css property to the main container, making the layout width adapt to the input component',\n ),\n /** validation state */\n validationState: PropTypes.oneOf(['success', 'error', 'warning']).description('validation state'),\n /** validation message */\n validationMessage: PropTypes.string.description('validation message'),\n /** feedback message */\n feedbackMessage: PropTypes.string.description('feedback message'),\n /** read only form item */\n readOnly: PropTypes.bool.description('read only form item'),\n /** focused state */\n focused: PropTypes.bool.description('focused state'),\n /** input type */\n type: PropTypes.string.description('input type'),\n /** auto focus input */\n autoFocus: PropTypes.bool.description('auto focus input'),\n /** disabled state */\n disabled: PropTypes.bool.description('disabled state'),\n /** on change handler */\n onChange: PropTypes.func.description('on change handler'),\n /** on blur handler */\n onBlur: PropTypes.func.description('on blur handler'),\n /** extra input props to inject */\n extraInputProps: PropTypes.object.description('extra input props to inject'),\n /** extra content */\n extraContent: PropTypes.element.description('extra content'),\n /** left addon for form item */\n leftAddon: PropTypes.element.description('left addon for form item'),\n /** right addon for form item */\n rightAddon: PropTypes.element.description('right addon for form item'),\n /** add required mark */\n required: PropTypes.bool.description('add required mark'),\n /** add optional mark */\n optional: PropTypes.bool.description('add optional mark'),\n /** on focus handler */\n onFocus: PropTypes.func.description('on focus handler'),\n /** on paste handler */\n onPaste: PropTypes.func.description('on paste handler'),\n /** add truncation and ellipsis */\n truncateText: PropTypes.bool.description('add truncation and ellipsis'),\n /** on key up event handler */\n onKeyUp: PropTypes.func.description('on key up event handler'),\n /** mask for input mask component */\n mask: PropTypes.oneOfType([\n // PropTypes.oneOf(maskTypes),\n PropTypes.string,\n PropTypes.func,\n ]).description('mask for input mask component'),\n /** add suffix to input */\n useSubfix: PropTypes.string.description('add suffix to input'),\n /** suffix for input */\n suffix: PropTypes.string.description('suffix for input'),\n /** form item layout type */\n variant: PropTypes.oneOf([\n FORMITEM_LAYOUT_VARIANTS.DEFAULT,\n FORMITEM_LAYOUT_VARIANTS.FOCUS,\n FORMITEM_LAYOUT_VARIANTS.ACTIVE,\n FORMITEM_LAYOUT_VARIANTS.DISABLED,\n FORMITEM_LAYOUT_VARIANTS.READ_ONLY,\n FORMITEM_LAYOUT_VARIANTS.OPTIONAL,\n ]).description('form item layout type'),\n withHighlight: PropTypes.bool.description('adds highlight style to the input component'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
@@ -27,7 +27,7 @@ __export(DSInputGroup_exports, {
27
27
  module.exports = __toCommonJS(DSInputGroup_exports);
28
28
  var React = __toESM(require("react"));
29
29
  var import_react = __toESM(require("react"));
30
- var import_react_desc = require("react-desc");
30
+ var import_ds_utilities = require("@elliemae/ds-utilities");
31
31
  var import_AddonWrapper = require("./AddonWrapper");
32
32
  var import_props = require("./props");
33
33
  var import_defaultProps = require("./defaultProps");
@@ -50,7 +50,7 @@ const DSInputGroup = ({
50
50
  DSInputGroup.propTypes = import_props.props;
51
51
  DSInputGroup.defaultProps = import_defaultProps.defaultProps;
52
52
  DSInputGroup.displayName = "DSInputGroup";
53
- const DSInputGroupWithSchema = (0, import_react_desc.describe)(DSInputGroup);
53
+ const DSInputGroupWithSchema = (0, import_ds_utilities.describe)(DSInputGroup);
54
54
  DSInputGroupWithSchema.propTypes = import_props.props;
55
55
  var DSInputGroup_default = DSInputGroup;
56
56
  //# sourceMappingURL=DSInputGroup.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/InputGroup/DSInputGroup.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport { describe } from 'react-desc';\nimport { AddonWrapper } from './AddonWrapper';\nimport { props } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst DSInputGroup = ({\n containerProps,\n innerRef,\n className,\n style,\n leftAddon,\n rightAddon,\n children: InputComponents, // as InputComponents,\n}) => (\n <AddonWrapper\n ref={innerRef}\n className={className}\n containerProps={containerProps}\n leftAddon={leftAddon}\n rightAddon={rightAddon}\n style={style}\n >\n {InputComponents}\n </AddonWrapper>\n);\n\nDSInputGroup.propTypes = props;\nDSInputGroup.defaultProps = defaultProps;\nDSInputGroup.displayName = 'DSInputGroup';\nconst DSInputGroupWithSchema = describe(DSInputGroup);\n\nDSInputGroupWithSchema.propTypes = props;\n\nexport default DSInputGroup;\nexport { DSInputGroupWithSchema, DSInputGroup };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,0BAA6B;AAC7B,mBAAsB;AACtB,0BAA6B;AAE7B,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,MAEV,mDAAC;AAAA,EACC,KAAK;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GAEC,eACH;AAGF,aAAa,YAAY;AACzB,aAAa,eAAe;AAC5B,aAAa,cAAc;AAC3B,MAAM,yBAAyB,gCAAS,YAAY;AAEpD,uBAAuB,YAAY;AAEnC,IAAO,uBAAQ;",
4
+ "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { AddonWrapper } from './AddonWrapper';\nimport { props } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst DSInputGroup = ({\n containerProps,\n innerRef,\n className,\n style,\n leftAddon,\n rightAddon,\n children: InputComponents, // as InputComponents,\n}) => (\n <AddonWrapper\n ref={innerRef}\n className={className}\n containerProps={containerProps}\n leftAddon={leftAddon}\n rightAddon={rightAddon}\n style={style}\n >\n {InputComponents}\n </AddonWrapper>\n);\n\nDSInputGroup.propTypes = props;\nDSInputGroup.defaultProps = defaultProps;\nDSInputGroup.displayName = 'DSInputGroup';\nconst DSInputGroupWithSchema = describe(DSInputGroup);\n\nDSInputGroupWithSchema.propTypes = props;\n\nexport default DSInputGroup;\nexport { DSInputGroupWithSchema, DSInputGroup };\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAyB;AACzB,0BAA6B;AAC7B,mBAAsB;AACtB,0BAA6B;AAE7B,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,MAEV,mDAAC;AAAA,EACC,KAAK;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GAEC,eACH;AAGF,aAAa,YAAY;AACzB,aAAa,eAAe;AAC5B,aAAa,cAAc;AAC3B,MAAM,yBAAyB,kCAAS,YAAY;AAEpD,uBAAuB,YAAY;AAEnC,IAAO,uBAAQ;",
6
6
  "names": []
7
7
  }
@@ -24,17 +24,17 @@ __export(props_exports, {
24
24
  });
25
25
  module.exports = __toCommonJS(props_exports);
26
26
  var React = __toESM(require("react"));
27
- var import_react_desc = require("react-desc");
27
+ var import_ds_utilities = require("@elliemae/ds-utilities");
28
28
  const props = {
29
- containerProps: import_react_desc.PropTypes.shape({}).description("props injected to wrapper of page header"),
30
- innerRef: import_react_desc.PropTypes.oneOfType([
31
- import_react_desc.PropTypes.func,
32
- import_react_desc.PropTypes.shape({ current: import_react_desc.PropTypes.any })
29
+ containerProps: import_ds_utilities.PropTypes.shape({}).description("props injected to wrapper of page header"),
30
+ innerRef: import_ds_utilities.PropTypes.oneOfType([
31
+ import_ds_utilities.PropTypes.func,
32
+ import_ds_utilities.PropTypes.shape({ current: import_ds_utilities.PropTypes.any })
33
33
  ]).description("inner ref for input group wrapper"),
34
- className: import_react_desc.PropTypes.string.description("class for input group wrapper"),
35
- style: import_react_desc.PropTypes.object.description("Set style for the input group"),
36
- leftAddon: import_react_desc.PropTypes.element.description("Component to be added at the left side of the input"),
37
- rightAddon: import_react_desc.PropTypes.element.description("Component to be added at the right side of the input"),
38
- children: import_react_desc.PropTypes.element.description("Input components to show")
34
+ className: import_ds_utilities.PropTypes.string.description("class for input group wrapper"),
35
+ style: import_ds_utilities.PropTypes.object.description("Set style for the input group"),
36
+ leftAddon: import_ds_utilities.PropTypes.element.description("Component to be added at the left side of the input"),
37
+ rightAddon: import_ds_utilities.PropTypes.element.description("Component to be added at the right side of the input"),
38
+ children: import_ds_utilities.PropTypes.element.description("Input components to show")
39
39
  };
40
40
  //# sourceMappingURL=props.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/InputGroup/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport const props = {\n /** props injected to wrapper of page header */\n containerProps: PropTypes.shape({}).description(\n 'props injected to wrapper of page header',\n ),\n /** inner ref for input group wrapper */\n innerRef: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.shape({ current: PropTypes.any }),\n ]).description('inner ref for input group wrapper'),\n /** class for input group wrapper */\n className: PropTypes.string.description('class for input group wrapper'),\n /**\n * Set style for the input group\n */\n style: PropTypes.object.description('Set style for the input group'),\n /**\n * Component to be added at the left side of the input\n */\n leftAddon: PropTypes.element.description(\n 'Component to be added at the left side of the input',\n ),\n /**\n * Component to be added at the right side of the input\n */\n rightAddon: PropTypes.element.description(\n 'Component to be added at the right side of the input',\n ),\n /**\n * Input components to show\n */\n children: PropTypes.element.description('Input components to show'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,4BAAU,MAAM,CAAC,CAAC,EAAE,YAClC,0CACF;AAAA,EAEA,UAAU,4BAAU,UAAU;AAAA,IAC5B,4BAAU;AAAA,IACV,4BAAU,MAAM,EAAE,SAAS,4BAAU,IAAI,CAAC;AAAA,EAC5C,CAAC,EAAE,YAAY,mCAAmC;AAAA,EAElD,WAAW,4BAAU,OAAO,YAAY,+BAA+B;AAAA,EAIvE,OAAO,4BAAU,OAAO,YAAY,+BAA+B;AAAA,EAInE,WAAW,4BAAU,QAAQ,YAC3B,qDACF;AAAA,EAIA,YAAY,4BAAU,QAAQ,YAC5B,sDACF;AAAA,EAIA,UAAU,4BAAU,QAAQ,YAAY,0BAA0B;AACpE;",
4
+ "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\n\nexport const props = {\n /** props injected to wrapper of page header */\n containerProps: PropTypes.shape({}).description(\n 'props injected to wrapper of page header',\n ),\n /** inner ref for input group wrapper */\n innerRef: PropTypes.oneOfType([\n PropTypes.func,\n PropTypes.shape({ current: PropTypes.any }),\n ]).description('inner ref for input group wrapper'),\n /** class for input group wrapper */\n className: PropTypes.string.description('class for input group wrapper'),\n /**\n * Set style for the input group\n */\n style: PropTypes.object.description('Set style for the input group'),\n /**\n * Component to be added at the left side of the input\n */\n leftAddon: PropTypes.element.description(\n 'Component to be added at the left side of the input',\n ),\n /**\n * Component to be added at the right side of the input\n */\n rightAddon: PropTypes.element.description(\n 'Component to be added at the right side of the input',\n ),\n /**\n * Input components to show\n */\n children: PropTypes.element.description('Input components to show'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAEnB,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,8BAAU,MAAM,CAAC,CAAC,EAAE,YAClC,0CACF;AAAA,EAEA,UAAU,8BAAU,UAAU;AAAA,IAC5B,8BAAU;AAAA,IACV,8BAAU,MAAM,EAAE,SAAS,8BAAU,IAAI,CAAC;AAAA,EAC5C,CAAC,EAAE,YAAY,mCAAmC;AAAA,EAElD,WAAW,8BAAU,OAAO,YAAY,+BAA+B;AAAA,EAIvE,OAAO,8BAAU,OAAO,YAAY,+BAA+B;AAAA,EAInE,WAAW,8BAAU,QAAQ,YAC3B,qDACF;AAAA,EAIA,YAAY,8BAAU,QAAQ,YAC5B,sDACF;AAAA,EAIA,UAAU,8BAAU,QAAQ,YAAY,0BAA0B;AACpE;",
6
6
  "names": []
7
7
  }
@@ -58,7 +58,7 @@ __export(DSInputMask_exports, {
58
58
  module.exports = __toCommonJS(DSInputMask_exports);
59
59
  var React = __toESM(require("react"));
60
60
  var import_react = __toESM(require("react"));
61
- var import_react_desc = require("react-desc");
61
+ var import_ds_utilities = require("@elliemae/ds-utilities");
62
62
  var import_MaskTypes = require("./MaskTypes");
63
63
  var import_MaskPipes = require("./MaskPipes");
64
64
  var import_DSInputMaskDeprecated = require("./DSInputMaskDeprecated");
@@ -157,7 +157,7 @@ const DSInputMask = (_a) => {
157
157
  DSInputMask.propTypes = import_props.inputProps;
158
158
  DSInputMask.defaultProps = import_defaultProps.defaultProps;
159
159
  DSInputMask.displayName = "DSInputMask";
160
- const DSInputMaskWithSchema = (0, import_react_desc.describe)(DSInputMask).description("Masking input for custom formats");
160
+ const DSInputMaskWithSchema = (0, import_ds_utilities.describe)(DSInputMask).description("Masking input for custom formats");
161
161
  DSInputMaskWithSchema.propTypes = import_props.inputProps;
162
162
  var DSInputMask_default = DSInputMask;
163
163
  //# sourceMappingURL=DSInputMask.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/InputMask/DSInputMask.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { describe } from 'react-desc';\nimport { MASK_TYPES } from './MaskTypes';\nimport { MASK_PIPES } from './MaskPipes';\nimport { DSInputMaskDeprecated } from './DSInputMaskDeprecated';\nimport { inputProps } from './props';\nimport { defaultProps } from './defaultProps';\nimport { OutOfTheBoxMaskTypes } from './mask_types';\n\nconst isStringMask = (mask: any) => typeof mask === 'string';\n\nconst isObjectMask = (mask: any) => typeof mask === 'object' && mask.type;\n\nconst getRawMask = (mask: any, rawValue: string) =>\n typeof mask === 'function' ? mask(rawValue) : mask;\n\nconst getValueFromEventOrString = (e: any): string => {\n let value = e;\n if (e && e.target) {\n const {\n target: { value: eValue },\n } = e;\n value = eValue;\n }\n return value;\n};\n\nconst DSInputMask = ({\n 'aria-label': ariaLabel = 'Input Mask',\n autoFocus,\n innerRef,\n mask,\n pipe,\n value: valueOrEvent,\n ...rest\n}) => {\n const [rawValue, setRawValue] = useState(\n getValueFromEventOrString(valueOrEvent),\n );\n\n useEffect(() => {\n setRawValue(getValueFromEventOrString(valueOrEvent));\n }, [valueOrEvent]);\n\n const [rawMask, setRawMask] = useState<any>(getRawMask(mask, rawValue));\n\n const [focus, setFocus] = useState(autoFocus);\n\n const [lastkey, setLastkey] = useState<{ code: number; key: string }>({\n code: null,\n key: null,\n });\n\n const [cursorPosition, setCursorPosition] = useState({ current: 0 });\n\n const handleSetMask = useCallback(\n (newValue) => {\n setRawMask(getRawMask(mask, newValue));\n },\n [mask],\n );\n\n if (!pipe && isStringMask(rawMask)) {\n return OutOfTheBoxMaskTypes[rawMask]({\n ...rest,\n 'aria-label': ariaLabel,\n innerRef,\n value: rawValue,\n focus,\n setFocus,\n setRawMask: handleSetMask,\n cursorPosition,\n setCursorPosition,\n lastkey,\n setLastkey,\n setRawValue,\n });\n }\n\n if (!pipe && isObjectMask(rawMask)) {\n // we should change rawMask.type to rawMask.maskType\n // to avoid override standard props\n return OutOfTheBoxMaskTypes[rawMask.type]({\n ...rawMask,\n ...rest,\n 'aria-label': ariaLabel,\n innerRef,\n value: rawValue,\n focus,\n setFocus,\n setRawMask: handleSetMask,\n cursorPosition,\n setCursorPosition,\n lastkey,\n setLastkey,\n setRawValue,\n });\n }\n\n const getDeprecatedMask = () => {\n if (mask === MASK_TYPES.DATE) return MASK_TYPES.DATE_DEPRECATED;\n if (mask === MASK_TYPES.DATE_TIME) return MASK_TYPES.DATE_TIME_DEPRECATED;\n return mask;\n };\n return (\n <DSInputMaskDeprecated\n {...rest}\n aria-label={ariaLabel}\n autoFocus={autoFocus}\n innerRef={innerRef}\n mask={getDeprecatedMask()}\n pipe={pipe}\n value={rawValue}\n />\n );\n};\n\nDSInputMask.propTypes = inputProps;\nDSInputMask.defaultProps = defaultProps;\nDSInputMask.displayName = 'DSInputMask';\nconst DSInputMaskWithSchema = describe(DSInputMask).description(\n 'Masking input for custom formats',\n);\nDSInputMaskWithSchema.propTypes = inputProps;\n\nexport { MASK_TYPES, MASK_PIPES, DSInputMaskWithSchema, DSInputMask };\nexport default DSInputMask;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAwD;AACxD,wBAAyB;AACzB,uBAA2B;AAC3B,uBAA2B;AAC3B,mCAAsC;AACtC,mBAA2B;AAC3B,0BAA6B;AAC7B,wBAAqC;AAErC,MAAM,eAAe,CAAC,SAAc,OAAO,SAAS;AAEpD,MAAM,eAAe,CAAC,SAAc,OAAO,SAAS,YAAY,KAAK;AAErE,MAAM,aAAa,CAAC,MAAW,aAC7B,OAAO,SAAS,aAAa,KAAK,QAAQ,IAAI;AAEhD,MAAM,4BAA4B,CAAC,MAAmB;AACpD,MAAI,QAAQ;AACZ,MAAI,KAAK,EAAE,QAAQ;AACjB,UAAM;AAAA,MACJ,QAAQ,EAAE,OAAO;AAAA,QACf;AACJ,YAAQ;AAAA,EACV;AACA,SAAO;AACT;AAEA,MAAM,cAAc,CAAC,OAQf;AARe,eACnB;AAAA,kBAAc,YAAY;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,MANY,IAOhB,iBAPgB,IAOhB;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,CAAC,UAAU,eAAe,2BAC9B,0BAA0B,YAAY,CACxC;AAEA,8BAAU,MAAM;AACd,gBAAY,0BAA0B,YAAY,CAAC;AAAA,EACrD,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,CAAC,SAAS,cAAc,2BAAc,WAAW,MAAM,QAAQ,CAAC;AAEtE,QAAM,CAAC,OAAO,YAAY,2BAAS,SAAS;AAE5C,QAAM,CAAC,SAAS,cAAc,2BAAwC;AAAA,IACpE,MAAM;AAAA,IACN,KAAK;AAAA,EACP,CAAC;AAED,QAAM,CAAC,gBAAgB,qBAAqB,2BAAS,EAAE,SAAS,EAAE,CAAC;AAEnE,QAAM,gBAAgB,8BACpB,CAAC,aAAa;AACZ,eAAW,WAAW,MAAM,QAAQ,CAAC;AAAA,EACvC,GACA,CAAC,IAAI,CACP;AAEA,MAAI,CAAC,QAAQ,aAAa,OAAO,GAAG;AAClC,WAAO,uCAAqB,SAAS,iCAChC,OADgC;AAAA,MAEnC,cAAc;AAAA,MACd;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,EAAC;AAAA,EACH;AAEA,MAAI,CAAC,QAAQ,aAAa,OAAO,GAAG;AAGlC,WAAO,uCAAqB,QAAQ,MAAM,gDACrC,UACA,OAFqC;AAAA,MAGxC,cAAc;AAAA,MACd;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,EAAC;AAAA,EACH;AAEA,QAAM,oBAAoB,MAAM;AAC9B,QAAI,SAAS,4BAAW;AAAM,aAAO,4BAAW;AAChD,QAAI,SAAS,4BAAW;AAAW,aAAO,4BAAW;AACrD,WAAO;AAAA,EACT;AACA,SACE,mDAAC,qFACK,OADL;AAAA,IAEC,cAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,MAAM,kBAAkB;AAAA,IACxB;AAAA,IACA,OAAO;AAAA,IACT;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,eAAe;AAC3B,YAAY,cAAc;AAC1B,MAAM,wBAAwB,gCAAS,WAAW,EAAE,YAClD,kCACF;AACA,sBAAsB,YAAY;AAGlC,IAAO,sBAAQ;",
4
+ "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { MASK_TYPES } from './MaskTypes';\nimport { MASK_PIPES } from './MaskPipes';\nimport { DSInputMaskDeprecated } from './DSInputMaskDeprecated';\nimport { inputProps } from './props';\nimport { defaultProps } from './defaultProps';\nimport { OutOfTheBoxMaskTypes } from './mask_types';\n\nconst isStringMask = (mask: any) => typeof mask === 'string';\n\nconst isObjectMask = (mask: any) => typeof mask === 'object' && mask.type;\n\nconst getRawMask = (mask: any, rawValue: string) =>\n typeof mask === 'function' ? mask(rawValue) : mask;\n\nconst getValueFromEventOrString = (e: any): string => {\n let value = e;\n if (e && e.target) {\n const {\n target: { value: eValue },\n } = e;\n value = eValue;\n }\n return value;\n};\n\nconst DSInputMask = ({\n 'aria-label': ariaLabel = 'Input Mask',\n autoFocus,\n innerRef,\n mask,\n pipe,\n value: valueOrEvent,\n ...rest\n}) => {\n const [rawValue, setRawValue] = useState(\n getValueFromEventOrString(valueOrEvent),\n );\n\n useEffect(() => {\n setRawValue(getValueFromEventOrString(valueOrEvent));\n }, [valueOrEvent]);\n\n const [rawMask, setRawMask] = useState<any>(getRawMask(mask, rawValue));\n\n const [focus, setFocus] = useState(autoFocus);\n\n const [lastkey, setLastkey] = useState<{ code: number; key: string }>({\n code: null,\n key: null,\n });\n\n const [cursorPosition, setCursorPosition] = useState({ current: 0 });\n\n const handleSetMask = useCallback(\n (newValue) => {\n setRawMask(getRawMask(mask, newValue));\n },\n [mask],\n );\n\n if (!pipe && isStringMask(rawMask)) {\n return OutOfTheBoxMaskTypes[rawMask]({\n ...rest,\n 'aria-label': ariaLabel,\n innerRef,\n value: rawValue,\n focus,\n setFocus,\n setRawMask: handleSetMask,\n cursorPosition,\n setCursorPosition,\n lastkey,\n setLastkey,\n setRawValue,\n });\n }\n\n if (!pipe && isObjectMask(rawMask)) {\n // we should change rawMask.type to rawMask.maskType\n // to avoid override standard props\n return OutOfTheBoxMaskTypes[rawMask.type]({\n ...rawMask,\n ...rest,\n 'aria-label': ariaLabel,\n innerRef,\n value: rawValue,\n focus,\n setFocus,\n setRawMask: handleSetMask,\n cursorPosition,\n setCursorPosition,\n lastkey,\n setLastkey,\n setRawValue,\n });\n }\n\n const getDeprecatedMask = () => {\n if (mask === MASK_TYPES.DATE) return MASK_TYPES.DATE_DEPRECATED;\n if (mask === MASK_TYPES.DATE_TIME) return MASK_TYPES.DATE_TIME_DEPRECATED;\n return mask;\n };\n return (\n <DSInputMaskDeprecated\n {...rest}\n aria-label={ariaLabel}\n autoFocus={autoFocus}\n innerRef={innerRef}\n mask={getDeprecatedMask()}\n pipe={pipe}\n value={rawValue}\n />\n );\n};\n\nDSInputMask.propTypes = inputProps;\nDSInputMask.defaultProps = defaultProps;\nDSInputMask.displayName = 'DSInputMask';\nconst DSInputMaskWithSchema = describe(DSInputMask).description(\n 'Masking input for custom formats',\n);\nDSInputMaskWithSchema.propTypes = inputProps;\n\nexport { MASK_TYPES, MASK_PIPES, DSInputMaskWithSchema, DSInputMask };\nexport default DSInputMask;\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAwD;AACxD,0BAAyB;AACzB,uBAA2B;AAC3B,uBAA2B;AAC3B,mCAAsC;AACtC,mBAA2B;AAC3B,0BAA6B;AAC7B,wBAAqC;AAErC,MAAM,eAAe,CAAC,SAAc,OAAO,SAAS;AAEpD,MAAM,eAAe,CAAC,SAAc,OAAO,SAAS,YAAY,KAAK;AAErE,MAAM,aAAa,CAAC,MAAW,aAC7B,OAAO,SAAS,aAAa,KAAK,QAAQ,IAAI;AAEhD,MAAM,4BAA4B,CAAC,MAAmB;AACpD,MAAI,QAAQ;AACZ,MAAI,KAAK,EAAE,QAAQ;AACjB,UAAM;AAAA,MACJ,QAAQ,EAAE,OAAO;AAAA,QACf;AACJ,YAAQ;AAAA,EACV;AACA,SAAO;AACT;AAEA,MAAM,cAAc,CAAC,OAQf;AARe,eACnB;AAAA,kBAAc,YAAY;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,MANY,IAOhB,iBAPgB,IAOhB;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,CAAC,UAAU,eAAe,2BAC9B,0BAA0B,YAAY,CACxC;AAEA,8BAAU,MAAM;AACd,gBAAY,0BAA0B,YAAY,CAAC;AAAA,EACrD,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,CAAC,SAAS,cAAc,2BAAc,WAAW,MAAM,QAAQ,CAAC;AAEtE,QAAM,CAAC,OAAO,YAAY,2BAAS,SAAS;AAE5C,QAAM,CAAC,SAAS,cAAc,2BAAwC;AAAA,IACpE,MAAM;AAAA,IACN,KAAK;AAAA,EACP,CAAC;AAED,QAAM,CAAC,gBAAgB,qBAAqB,2BAAS,EAAE,SAAS,EAAE,CAAC;AAEnE,QAAM,gBAAgB,8BACpB,CAAC,aAAa;AACZ,eAAW,WAAW,MAAM,QAAQ,CAAC;AAAA,EACvC,GACA,CAAC,IAAI,CACP;AAEA,MAAI,CAAC,QAAQ,aAAa,OAAO,GAAG;AAClC,WAAO,uCAAqB,SAAS,iCAChC,OADgC;AAAA,MAEnC,cAAc;AAAA,MACd;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,EAAC;AAAA,EACH;AAEA,MAAI,CAAC,QAAQ,aAAa,OAAO,GAAG;AAGlC,WAAO,uCAAqB,QAAQ,MAAM,gDACrC,UACA,OAFqC;AAAA,MAGxC,cAAc;AAAA,MACd;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,EAAC;AAAA,EACH;AAEA,QAAM,oBAAoB,MAAM;AAC9B,QAAI,SAAS,4BAAW;AAAM,aAAO,4BAAW;AAChD,QAAI,SAAS,4BAAW;AAAW,aAAO,4BAAW;AACrD,WAAO;AAAA,EACT;AACA,SACE,mDAAC,qFACK,OADL;AAAA,IAEC,cAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,MAAM,kBAAkB;AAAA,IACxB;AAAA,IACA,OAAO;AAAA,IACT;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,eAAe;AAC3B,YAAY,cAAc;AAC1B,MAAM,wBAAwB,kCAAS,WAAW,EAAE,YAClD,kCACF;AACA,sBAAsB,YAAY;AAGlC,IAAO,sBAAQ;",
6
6
  "names": []
7
7
  }
@@ -55,7 +55,7 @@ __export(DateInputMask_exports, {
55
55
  module.exports = __toCommonJS(DateInputMask_exports);
56
56
  var React = __toESM(require("react"));
57
57
  var import_react = __toESM(require("react"));
58
- var import_react_desc = require("react-desc");
58
+ var import_ds_utilities = require("@elliemae/ds-utilities");
59
59
  var import_TextBox = require("../../TextBox");
60
60
  var import_setCaretPosition = require("../utils/setCaretPosition");
61
61
  const conformValue = (rawValue, cursorPos, lastkeycode) => {
@@ -232,39 +232,39 @@ const DateInputMask = (_a) => {
232
232
  }));
233
233
  };
234
234
  DateInputMask.propTypes = {
235
- focus: import_react_desc.PropTypes.bool,
236
- setFocus: import_react_desc.PropTypes.func,
237
- setRawMask: import_react_desc.PropTypes.func,
238
- cursorPosition: import_react_desc.PropTypes.shape({ current: import_react_desc.PropTypes.number }),
239
- setCursorPosition: import_react_desc.PropTypes.func,
240
- lastkey: import_react_desc.PropTypes.shape({ code: import_react_desc.PropTypes.number, key: import_react_desc.PropTypes.string }),
241
- setLastkey: import_react_desc.PropTypes.func,
242
- setRawValue: import_react_desc.PropTypes.func,
243
- style: import_react_desc.PropTypes.object,
244
- disabled: import_react_desc.PropTypes.bool,
245
- className: import_react_desc.PropTypes.string,
246
- name: import_react_desc.PropTypes.string,
247
- maxLength: import_react_desc.PropTypes.number,
248
- minLength: import_react_desc.PropTypes.number,
249
- fluidWidth: import_react_desc.PropTypes.bool,
250
- placeholder: import_react_desc.PropTypes.string,
251
- value: import_react_desc.PropTypes.string,
252
- onChange: import_react_desc.PropTypes.func,
253
- onKeyDown: import_react_desc.PropTypes.func,
254
- leftComponent: import_react_desc.PropTypes.element,
255
- rightComponent: import_react_desc.PropTypes.element,
256
- onFocus: import_react_desc.PropTypes.func,
257
- onBlur: import_react_desc.PropTypes.func,
258
- onPaste: import_react_desc.PropTypes.func,
259
- onKeyUp: import_react_desc.PropTypes.func,
260
- hasError: import_react_desc.PropTypes.bool,
261
- readOnly: import_react_desc.PropTypes.bool,
262
- onClick: import_react_desc.PropTypes.func,
263
- clearable: import_react_desc.PropTypes.bool,
264
- type: import_react_desc.PropTypes.string,
265
- innerRef: import_react_desc.PropTypes.any,
266
- mask: import_react_desc.PropTypes.any,
267
- placeholderChar: import_react_desc.PropTypes.string
235
+ focus: import_ds_utilities.PropTypes.bool,
236
+ setFocus: import_ds_utilities.PropTypes.func,
237
+ setRawMask: import_ds_utilities.PropTypes.func,
238
+ cursorPosition: import_ds_utilities.PropTypes.shape({ current: import_ds_utilities.PropTypes.number }),
239
+ setCursorPosition: import_ds_utilities.PropTypes.func,
240
+ lastkey: import_ds_utilities.PropTypes.shape({ code: import_ds_utilities.PropTypes.number, key: import_ds_utilities.PropTypes.string }),
241
+ setLastkey: import_ds_utilities.PropTypes.func,
242
+ setRawValue: import_ds_utilities.PropTypes.func,
243
+ style: import_ds_utilities.PropTypes.object,
244
+ disabled: import_ds_utilities.PropTypes.bool,
245
+ className: import_ds_utilities.PropTypes.string,
246
+ name: import_ds_utilities.PropTypes.string,
247
+ maxLength: import_ds_utilities.PropTypes.number,
248
+ minLength: import_ds_utilities.PropTypes.number,
249
+ fluidWidth: import_ds_utilities.PropTypes.bool,
250
+ placeholder: import_ds_utilities.PropTypes.string,
251
+ value: import_ds_utilities.PropTypes.string,
252
+ onChange: import_ds_utilities.PropTypes.func,
253
+ onKeyDown: import_ds_utilities.PropTypes.func,
254
+ leftComponent: import_ds_utilities.PropTypes.element,
255
+ rightComponent: import_ds_utilities.PropTypes.element,
256
+ onFocus: import_ds_utilities.PropTypes.func,
257
+ onBlur: import_ds_utilities.PropTypes.func,
258
+ onPaste: import_ds_utilities.PropTypes.func,
259
+ onKeyUp: import_ds_utilities.PropTypes.func,
260
+ hasError: import_ds_utilities.PropTypes.bool,
261
+ readOnly: import_ds_utilities.PropTypes.bool,
262
+ onClick: import_ds_utilities.PropTypes.func,
263
+ clearable: import_ds_utilities.PropTypes.bool,
264
+ type: import_ds_utilities.PropTypes.string,
265
+ innerRef: import_ds_utilities.PropTypes.any,
266
+ mask: import_ds_utilities.PropTypes.any,
267
+ placeholderChar: import_ds_utilities.PropTypes.string
268
268
  };
269
269
  var DateInputMask_default = DateInputMask;
270
270
  //# sourceMappingURL=DateInputMask.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/InputMask/mask_types/DateInputMask.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport { PropTypes } from 'react-desc';\nimport { DSTextBox } from '../../TextBox';\nimport { TCharsToAdd } from '../types';\nimport { setCaretPosition } from '../utils/setCaretPosition';\n\nconst conformValue = (\n rawValue: string,\n cursorPos: number,\n lastkeycode: number,\n) => {\n const nextMaskedValue = rawValue\n .split('')\n .filter((char) => char >= '0' && char <= '9')\n .slice(0, 8);\n\n let maskedPos = 0;\n for (let i = 0; i < cursorPos; i += 1) {\n if (nextMaskedValue[maskedPos] === rawValue[i]) maskedPos += 1;\n }\n\n // list of [string to add, position to add]\n const charactersToAdd: TCharsToAdd = [\n ['/', 2],\n ['/', 5],\n ];\n\n charactersToAdd.forEach(([chars, pos]) => {\n if (nextMaskedValue.length > pos) {\n nextMaskedValue.splice(pos, 0, chars);\n if (maskedPos >= pos) maskedPos += chars.length;\n }\n });\n\n if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {\n charactersToAdd.forEach(([chars, pos]) => {\n if (maskedPos === pos) maskedPos += chars.length;\n });\n } else if (lastkeycode === 8 && maskedPos) {\n charactersToAdd.forEach(([chars, pos]) => {\n if (maskedPos === pos + 1) maskedPos -= chars.length;\n });\n }\n\n return { nextMaskedValue: nextMaskedValue.join(''), maskedPos };\n};\n\nconst DateInputMask = ({\n focus,\n setFocus,\n setRawMask,\n cursorPosition,\n setCursorPosition,\n lastkey,\n setLastkey,\n setRawValue,\n style,\n disabled,\n className,\n name,\n maxLength,\n minLength,\n fluidWidth,\n placeholder,\n onKeyDown,\n onClick,\n onChange,\n onFocus,\n onBlur,\n onPaste,\n onKeyUp,\n hasError,\n readOnly,\n type,\n innerRef,\n clearable = false,\n leftComponent,\n rightComponent,\n value,\n ...rest\n}) => {\n const inputRef = useRef();\n const [maskedValue, setMaskedValue] = useState(value);\n\n const conform = useCallback(\n ({ rawValue, cursorPos, lastkeycode, shouldUpdateCursorPos = true }) => {\n const { nextMaskedValue, maskedPos } = conformValue(\n rawValue,\n cursorPos,\n lastkeycode,\n );\n const event = {\n target: {\n value: nextMaskedValue,\n originalValue: rawValue,\n },\n };\n if (onChange && nextMaskedValue !== maskedValue) onChange(event);\n\n setMaskedValue(nextMaskedValue);\n setRawValue(nextMaskedValue);\n\n if (shouldUpdateCursorPos) setCursorPosition({ current: maskedPos });\n },\n [maskedValue, onChange],\n );\n\n const handleOnChange = useCallback(\n (e) => {\n const { value: rawValue, selectionEnd } = e.target;\n setRawMask(rawValue);\n setRawValue(rawValue);\n setCursorPosition({ current: selectionEnd });\n setFocus(true);\n },\n [setRawMask, setRawValue, setCursorPosition, setFocus, lastkey.code],\n );\n\n useLayoutEffect(() => {\n if (focus) setCaretPosition(inputRef.current, cursorPosition.current);\n }, [focus, cursorPosition]);\n\n useLayoutEffect(() => {\n // if the value changes, then re-conform the mask\n conform({\n rawValue: value,\n cursorPos: cursorPosition.current,\n lastkeycode: lastkey.code,\n shouldUpdateCursorPos: focus,\n });\n }, [focus, value, cursorPosition.current]);\n\n const handleKeyDown = useCallback(\n (e) => {\n e.stopPropagation();\n setLastkey({ key: e.key, code: e.keyCode });\n onKeyDown(e);\n },\n [onKeyDown],\n );\n\n const handleBlur = useCallback(\n (e) => {\n setFocus(false);\n onBlur(e);\n },\n [onBlur],\n );\n\n return (\n <DSTextBox\n {...rest}\n className={className}\n clearable={clearable}\n disabled={disabled}\n fluidWidth={fluidWidth}\n hasError={hasError}\n innerRef={(ref) => {\n inputRef.current = ref;\n if (innerRef) innerRef(ref);\n }}\n isActive={focus}\n leftComponent={leftComponent}\n maxLength={maxLength}\n minLength={minLength}\n name={name}\n onBlur={handleBlur}\n onChange={handleOnChange}\n onClick={onClick}\n onFocus={onFocus}\n onKeyDown={handleKeyDown}\n onKeyUp={onKeyUp}\n onPaste={onPaste}\n placeholder={placeholder}\n readOnly={readOnly}\n rightComponent={rightComponent}\n style={style}\n type={type}\n value={maskedValue}\n />\n );\n};\n\nDateInputMask.propTypes = {\n focus: PropTypes.bool,\n setFocus: PropTypes.func,\n setRawMask: PropTypes.func,\n cursorPosition: PropTypes.shape({ current: PropTypes.number }),\n setCursorPosition: PropTypes.func,\n lastkey: PropTypes.shape({ code: PropTypes.number, key: PropTypes.string }),\n setLastkey: PropTypes.func,\n setRawValue: PropTypes.func,\n style: PropTypes.object,\n disabled: PropTypes.bool,\n className: PropTypes.string,\n name: PropTypes.string,\n maxLength: PropTypes.number,\n minLength: PropTypes.number,\n fluidWidth: PropTypes.bool,\n placeholder: PropTypes.string,\n value: PropTypes.string,\n onChange: PropTypes.func,\n onKeyDown: PropTypes.func,\n leftComponent: PropTypes.element,\n rightComponent: PropTypes.element,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n onPaste: PropTypes.func,\n onKeyUp: PropTypes.func,\n hasError: PropTypes.bool,\n readOnly: PropTypes.bool,\n onClick: PropTypes.func,\n clearable: PropTypes.bool,\n type: PropTypes.string,\n innerRef: PropTypes.any,\n mask: PropTypes.any,\n placeholderChar: PropTypes.string,\n};\n\nexport { DateInputMask };\nexport default DateInputMask;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": "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",
4
+ "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\nimport { DSTextBox } from '../../TextBox';\nimport { TCharsToAdd } from '../types';\nimport { setCaretPosition } from '../utils/setCaretPosition';\n\nconst conformValue = (\n rawValue: string,\n cursorPos: number,\n lastkeycode: number,\n) => {\n const nextMaskedValue = rawValue\n .split('')\n .filter((char) => char >= '0' && char <= '9')\n .slice(0, 8);\n\n let maskedPos = 0;\n for (let i = 0; i < cursorPos; i += 1) {\n if (nextMaskedValue[maskedPos] === rawValue[i]) maskedPos += 1;\n }\n\n // list of [string to add, position to add]\n const charactersToAdd: TCharsToAdd = [\n ['/', 2],\n ['/', 5],\n ];\n\n charactersToAdd.forEach(([chars, pos]) => {\n if (nextMaskedValue.length > pos) {\n nextMaskedValue.splice(pos, 0, chars);\n if (maskedPos >= pos) maskedPos += chars.length;\n }\n });\n\n if (lastkeycode !== 8 && maskedPos < nextMaskedValue.length) {\n charactersToAdd.forEach(([chars, pos]) => {\n if (maskedPos === pos) maskedPos += chars.length;\n });\n } else if (lastkeycode === 8 && maskedPos) {\n charactersToAdd.forEach(([chars, pos]) => {\n if (maskedPos === pos + 1) maskedPos -= chars.length;\n });\n }\n\n return { nextMaskedValue: nextMaskedValue.join(''), maskedPos };\n};\n\nconst DateInputMask = ({\n focus,\n setFocus,\n setRawMask,\n cursorPosition,\n setCursorPosition,\n lastkey,\n setLastkey,\n setRawValue,\n style,\n disabled,\n className,\n name,\n maxLength,\n minLength,\n fluidWidth,\n placeholder,\n onKeyDown,\n onClick,\n onChange,\n onFocus,\n onBlur,\n onPaste,\n onKeyUp,\n hasError,\n readOnly,\n type,\n innerRef,\n clearable = false,\n leftComponent,\n rightComponent,\n value,\n ...rest\n}) => {\n const inputRef = useRef();\n const [maskedValue, setMaskedValue] = useState(value);\n\n const conform = useCallback(\n ({ rawValue, cursorPos, lastkeycode, shouldUpdateCursorPos = true }) => {\n const { nextMaskedValue, maskedPos } = conformValue(\n rawValue,\n cursorPos,\n lastkeycode,\n );\n const event = {\n target: {\n value: nextMaskedValue,\n originalValue: rawValue,\n },\n };\n if (onChange && nextMaskedValue !== maskedValue) onChange(event);\n\n setMaskedValue(nextMaskedValue);\n setRawValue(nextMaskedValue);\n\n if (shouldUpdateCursorPos) setCursorPosition({ current: maskedPos });\n },\n [maskedValue, onChange],\n );\n\n const handleOnChange = useCallback(\n (e) => {\n const { value: rawValue, selectionEnd } = e.target;\n setRawMask(rawValue);\n setRawValue(rawValue);\n setCursorPosition({ current: selectionEnd });\n setFocus(true);\n },\n [setRawMask, setRawValue, setCursorPosition, setFocus, lastkey.code],\n );\n\n useLayoutEffect(() => {\n if (focus) setCaretPosition(inputRef.current, cursorPosition.current);\n }, [focus, cursorPosition]);\n\n useLayoutEffect(() => {\n // if the value changes, then re-conform the mask\n conform({\n rawValue: value,\n cursorPos: cursorPosition.current,\n lastkeycode: lastkey.code,\n shouldUpdateCursorPos: focus,\n });\n }, [focus, value, cursorPosition.current]);\n\n const handleKeyDown = useCallback(\n (e) => {\n e.stopPropagation();\n setLastkey({ key: e.key, code: e.keyCode });\n onKeyDown(e);\n },\n [onKeyDown],\n );\n\n const handleBlur = useCallback(\n (e) => {\n setFocus(false);\n onBlur(e);\n },\n [onBlur],\n );\n\n return (\n <DSTextBox\n {...rest}\n className={className}\n clearable={clearable}\n disabled={disabled}\n fluidWidth={fluidWidth}\n hasError={hasError}\n innerRef={(ref) => {\n inputRef.current = ref;\n if (innerRef) innerRef(ref);\n }}\n isActive={focus}\n leftComponent={leftComponent}\n maxLength={maxLength}\n minLength={minLength}\n name={name}\n onBlur={handleBlur}\n onChange={handleOnChange}\n onClick={onClick}\n onFocus={onFocus}\n onKeyDown={handleKeyDown}\n onKeyUp={onKeyUp}\n onPaste={onPaste}\n placeholder={placeholder}\n readOnly={readOnly}\n rightComponent={rightComponent}\n style={style}\n type={type}\n value={maskedValue}\n />\n );\n};\n\nDateInputMask.propTypes = {\n focus: PropTypes.bool,\n setFocus: PropTypes.func,\n setRawMask: PropTypes.func,\n cursorPosition: PropTypes.shape({ current: PropTypes.number }),\n setCursorPosition: PropTypes.func,\n lastkey: PropTypes.shape({ code: PropTypes.number, key: PropTypes.string }),\n setLastkey: PropTypes.func,\n setRawValue: PropTypes.func,\n style: PropTypes.object,\n disabled: PropTypes.bool,\n className: PropTypes.string,\n name: PropTypes.string,\n maxLength: PropTypes.number,\n minLength: PropTypes.number,\n fluidWidth: PropTypes.bool,\n placeholder: PropTypes.string,\n value: PropTypes.string,\n onChange: PropTypes.func,\n onKeyDown: PropTypes.func,\n leftComponent: PropTypes.element,\n rightComponent: PropTypes.element,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n onPaste: PropTypes.func,\n onKeyUp: PropTypes.func,\n hasError: PropTypes.bool,\n readOnly: PropTypes.bool,\n onClick: PropTypes.func,\n clearable: PropTypes.bool,\n type: PropTypes.string,\n innerRef: PropTypes.any,\n mask: PropTypes.any,\n placeholderChar: PropTypes.string,\n};\n\nexport { DateInputMask };\nexport default DateInputMask;\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
@@ -55,7 +55,7 @@ __export(DateTimeInputMask_exports, {
55
55
  module.exports = __toCommonJS(DateTimeInputMask_exports);
56
56
  var React = __toESM(require("react"));
57
57
  var import_react = __toESM(require("react"));
58
- var import_react_desc = require("react-desc");
58
+ var import_ds_utilities = require("@elliemae/ds-utilities");
59
59
  var import_TextBox = require("../../TextBox");
60
60
  var import_setCaretPosition = require("../utils/setCaretPosition");
61
61
  const conformValue = (rawValue, cursorPos, lastkeycode) => {
@@ -238,39 +238,39 @@ const DateTimeInputMask = (_a) => {
238
238
  }));
239
239
  };
240
240
  DateTimeInputMask.propTypes = {
241
- focus: import_react_desc.PropTypes.bool,
242
- setFocus: import_react_desc.PropTypes.func,
243
- setRawMask: import_react_desc.PropTypes.func,
244
- cursorPosition: import_react_desc.PropTypes.shape({ current: import_react_desc.PropTypes.number }),
245
- setCursorPosition: import_react_desc.PropTypes.func,
246
- lastkey: import_react_desc.PropTypes.shape({ code: import_react_desc.PropTypes.number, key: import_react_desc.PropTypes.string }),
247
- setLastkey: import_react_desc.PropTypes.func,
248
- setRawValue: import_react_desc.PropTypes.func,
249
- style: import_react_desc.PropTypes.object,
250
- disabled: import_react_desc.PropTypes.bool,
251
- className: import_react_desc.PropTypes.string,
252
- name: import_react_desc.PropTypes.string,
253
- maxLength: import_react_desc.PropTypes.number,
254
- minLength: import_react_desc.PropTypes.number,
255
- fluidWidth: import_react_desc.PropTypes.bool,
256
- placeholder: import_react_desc.PropTypes.string,
257
- value: import_react_desc.PropTypes.string,
258
- onChange: import_react_desc.PropTypes.func,
259
- onKeyDown: import_react_desc.PropTypes.func,
260
- leftComponent: import_react_desc.PropTypes.element,
261
- rightComponent: import_react_desc.PropTypes.element,
262
- onFocus: import_react_desc.PropTypes.func,
263
- onBlur: import_react_desc.PropTypes.func,
264
- onPaste: import_react_desc.PropTypes.func,
265
- onKeyUp: import_react_desc.PropTypes.func,
266
- hasError: import_react_desc.PropTypes.bool,
267
- readOnly: import_react_desc.PropTypes.bool,
268
- onClick: import_react_desc.PropTypes.func,
269
- clearable: import_react_desc.PropTypes.bool,
270
- type: import_react_desc.PropTypes.string,
271
- innerRef: import_react_desc.PropTypes.any,
272
- mask: import_react_desc.PropTypes.any,
273
- placeholderChar: import_react_desc.PropTypes.string
241
+ focus: import_ds_utilities.PropTypes.bool,
242
+ setFocus: import_ds_utilities.PropTypes.func,
243
+ setRawMask: import_ds_utilities.PropTypes.func,
244
+ cursorPosition: import_ds_utilities.PropTypes.shape({ current: import_ds_utilities.PropTypes.number }),
245
+ setCursorPosition: import_ds_utilities.PropTypes.func,
246
+ lastkey: import_ds_utilities.PropTypes.shape({ code: import_ds_utilities.PropTypes.number, key: import_ds_utilities.PropTypes.string }),
247
+ setLastkey: import_ds_utilities.PropTypes.func,
248
+ setRawValue: import_ds_utilities.PropTypes.func,
249
+ style: import_ds_utilities.PropTypes.object,
250
+ disabled: import_ds_utilities.PropTypes.bool,
251
+ className: import_ds_utilities.PropTypes.string,
252
+ name: import_ds_utilities.PropTypes.string,
253
+ maxLength: import_ds_utilities.PropTypes.number,
254
+ minLength: import_ds_utilities.PropTypes.number,
255
+ fluidWidth: import_ds_utilities.PropTypes.bool,
256
+ placeholder: import_ds_utilities.PropTypes.string,
257
+ value: import_ds_utilities.PropTypes.string,
258
+ onChange: import_ds_utilities.PropTypes.func,
259
+ onKeyDown: import_ds_utilities.PropTypes.func,
260
+ leftComponent: import_ds_utilities.PropTypes.element,
261
+ rightComponent: import_ds_utilities.PropTypes.element,
262
+ onFocus: import_ds_utilities.PropTypes.func,
263
+ onBlur: import_ds_utilities.PropTypes.func,
264
+ onPaste: import_ds_utilities.PropTypes.func,
265
+ onKeyUp: import_ds_utilities.PropTypes.func,
266
+ hasError: import_ds_utilities.PropTypes.bool,
267
+ readOnly: import_ds_utilities.PropTypes.bool,
268
+ onClick: import_ds_utilities.PropTypes.func,
269
+ clearable: import_ds_utilities.PropTypes.bool,
270
+ type: import_ds_utilities.PropTypes.string,
271
+ innerRef: import_ds_utilities.PropTypes.any,
272
+ mask: import_ds_utilities.PropTypes.any,
273
+ placeholderChar: import_ds_utilities.PropTypes.string
274
274
  };
275
275
  var DateTimeInputMask_default = DateTimeInputMask;
276
276
  //# sourceMappingURL=DateTimeInputMask.js.map