@elliemae/ds-form-layout-blocks 3.4.3-rc.0 → 3.4.4-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/dist/cjs/exported-related/DSFormLayoutBlockItemDataTestId.js +4 -1
  2. package/dist/cjs/exported-related/DSFormLayoutBlockItemDataTestId.js.map +1 -1
  3. package/dist/cjs/form-layout-block-item/DSFormLayoutBlockItem.js +56 -33
  4. package/dist/cjs/form-layout-block-item/DSFormLayoutBlockItem.js.map +1 -1
  5. package/dist/cjs/form-layout-block-item/index.d.js +4 -1
  6. package/dist/cjs/form-layout-block-item/index.d.js.map +1 -1
  7. package/dist/cjs/form-layout-block-item/index.js +4 -1
  8. package/dist/cjs/form-layout-block-item/index.js.map +1 -1
  9. package/dist/cjs/form-layout-block-item/propTypes.js +22 -7
  10. package/dist/cjs/form-layout-block-item/propTypes.js.map +1 -1
  11. package/dist/cjs/form-layout-block-item/styles.js +4 -1
  12. package/dist/cjs/form-layout-block-item/styles.js.map +1 -1
  13. package/dist/cjs/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js +9 -5
  14. package/dist/cjs/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js.map +1 -1
  15. package/dist/cjs/form-layout-checkbox-group/config/useValidateProps.js +12 -5
  16. package/dist/cjs/form-layout-checkbox-group/config/useValidateProps.js.map +2 -2
  17. package/dist/cjs/form-layout-checkbox-group/defaultProps.js +4 -1
  18. package/dist/cjs/form-layout-checkbox-group/defaultProps.js.map +1 -1
  19. package/dist/cjs/form-layout-checkbox-group/index.d.js +4 -1
  20. package/dist/cjs/form-layout-checkbox-group/index.d.js.map +1 -1
  21. package/dist/cjs/form-layout-checkbox-group/index.js +4 -1
  22. package/dist/cjs/form-layout-checkbox-group/index.js.map +1 -1
  23. package/dist/cjs/form-layout-checkbox-group/propTypes.js +4 -1
  24. package/dist/cjs/form-layout-checkbox-group/propTypes.js.map +1 -1
  25. package/dist/cjs/form-layout-checkbox-group/styles.js +4 -1
  26. package/dist/cjs/form-layout-checkbox-group/styles.js.map +1 -1
  27. package/dist/cjs/index.d.js +4 -1
  28. package/dist/cjs/index.d.js.map +1 -1
  29. package/dist/cjs/index.js +4 -1
  30. package/dist/cjs/index.js.map +1 -1
  31. package/dist/esm/exported-related/DSFormLayoutBlockItemDataTestId.js.map +1 -1
  32. package/dist/esm/form-layout-block-item/DSFormLayoutBlockItem.js +52 -32
  33. package/dist/esm/form-layout-block-item/DSFormLayoutBlockItem.js.map +1 -1
  34. package/dist/esm/form-layout-block-item/index.d.js.map +1 -1
  35. package/dist/esm/form-layout-block-item/index.js.map +1 -1
  36. package/dist/esm/form-layout-block-item/propTypes.js +18 -6
  37. package/dist/esm/form-layout-block-item/propTypes.js.map +1 -1
  38. package/dist/esm/form-layout-block-item/styles.js.map +1 -1
  39. package/dist/esm/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js +5 -4
  40. package/dist/esm/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.js.map +1 -1
  41. package/dist/esm/form-layout-checkbox-group/config/useValidateProps.js +8 -4
  42. package/dist/esm/form-layout-checkbox-group/config/useValidateProps.js.map +2 -2
  43. package/dist/esm/form-layout-checkbox-group/defaultProps.js.map +1 -1
  44. package/dist/esm/form-layout-checkbox-group/index.d.js.map +1 -1
  45. package/dist/esm/form-layout-checkbox-group/index.js.map +1 -1
  46. package/dist/esm/form-layout-checkbox-group/propTypes.js.map +1 -1
  47. package/dist/esm/form-layout-checkbox-group/styles.js.map +1 -1
  48. package/dist/esm/index.d.js.map +1 -1
  49. package/dist/esm/index.js.map +2 -2
  50. package/package.json +3 -3
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var DSFormLayoutBlockItemDataTestId_exports = {};
23
26
  __export(DSFormLayoutBlockItemDataTestId_exports, {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/exported-related/DSFormLayoutBlockItemDataTestId.ts", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["export const DSFormLayoutBlockItemDataTestId = {\n CONTAINER: 'ds-form-layout-block-container',\n LABEL: 'ds-form-layout-block-label',\n COUNTER: 'ds-form-layout-block-counter',\n MESSAGE: 'ds-form-layout-block-message',\n ERROR_MESSAGE: 'ds-form-layout-block-error-message',\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,kCAAkC;AAAA,EAC7C,WAAW;AAAA,EACX,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,eAAe;AACjB;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,kCAAkC;AAAA,EAC7C,WAAW;AAAA,EACX,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,eAAe;AACjB;",
6
6
  "names": []
7
7
  }
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var DSFormLayoutBlockItem_exports = {};
23
26
  __export(DSFormLayoutBlockItem_exports, {
@@ -26,7 +29,8 @@ __export(DSFormLayoutBlockItem_exports, {
26
29
  });
27
30
  module.exports = __toCommonJS(DSFormLayoutBlockItem_exports);
28
31
  var React = __toESM(require("react"));
29
- var import_react = __toESM(require("react"));
32
+ var import_jsx_runtime = require("react/jsx-runtime");
33
+ var import_react = require("react");
30
34
  var import_ds_grid = require("@elliemae/ds-grid");
31
35
  var import_ds_utilities = require("@elliemae/ds-utilities");
32
36
  var import_uid = require("uid");
@@ -53,7 +57,7 @@ const DSFormLayoutBlockItem = (props) => {
53
57
  } = props;
54
58
  const instanceUID = (0, import_react.useMemo)(() => (0, import_uid.uid)(6), []);
55
59
  const cols = (0, import_react.useMemo)(() => maxCharCounter !== void 0 ? ["1fr", "auto"] : ["1fr"], [maxCharCounter]);
56
- return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledContainer, {
60
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledContainer, {
57
61
  "data-testid": import_DSFormLayoutBlockItemDataTestId.DSFormLayoutBlockItemDataTestId.CONTAINER,
58
62
  leftLabel,
59
63
  fitContent,
@@ -61,36 +65,55 @@ const DSFormLayoutBlockItem = (props) => {
61
65
  withHighlight,
62
66
  as: isGroup ? "fieldset" : "div",
63
67
  isGroup,
64
- "aria-describedby": !isGroup ? `${inputID || instanceUID}_feedback_message` : void 0
65
- }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
66
- cols,
67
- gutter: "xxs"
68
- }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledLabel, {
69
- "data-testid": import_DSFormLayoutBlockItemDataTestId.DSFormLayoutBlockItemDataTestId.LABEL,
70
- htmlFor: inputID,
71
- leftLabel,
72
- hideLabel,
73
- "aria-hidden": isGroup
74
- }, label, (required || optional) && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledMark, {
75
- required
76
- })), maxCharCounter !== void 0 && currentChar !== void 0 ? /* @__PURE__ */ import_react.default.createElement(import_styles.StyledCharCount, {
77
- "data-testid": import_DSFormLayoutBlockItemDataTestId.DSFormLayoutBlockItemDataTestId.COUNTER,
78
- hasError: currentChar > maxCharCounter
79
- }, `${currentChar}/${maxCharCounter}`) : null), isGroup && /* @__PURE__ */ import_react.default.createElement(import_styles.ScreenReaderOnly, {
80
- as: "legend"
81
- }, `${label}. ${feedbackMessage || ""}`), children, feedbackMessage && !hasError && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledMessage, {
82
- "data-testid": import_DSFormLayoutBlockItemDataTestId.DSFormLayoutBlockItemDataTestId.MESSAGE,
83
- leftLabel,
84
- hideLabel,
85
- "aria-hidden": isGroup,
86
- id: `${inputID || instanceUID}_feedback_message`
87
- }, feedbackMessage), validationMessage && hasError && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledMessage, {
88
- "data-testid": import_DSFormLayoutBlockItemDataTestId.DSFormLayoutBlockItemDataTestId.ERROR_MESSAGE,
89
- hasError,
90
- leftLabel,
91
- hideLabel,
92
- role: "alert"
93
- }, validationMessage));
68
+ "aria-describedby": !isGroup ? `${inputID || instanceUID}_feedback_message` : void 0,
69
+ children: [
70
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
71
+ cols,
72
+ gutter: "xxs",
73
+ children: [
74
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledLabel, {
75
+ "data-testid": import_DSFormLayoutBlockItemDataTestId.DSFormLayoutBlockItemDataTestId.LABEL,
76
+ htmlFor: inputID,
77
+ leftLabel,
78
+ hideLabel,
79
+ "aria-hidden": isGroup,
80
+ children: [
81
+ label,
82
+ (required || optional) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledMark, {
83
+ required
84
+ })
85
+ ]
86
+ }),
87
+ maxCharCounter !== void 0 && currentChar !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledCharCount, {
88
+ "data-testid": import_DSFormLayoutBlockItemDataTestId.DSFormLayoutBlockItemDataTestId.COUNTER,
89
+ hasError: currentChar > maxCharCounter,
90
+ children: `${currentChar}/${maxCharCounter}`
91
+ }) : null
92
+ ]
93
+ }),
94
+ isGroup && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.ScreenReaderOnly, {
95
+ as: "legend",
96
+ children: `${label}. ${feedbackMessage || ""}`
97
+ }),
98
+ children,
99
+ feedbackMessage && !hasError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledMessage, {
100
+ "data-testid": import_DSFormLayoutBlockItemDataTestId.DSFormLayoutBlockItemDataTestId.MESSAGE,
101
+ leftLabel,
102
+ hideLabel,
103
+ "aria-hidden": isGroup,
104
+ id: `${inputID || instanceUID}_feedback_message`,
105
+ children: feedbackMessage
106
+ }),
107
+ validationMessage && hasError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledMessage, {
108
+ "data-testid": import_DSFormLayoutBlockItemDataTestId.DSFormLayoutBlockItemDataTestId.ERROR_MESSAGE,
109
+ hasError,
110
+ leftLabel,
111
+ hideLabel,
112
+ role: "alert",
113
+ children: validationMessage
114
+ })
115
+ ]
116
+ });
94
117
  };
95
118
  DSFormLayoutBlockItem.propTypes = import_propTypes.propTypes;
96
119
  DSFormLayoutBlockItem.displayName = "DSFormLayoutBlockItem";
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/form-layout-block-item/DSFormLayoutBlockItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useMemo } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { describe } from '@elliemae/ds-utilities';\nimport { uid } from 'uid';\nimport { DSFormLayoutBlockItemDataTestId } from '../exported-related/DSFormLayoutBlockItemDataTestId';\nimport type { DSFormLayoutBlockItemPropsT as Props } from './index.d';\nimport { propTypes } from './propTypes';\nimport { StyledMessage, StyledLabel, StyledContainer, StyledMark, ScreenReaderOnly, StyledCharCount } from './styles';\n\nconst DSFormLayoutBlockItem = (props: Props): JSX.Element => {\n const {\n label,\n feedbackMessage,\n maxCharCounter,\n currentChar,\n validationMessage,\n inputID,\n children,\n hasError,\n leftLabel,\n required,\n optional,\n hideLabel,\n fitContent,\n withHighlight,\n isGroup = false,\n } = props;\n\n const instanceUID = useMemo(() => uid(6), []);\n\n const cols = useMemo(() => (maxCharCounter !== undefined ? ['1fr', 'auto'] : ['1fr']), [maxCharCounter]);\n\n return (\n <StyledContainer\n data-testid={DSFormLayoutBlockItemDataTestId.CONTAINER}\n leftLabel={leftLabel}\n fitContent={fitContent}\n hideLabel={hideLabel}\n withHighlight={withHighlight}\n as={isGroup ? 'fieldset' : 'div'}\n isGroup={isGroup}\n aria-describedby={!isGroup ? `${inputID || instanceUID}_feedback_message` : undefined}\n >\n <Grid cols={cols} gutter=\"xxs\">\n <StyledLabel\n data-testid={DSFormLayoutBlockItemDataTestId.LABEL}\n htmlFor={inputID}\n leftLabel={leftLabel}\n hideLabel={hideLabel}\n aria-hidden={isGroup}\n >\n {label}\n {(required || optional) && <StyledMark required={required} />}\n </StyledLabel>\n {maxCharCounter !== undefined && currentChar !== undefined ? (\n <StyledCharCount\n data-testid={DSFormLayoutBlockItemDataTestId.COUNTER}\n hasError={currentChar > maxCharCounter}\n >{`${currentChar}/${maxCharCounter}`}</StyledCharCount>\n ) : null}\n </Grid>\n {isGroup && <ScreenReaderOnly as=\"legend\">{`${label}. ${feedbackMessage || ''}`}</ScreenReaderOnly>}\n {children}\n {feedbackMessage && !hasError && (\n <StyledMessage\n data-testid={DSFormLayoutBlockItemDataTestId.MESSAGE}\n leftLabel={leftLabel}\n hideLabel={hideLabel}\n aria-hidden={isGroup}\n id={`${inputID || instanceUID}_feedback_message`}\n >\n {feedbackMessage}\n </StyledMessage>\n )}\n {validationMessage && hasError && (\n <StyledMessage\n data-testid={DSFormLayoutBlockItemDataTestId.ERROR_MESSAGE}\n hasError={hasError}\n leftLabel={leftLabel}\n hideLabel={hideLabel}\n role=\"alert\"\n >\n {validationMessage}\n </StyledMessage>\n )}\n </StyledContainer>\n );\n};\n\nDSFormLayoutBlockItem.propTypes = propTypes;\nDSFormLayoutBlockItem.displayName = 'DSFormLayoutBlockItem';\nconst DSFormLayoutBlockItemWithSchema = describe(DSFormLayoutBlockItem);\nDSFormLayoutBlockItemWithSchema.propTypes = propTypes;\n\nexport { DSFormLayoutBlockItem, DSFormLayoutBlockItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA+B;AAC/B,qBAAqB;AACrB,0BAAyB;AACzB,iBAAoB;AACpB,6CAAgD;AAEhD,uBAA0B;AAC1B,oBAA2G;AAE3G,MAAM,wBAAwB,CAAC,UAA8B;AAC3D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,MACR;AAEJ,QAAM,cAAc,0BAAQ,MAAM,oBAAI,CAAC,GAAG,CAAC,CAAC;AAE5C,QAAM,OAAO,0BAAQ,MAAO,mBAAmB,SAAY,CAAC,OAAO,MAAM,IAAI,CAAC,KAAK,GAAI,CAAC,cAAc,CAAC;AAEvG,SACE,mDAAC;AAAA,IACC,eAAa,uEAAgC;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,IAAI,UAAU,aAAa;AAAA,IAC3B;AAAA,IACA,oBAAkB,CAAC,UAAU,GAAG,WAAW,iCAAiC;AAAA,KAE5E,mDAAC;AAAA,IAAK;AAAA,IAAY,QAAO;AAAA,KACvB,mDAAC;AAAA,IACC,eAAa,uEAAgC;AAAA,IAC7C,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,eAAa;AAAA,KAEZ,OACC,aAAY,aAAa,mDAAC;AAAA,IAAW;AAAA,GAAoB,CAC7D,GACC,mBAAmB,UAAa,gBAAgB,SAC/C,mDAAC;AAAA,IACC,eAAa,uEAAgC;AAAA,IAC7C,UAAU,cAAc;AAAA,KACxB,GAAG,eAAe,gBAAiB,IACnC,IACN,GACC,WAAW,mDAAC;AAAA,IAAiB,IAAG;AAAA,KAAU,GAAG,UAAU,mBAAmB,IAAK,GAC/E,UACA,mBAAmB,CAAC,YACnB,mDAAC;AAAA,IACC,eAAa,uEAAgC;AAAA,IAC7C;AAAA,IACA;AAAA,IACA,eAAa;AAAA,IACb,IAAI,GAAG,WAAW;AAAA,KAEjB,eACH,GAED,qBAAqB,YACpB,mDAAC;AAAA,IACC,eAAa,uEAAgC;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAK;AAAA,KAEJ,iBACH,CAEJ;AAEJ;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,kCAAkC,kCAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAA+B;AAC/B,qBAAqB;AACrB,0BAAyB;AACzB,iBAAoB;AACpB,6CAAgD;AAEhD,uBAA0B;AAC1B,oBAA2G;AAE3G,MAAM,wBAAwB,CAAC,UAA8B;AAC3D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,EACZ,IAAI;AAEJ,QAAM,kBAAc,sBAAQ,UAAM,gBAAI,CAAC,GAAG,CAAC,CAAC;AAE5C,QAAM,WAAO,sBAAQ,MAAO,mBAAmB,SAAY,CAAC,OAAO,MAAM,IAAI,CAAC,KAAK,GAAI,CAAC,cAAc,CAAC;AAEvG,SACE,6CAAC;AAAA,IACC,eAAa,uEAAgC;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,IAAI,UAAU,aAAa;AAAA,IAC3B;AAAA,IACA,oBAAkB,CAAC,UAAU,GAAG,WAAW,iCAAiC;AAAA,IAE5E;AAAA,mDAAC;AAAA,QAAK;AAAA,QAAY,QAAO;AAAA,QACvB;AAAA,uDAAC;AAAA,YACC,eAAa,uEAAgC;AAAA,YAC7C,SAAS;AAAA,YACT;AAAA,YACA;AAAA,YACA,eAAa;AAAA,YAEZ;AAAA;AAAA,eACC,YAAY,aAAa,4CAAC;AAAA,gBAAW;AAAA,eAAoB;AAAA;AAAA,WAC7D;AAAA,UACC,mBAAmB,UAAa,gBAAgB,SAC/C,4CAAC;AAAA,YACC,eAAa,uEAAgC;AAAA,YAC7C,UAAU,cAAc;AAAA,YACxB,aAAG,eAAe;AAAA,WAAiB,IACnC;AAAA;AAAA,OACN;AAAA,MACC,WAAW,4CAAC;AAAA,QAAiB,IAAG;AAAA,QAAU,aAAG,UAAU,mBAAmB;AAAA,OAAK;AAAA,MAC/E;AAAA,MACA,mBAAmB,CAAC,YACnB,4CAAC;AAAA,QACC,eAAa,uEAAgC;AAAA,QAC7C;AAAA,QACA;AAAA,QACA,eAAa;AAAA,QACb,IAAI,GAAG,WAAW;AAAA,QAEjB;AAAA,OACH;AAAA,MAED,qBAAqB,YACpB,4CAAC;AAAA,QACC,eAAa,uEAAgC;AAAA,QAC7C;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAK;AAAA,QAEJ;AAAA,OACH;AAAA;AAAA,GAEJ;AAEJ;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,sCAAkC,8BAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
6
6
  "names": []
7
7
  }
@@ -13,7 +13,10 @@ var __copyProps = (to, from, except, desc) => {
13
13
  }
14
14
  return to;
15
15
  };
16
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
16
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
17
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
18
+ mod
19
+ ));
17
20
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
21
  var index_d_exports = {};
19
22
  module.exports = __toCommonJS(index_d_exports);
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/form-layout-block-item/index.d.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["export interface DSFormLayoutBlockItemPropsT {\n children: JSX.Element;\n label: string;\n maxCharCounter?: number;\n currentChar?: number;\n inputID: string;\n validationMessage?: string;\n feedbackMessage?: string;\n hasError?: boolean;\n leftLabel?: boolean;\n required?: boolean;\n fitContent?: boolean;\n optional?: boolean;\n hideLabel?: boolean;\n withHighlight?: boolean;\n isGroup?: boolean;\n}\n\nexport interface DSFormLayoutBlockItemStyledMessageT {\n hasError?: boolean;\n leftLabel?: boolean;\n hideLabel?: boolean;\n}\n\nexport interface DSFormLayoutBlockItemStyledContainerT {\n leftLabel?: boolean;\n fitContent?: boolean;\n hideLabel?: boolean;\n withHighlight?: boolean;\n isGroup?: boolean;\n}\n\nexport interface DSFormLayoutBlockItemStyledLabelT {\n leftLabel?: boolean;\n hideLabel?: boolean;\n}\n\nexport interface DSFormLayoutBlockItemStyledMarkT {\n required?: boolean;\n}\n\nexport interface DSFormLayoutBlockItemStyledCharCounterT {\n hasError?: boolean;\n}\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
6
6
  "names": []
7
7
  }
@@ -14,7 +14,10 @@ var __copyProps = (to, from, except, desc) => {
14
14
  return to;
15
15
  };
16
16
  var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
17
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
17
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
18
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
19
+ mod
20
+ ));
18
21
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
22
  var form_layout_block_item_exports = {};
20
23
  module.exports = __toCommonJS(form_layout_block_item_exports);
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/form-layout-block-item/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["export * from './DSFormLayoutBlockItem';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,2CAAc,oCAAd;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,2CAAc,oCAAd;",
6
6
  "names": []
7
7
  }
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var propTypes_exports = {};
23
26
  __export(propTypes_exports, {
@@ -28,19 +31,31 @@ var React = __toESM(require("react"));
28
31
  var import_ds_utilities = require("@elliemae/ds-utilities");
29
32
  const propTypes = {
30
33
  children: import_ds_utilities.PropTypes.node.isRequired.description("Input component. "),
31
- label: import_ds_utilities.PropTypes.string.isRequired.description("Label property for the input component. This property is required for accesibility purposes."),
32
- inputID: import_ds_utilities.PropTypes.string.isRequired.description("String that matches the input component's id. This property is required for accesibility purposes."),
34
+ label: import_ds_utilities.PropTypes.string.isRequired.description(
35
+ "Label property for the input component. This property is required for accesibility purposes."
36
+ ),
37
+ inputID: import_ds_utilities.PropTypes.string.isRequired.description(
38
+ "String that matches the input component's id. This property is required for accesibility purposes."
39
+ ),
33
40
  maxCharCounter: import_ds_utilities.PropTypes.number.description("Max of characters allowed."),
34
41
  currentChar: import_ds_utilities.PropTypes.number.description("Current counter of input text area"),
35
42
  feedbackMessage: import_ds_utilities.PropTypes.string.description("Feedback message to show below the input component."),
36
- validationMessage: import_ds_utilities.PropTypes.string.description("Validation message to show below the input component. It requires hasError property set to true to be visible."),
43
+ validationMessage: import_ds_utilities.PropTypes.string.description(
44
+ "Validation message to show below the input component. It requires hasError property set to true to be visible."
45
+ ),
37
46
  hasError: import_ds_utilities.PropTypes.bool.description("Helper boolean property for the validation message."),
38
47
  required: import_ds_utilities.PropTypes.bool.description("Adds required extra styling."),
39
48
  optional: import_ds_utilities.PropTypes.bool.description("Adds optional extra styling."),
40
49
  fitContent: import_ds_utilities.PropTypes.bool.description("Set the width of the layout to the input component."),
41
50
  leftLabel: import_ds_utilities.PropTypes.bool.description("Adds the label at the left of the input component."),
42
- hideLabel: import_ds_utilities.PropTypes.bool.description("Hides the input label. It still requires label and labelFor property for accesibility purposes"),
43
- withHighlight: import_ds_utilities.PropTypes.bool.description("Adds highlight extra styling. It requires extra spacing, please check withHighlight explanation tab."),
44
- isGroup: import_ds_utilities.PropTypes.bool.description("Sets the HTML elements as fieldset and legend. This should be used when you want to group more than one input.")
51
+ hideLabel: import_ds_utilities.PropTypes.bool.description(
52
+ "Hides the input label. It still requires label and labelFor property for accesibility purposes"
53
+ ),
54
+ withHighlight: import_ds_utilities.PropTypes.bool.description(
55
+ "Adds highlight extra styling. It requires extra spacing, please check withHighlight explanation tab."
56
+ ),
57
+ isGroup: import_ds_utilities.PropTypes.bool.description(
58
+ "Sets the HTML elements as fieldset and legend. This should be used when you want to group more than one input."
59
+ )
45
60
  };
46
61
  //# sourceMappingURL=propTypes.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/form-layout-block-item/propTypes.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\n\nexport const propTypes = {\n children: PropTypes.node.isRequired.description('Input component. '),\n label: PropTypes.string.isRequired.description(\n 'Label property for the input component. This property is required for accesibility purposes.',\n ),\n inputID: PropTypes.string.isRequired.description(\n \"String that matches the input component's id. This property is required for accesibility purposes.\",\n ),\n maxCharCounter: PropTypes.number.description('Max of characters allowed.'),\n currentChar: PropTypes.number.description('Current counter of input text area'),\n feedbackMessage: PropTypes.string.description('Feedback message to show below the input component.'),\n validationMessage: PropTypes.string.description(\n 'Validation message to show below the input component. It requires hasError property set to true to be visible.',\n ),\n hasError: PropTypes.bool.description('Helper boolean property for the validation message.'),\n required: PropTypes.bool.description('Adds required extra styling.'),\n optional: PropTypes.bool.description('Adds optional extra styling.'),\n fitContent: PropTypes.bool.description('Set the width of the layout to the input component.'),\n leftLabel: PropTypes.bool.description('Adds the label at the left of the input component.'),\n hideLabel: PropTypes.bool.description(\n 'Hides the input label. It still requires label and labelFor property for accesibility purposes',\n ),\n withHighlight: PropTypes.bool.description(\n 'Adds highlight extra styling. It requires extra spacing, please check withHighlight explanation tab.',\n ),\n isGroup: PropTypes.bool.description(\n 'Sets the HTML elements as fieldset and legend. This should be used when you want to group more than one input.',\n ),\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAEnB,MAAM,YAAY;AAAA,EACvB,UAAU,8BAAU,KAAK,WAAW,YAAY,mBAAmB;AAAA,EACnE,OAAO,8BAAU,OAAO,WAAW,YACjC,8FACF;AAAA,EACA,SAAS,8BAAU,OAAO,WAAW,YACnC,oGACF;AAAA,EACA,gBAAgB,8BAAU,OAAO,YAAY,4BAA4B;AAAA,EACzE,aAAa,8BAAU,OAAO,YAAY,oCAAoC;AAAA,EAC9E,iBAAiB,8BAAU,OAAO,YAAY,qDAAqD;AAAA,EACnG,mBAAmB,8BAAU,OAAO,YAClC,gHACF;AAAA,EACA,UAAU,8BAAU,KAAK,YAAY,qDAAqD;AAAA,EAC1F,UAAU,8BAAU,KAAK,YAAY,8BAA8B;AAAA,EACnE,UAAU,8BAAU,KAAK,YAAY,8BAA8B;AAAA,EACnE,YAAY,8BAAU,KAAK,YAAY,qDAAqD;AAAA,EAC5F,WAAW,8BAAU,KAAK,YAAY,oDAAoD;AAAA,EAC1F,WAAW,8BAAU,KAAK,YACxB,gGACF;AAAA,EACA,eAAe,8BAAU,KAAK,YAC5B,sGACF;AAAA,EACA,SAAS,8BAAU,KAAK,YACtB,gHACF;AACF;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAEnB,MAAM,YAAY;AAAA,EACvB,UAAU,8BAAU,KAAK,WAAW,YAAY,mBAAmB;AAAA,EACnE,OAAO,8BAAU,OAAO,WAAW;AAAA,IACjC;AAAA,EACF;AAAA,EACA,SAAS,8BAAU,OAAO,WAAW;AAAA,IACnC;AAAA,EACF;AAAA,EACA,gBAAgB,8BAAU,OAAO,YAAY,4BAA4B;AAAA,EACzE,aAAa,8BAAU,OAAO,YAAY,oCAAoC;AAAA,EAC9E,iBAAiB,8BAAU,OAAO,YAAY,qDAAqD;AAAA,EACnG,mBAAmB,8BAAU,OAAO;AAAA,IAClC;AAAA,EACF;AAAA,EACA,UAAU,8BAAU,KAAK,YAAY,qDAAqD;AAAA,EAC1F,UAAU,8BAAU,KAAK,YAAY,8BAA8B;AAAA,EACnE,UAAU,8BAAU,KAAK,YAAY,8BAA8B;AAAA,EACnE,YAAY,8BAAU,KAAK,YAAY,qDAAqD;AAAA,EAC5F,WAAW,8BAAU,KAAK,YAAY,oDAAoD;AAAA,EAC1F,WAAW,8BAAU,KAAK;AAAA,IACxB;AAAA,EACF;AAAA,EACA,eAAe,8BAAU,KAAK;AAAA,IAC5B;AAAA,EACF;AAAA,EACA,SAAS,8BAAU,KAAK;AAAA,IACtB;AAAA,EACF;AACF;",
6
6
  "names": []
7
7
  }
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var styles_exports = {};
23
26
  __export(styles_exports, {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/form-layout-block-item/styles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport type {\n DSFormLayoutBlockItemStyledContainerT,\n DSFormLayoutBlockItemStyledLabelT,\n DSFormLayoutBlockItemStyledMessageT,\n DSFormLayoutBlockItemStyledMarkT,\n} from './index.d';\n\nexport const StyledContainer = styled.div<DSFormLayoutBlockItemStyledContainerT>`\n position: relative;\n padding: 0;\n margin: 0;\n display: grid;\n ${({ fitContent }) => (fitContent ? 'width: fit-content;' : undefined)}\n ${({ isGroup }) => (isGroup ? 'border: none' : '')};\n ${({ leftLabel, hideLabel }) => (leftLabel && !hideLabel ? 'grid-template-columns: auto 1fr;' : undefined)}\n align-items: center;\n ${({ theme, withHighlight }) =>\n withHighlight\n ? `\n &::after {\n position: absolute;\n content: '';\n left: -${theme.space.xxs};\n top: -${theme.space.xxxs};\n z-index: -1;\n width: calc(100% + ${theme.space.xs});\n height: calc(100% + ${theme.space.xxs});\n background-color: #FEFBEE;\n border : 1px solid #8F6326;\n border-radius : 4px;\n box-shadow: 0 1px 3px 0 rgba(0,0,0,0.35);\n }\n &:hover, \n &:focus-within {\n &::after {\n position: absolute;\n content: '';\n left: -${theme.space.xxs};\n top: -${theme.space.xxxs};\n z-index: -1;\n width: calc(100% + ${theme.space.xs});\n height: calc(100% + ${theme.space.xxs});\n background-color: #FFF9D3;\n border : 2px solid #8F6326;\n border-radius : 4px;\n box-shadow: 0 6px 10px 0 rgba(0,0,0,0.30);\n }\n }\n `\n : undefined}\n`;\n\nexport const StyledLabel = styled.label<DSFormLayoutBlockItemStyledLabelT>`\n display: flex;\n ${({ theme, leftLabel }) => (leftLabel ? `padding-right: ${theme.space.xxxs};` : undefined)}\n ${({ hideLabel }) =>\n hideLabel\n ? `position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n `\n : undefined}\n`;\n\nexport const StyledMessage = styled.div<DSFormLayoutBlockItemStyledMessageT>`\n font-size: ${({ theme }) => theme.fontSizes.microText[200]};\n text-align: right;\n line-height: 15px;\n height: 15px;\n overflow: hidden;\n text-overflow: ellipsis;\n color: ${({ theme, hasError }) => (hasError ? theme.colors.danger[900] : theme.colors.neutral[500])};\n ${({ leftLabel, hideLabel }) => (leftLabel && !hideLabel ? 'grid-column: 1/3;' : undefined)}\n padding-right: 1px;\n margin-right: -1px;\n font-style: normal;\n`;\n\nexport const StyledMark = styled.span<DSFormLayoutBlockItemStyledMarkT>`\n width: 6px;\n height: 6px;\n border-radius: 50%;\n margin-left: ${({ theme }) => theme.space.xxxs};\n ${({ theme, required }) =>\n required\n ? `\n background-color: ${theme.colors.danger[900]};\n `\n : `\n border: 1px solid ${theme.colors.brand[600]};\n `}\n`;\n\nexport const ScreenReaderOnly = styled.div`\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n`;\n\nexport const StyledCharCount = styled.span<DSFormLayoutBlockItemStyledCharCounterT>`\njustify-self: flex-end;\nfont-size: ${({ theme }) => theme.fontSizes.microText[300]}\nmargin-left: 16px;\ncolor: ${({ theme, hasError }) => (hasError ? theme.colors.danger[900] : theme.colors.neutral[500])};\n`;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AAQhB,MAAM,kBAAkB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKlC,CAAC,EAAE,iBAAkB,aAAa,wBAAwB;AAAA,IAC1D,CAAC,EAAE,cAAe,UAAU,iBAAiB;AAAA,IAC7C,CAAC,EAAE,WAAW,gBAAiB,aAAa,CAAC,YAAY,qCAAqC;AAAA;AAAA,IAE9F,CAAC,EAAE,OAAO,oBACV,gBACI;AAAA;AAAA;AAAA;AAAA,iBAIS,MAAM,MAAM;AAAA,gBACb,MAAM,MAAM;AAAA;AAAA,6BAEC,MAAM,MAAM;AAAA,+BACV,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAWtB,MAAM,MAAM;AAAA,oBACb,MAAM,MAAM;AAAA;AAAA,iCAEC,MAAM,MAAM;AAAA,mCACV,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQvC;AAAA;AAGD,MAAM,cAAc,wBAAO;AAAA;AAAA,IAE9B,CAAC,EAAE,OAAO,gBAAiB,YAAY,kBAAkB,MAAM,MAAM,UAAU;AAAA,IAC/E,CAAC,EAAE,gBACH,YACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUA;AAAA;AAGD,MAAM,gBAAgB,wBAAO;AAAA,eACrB,CAAC,EAAE,YAAY,MAAM,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAM7C,CAAC,EAAE,OAAO,eAAgB,WAAW,MAAM,OAAO,OAAO,OAAO,MAAM,OAAO,QAAQ;AAAA,IAC5F,CAAC,EAAE,WAAW,gBAAiB,aAAa,CAAC,YAAY,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAM5E,MAAM,aAAa,wBAAO;AAAA;AAAA;AAAA;AAAA,iBAIhB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,IACxC,CAAC,EAAE,OAAO,eACV,WACI;AAAA,sBACc,MAAM,OAAO,OAAO;AAAA,MAElC;AAAA,sBACc,MAAM,OAAO,MAAM;AAAA;AAAA;AAIlC,MAAM,mBAAmB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUhC,MAAM,kBAAkB,wBAAO;AAAA;AAAA,aAEzB,CAAC,EAAE,YAAY,MAAM,UAAU,UAAU;AAAA;AAAA,SAE7C,CAAC,EAAE,OAAO,eAAgB,WAAW,MAAM,OAAO,OAAO,OAAO,MAAM,OAAO,QAAQ;AAAA;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AAQhB,MAAM,kBAAkB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKlC,CAAC,EAAE,WAAW,MAAO,aAAa,wBAAwB;AAAA,IAC1D,CAAC,EAAE,QAAQ,MAAO,UAAU,iBAAiB;AAAA,IAC7C,CAAC,EAAE,WAAW,UAAU,MAAO,aAAa,CAAC,YAAY,qCAAqC;AAAA;AAAA,IAE9F,CAAC,EAAE,OAAO,cAAc,MACxB,gBACI;AAAA;AAAA;AAAA;AAAA,iBAIS,MAAM,MAAM;AAAA,gBACb,MAAM,MAAM;AAAA;AAAA,6BAEC,MAAM,MAAM;AAAA,+BACV,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAWtB,MAAM,MAAM;AAAA,oBACb,MAAM,MAAM;AAAA;AAAA,iCAEC,MAAM,MAAM;AAAA,mCACV,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQvC;AAAA;AAGD,MAAM,cAAc,wBAAO;AAAA;AAAA,IAE9B,CAAC,EAAE,OAAO,UAAU,MAAO,YAAY,kBAAkB,MAAM,MAAM,UAAU;AAAA,IAC/E,CAAC,EAAE,UAAU,MACb,YACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUA;AAAA;AAGD,MAAM,gBAAgB,wBAAO;AAAA,eACrB,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAM7C,CAAC,EAAE,OAAO,SAAS,MAAO,WAAW,MAAM,OAAO,OAAO,OAAO,MAAM,OAAO,QAAQ;AAAA,IAC5F,CAAC,EAAE,WAAW,UAAU,MAAO,aAAa,CAAC,YAAY,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAM5E,MAAM,aAAa,wBAAO;AAAA;AAAA;AAAA;AAAA,iBAIhB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA,IACxC,CAAC,EAAE,OAAO,SAAS,MACnB,WACI;AAAA,sBACc,MAAM,OAAO,OAAO;AAAA,MAElC;AAAA,sBACc,MAAM,OAAO,MAAM;AAAA;AAAA;AAIlC,MAAM,mBAAmB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUhC,MAAM,kBAAkB,wBAAO;AAAA;AAAA,aAEzB,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,UAAU;AAAA;AAAA,SAE7C,CAAC,EAAE,OAAO,SAAS,MAAO,WAAW,MAAM,OAAO,OAAO,OAAO,MAAM,OAAO,QAAQ;AAAA;",
6
6
  "names": []
7
7
  }
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var DSFormLayoutCheckboxGroup_exports = {};
23
26
  __export(DSFormLayoutCheckboxGroup_exports, {
@@ -26,7 +29,7 @@ __export(DSFormLayoutCheckboxGroup_exports, {
26
29
  });
27
30
  module.exports = __toCommonJS(DSFormLayoutCheckboxGroup_exports);
28
31
  var React = __toESM(require("react"));
29
- var import_react = __toESM(require("react"));
32
+ var import_jsx_runtime = require("react/jsx-runtime");
30
33
  var import_ds_utilities = require("@elliemae/ds-utilities");
31
34
  var import_propTypes = require("./propTypes");
32
35
  var import_styles = require("./styles");
@@ -36,11 +39,12 @@ const DSFormLayoutCheckboxGroup = (props) => {
36
39
  (0, import_useValidateProps.useValidateProps)(props);
37
40
  const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_defaultProps.defaultProps);
38
41
  const globalAttrs = (0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefault);
39
- return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledContainer, {
42
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledContainer, {
40
43
  role: "group",
41
44
  direction: propsWithDefault.direction,
42
- ...globalAttrs
43
- }, propsWithDefault.children);
45
+ ...globalAttrs,
46
+ children: propsWithDefault.children
47
+ });
44
48
  };
45
49
  DSFormLayoutCheckboxGroup.propTypes = import_propTypes.propTypes;
46
50
  DSFormLayoutCheckboxGroup.displayName = "DSFormLayoutCheckboxGroup";
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React from 'react';\nimport { describe, useMemoMergePropsWithDefault, useGetGlobalAttributes } from '@elliemae/ds-utilities';\nimport { propTypes } from './propTypes';\nimport { StyledContainer } from './styles';\nimport { defaultProps } from './defaultProps';\nimport type { DSControlledCheckboxGroupT } from './index.d';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst DSFormLayoutCheckboxGroup = (props: DSControlledCheckboxGroupT): JSX.Element => {\n useValidateProps(props);\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n const globalAttrs = useGetGlobalAttributes(propsWithDefault);\n return (\n <StyledContainer role=\"group\" direction={propsWithDefault.direction} {...globalAttrs}>\n {propsWithDefault.children}\n </StyledContainer>\n );\n};\n\nDSFormLayoutCheckboxGroup.propTypes = propTypes;\nDSFormLayoutCheckboxGroup.displayName = 'DSFormLayoutCheckboxGroup';\nconst DSFormLayoutCheckboxGroupWithSchema = describe(DSFormLayoutCheckboxGroup);\nDSFormLayoutCheckboxGroupWithSchema.propTypes = propTypes;\n\nexport { DSFormLayoutCheckboxGroup, DSFormLayoutCheckboxGroupWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAA+E;AAC/E,uBAA0B;AAC1B,oBAAgC;AAChC,0BAA6B;AAE7B,8BAAiC;AAEjC,MAAM,4BAA4B,CAAC,UAAmD;AACpF,gDAAiB,KAAK;AACtB,QAAM,mBAAmB,sDAA6B,OAAO,gCAAY;AACzE,QAAM,cAAc,gDAAuB,gBAAgB;AAC3D,SACE,mDAAC;AAAA,IAAgB,MAAK;AAAA,IAAQ,WAAW,iBAAiB;AAAA,IAAY,GAAG;AAAA,KACtE,iBAAiB,QACpB;AAEJ;AAEA,0BAA0B,YAAY;AACtC,0BAA0B,cAAc;AACxC,MAAM,sCAAsC,kCAAS,yBAAyB;AAC9E,oCAAoC,YAAY;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAA+E;AAC/E,uBAA0B;AAC1B,oBAAgC;AAChC,0BAA6B;AAE7B,8BAAiC;AAEjC,MAAM,4BAA4B,CAAC,UAAmD;AACpF,gDAAiB,KAAK;AACtB,QAAM,uBAAmB,kDAA6B,OAAO,gCAAY;AACzE,QAAM,kBAAc,4CAAuB,gBAAgB;AAC3D,SACE,4CAAC;AAAA,IAAgB,MAAK;AAAA,IAAQ,WAAW,iBAAiB;AAAA,IAAY,GAAG;AAAA,IACtE,2BAAiB;AAAA,GACpB;AAEJ;AAEA,0BAA0B,YAAY;AACtC,0BAA0B,cAAc;AACxC,MAAM,0CAAsC,8BAAS,yBAAyB;AAC9E,oCAAoC,YAAY;",
6
6
  "names": []
7
7
  }
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var useValidateProps_exports = {};
23
26
  __export(useValidateProps_exports, {
@@ -36,18 +39,22 @@ const getVariableType = (arg) => {
36
39
  return typeof arg;
37
40
  };
38
41
  const throwCheckboxGroupDirectionError = (invalidProp) => {
39
- throw new Error(`You are trying to pass a not valid "direction" property value for a checkbox group, please provide a valid type.
42
+ throw new Error(
43
+ `You are trying to pass a not valid "direction" property value for a checkbox group, please provide a valid type.
40
44
 
41
45
  Received: ${invalidProp} (${getVariableType(invalidProp)})
42
46
  Expected: "horizontal" or "vertical" (string)
43
- `);
47
+ `
48
+ );
44
49
  };
45
50
  const throwCheckboxGroupChildrenError = () => {
46
- throw new Error(`You are trying to use a checkbox group without any React children, please provide at least one children to use.
51
+ throw new Error(
52
+ `You are trying to use a checkbox group without any React children, please provide at least one children to use.
47
53
 
48
54
  Received: (null)
49
55
  Expected: React children
50
- `);
56
+ `
57
+ );
51
58
  };
52
59
  const useValidateProps = (props) => {
53
60
  if (props.direction !== void 0 && props.direction !== "vertical" && props.direction !== "horizontal") {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/form-layout-checkbox-group/config/useValidateProps.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React from 'react';\nimport type { DSControlledCheckboxGroupT } from '../index.d';\n\nconst getVariableType = (arg: unknown): string => {\n if (Array.isArray(arg)) return 'array';\n if (arg === null) return 'null';\n if (arg === undefined) return 'undefined';\n return typeof arg;\n};\n\nconst throwCheckboxGroupDirectionError = (invalidProp: unknown): void => {\n throw new Error(\n `You are trying to pass a not valid \"direction\" property value for a checkbox group, please provide a valid type.\n\n Received: ${invalidProp} (${getVariableType(invalidProp)})\n Expected: \"horizontal\" or \"vertical\" (string)\n `,\n );\n};\n\nconst throwCheckboxGroupChildrenError = (): void => {\n throw new Error(\n `You are trying to use a checkbox group without any React children, please provide at least one children to use.\n \n Received: (null)\n Expected: React children\n `,\n );\n};\n\nexport const useValidateProps = (props: DSControlledCheckboxGroupT): void => {\n if (props.direction !== undefined && props.direction !== 'vertical' && props.direction !== 'horizontal') {\n throwCheckboxGroupDirectionError(props.direction);\n }\n if (!React.Children.count(props.children)) {\n throwCheckboxGroupChildrenError();\n }\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAGlB,MAAM,kBAAkB,CAAC,QAAyB;AAChD,MAAI,MAAM,QAAQ,GAAG;AAAG,WAAO;AAC/B,MAAI,QAAQ;AAAM,WAAO;AACzB,MAAI,QAAQ;AAAW,WAAO;AAC9B,SAAO,OAAO;AAChB;AAEA,MAAM,mCAAmC,CAAC,gBAA+B;AACvE,QAAM,IAAI,MACR;AAAA;AAAA,cAEU,gBAAgB,gBAAgB,WAAW;AAAA;AAAA,GAGvD;AACF;AAEA,MAAM,kCAAkC,MAAY;AAClD,QAAM,IAAI,MACR;AAAA;AAAA;AAAA;AAAA,GAKF;AACF;AAEO,MAAM,mBAAmB,CAAC,UAA4C;AAC3E,MAAI,MAAM,cAAc,UAAa,MAAM,cAAc,cAAc,MAAM,cAAc,cAAc;AACvG,qCAAiC,MAAM,SAAS;AAAA,EAClD;AACA,MAAI,CAAC,qBAAM,SAAS,MAAM,MAAM,QAAQ,GAAG;AACzC,oCAAgC;AAAA,EAClC;AACF;",
6
- "names": []
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAGlB,MAAM,kBAAkB,CAAC,QAAyB;AAChD,MAAI,MAAM,QAAQ,GAAG;AAAG,WAAO;AAC/B,MAAI,QAAQ;AAAM,WAAO;AACzB,MAAI,QAAQ;AAAW,WAAO;AAC9B,SAAO,OAAO;AAChB;AAEA,MAAM,mCAAmC,CAAC,gBAA+B;AACvE,QAAM,IAAI;AAAA,IACR;AAAA;AAAA,cAEU,gBAAgB,gBAAgB,WAAW;AAAA;AAAA;AAAA,EAGvD;AACF;AAEA,MAAM,kCAAkC,MAAY;AAClD,QAAM,IAAI;AAAA,IACR;AAAA;AAAA;AAAA;AAAA;AAAA,EAKF;AACF;AAEO,MAAM,mBAAmB,CAAC,UAA4C;AAC3E,MAAI,MAAM,cAAc,UAAa,MAAM,cAAc,cAAc,MAAM,cAAc,cAAc;AACvG,qCAAiC,MAAM,SAAS;AAAA,EAClD;AACA,MAAI,CAAC,aAAAA,QAAM,SAAS,MAAM,MAAM,QAAQ,GAAG;AACzC,oCAAgC;AAAA,EAClC;AACF;",
6
+ "names": ["React"]
7
7
  }
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var defaultProps_exports = {};
23
26
  __export(defaultProps_exports, {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/form-layout-checkbox-group/defaultProps.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["export const defaultProps = {\n direction: 'horizontal',\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,eAAe;AAAA,EAC1B,WAAW;AACb;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,eAAe;AAAA,EAC1B,WAAW;AACb;",
6
6
  "names": []
7
7
  }
@@ -13,7 +13,10 @@ var __copyProps = (to, from, except, desc) => {
13
13
  }
14
14
  return to;
15
15
  };
16
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
16
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
17
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
18
+ mod
19
+ ));
17
20
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
21
  var index_d_exports = {};
19
22
  module.exports = __toCommonJS(index_d_exports);
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/form-layout-checkbox-group/index.d.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["type DirectionsT = 'horizontal' | 'vertical';\n\nexport interface DSControlledCheckboxGroupT {\n direction: DirectionsT;\n children: React.ReactNode;\n}\n\nexport interface DSControlledCheckboxGroupStyledContainerT {\n direction: DirectionsT;\n}\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
6
6
  "names": []
7
7
  }
@@ -14,7 +14,10 @@ var __copyProps = (to, from, except, desc) => {
14
14
  return to;
15
15
  };
16
16
  var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
17
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
17
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
18
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
19
+ mod
20
+ ));
18
21
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
22
  var form_layout_checkbox_group_exports = {};
20
23
  module.exports = __toCommonJS(form_layout_checkbox_group_exports);
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/form-layout-checkbox-group/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["export * from './DSFormLayoutCheckboxGroup';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,+CAAc,wCAAd;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,+CAAc,wCAAd;",
6
6
  "names": []
7
7
  }
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var propTypes_exports = {};
23
26
  __export(propTypes_exports, {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/form-layout-checkbox-group/propTypes.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import { PropTypes, globalAttributesPropTypes } from '@elliemae/ds-utilities';\n\nexport const propTypes = {\n ...globalAttributesPropTypes,\n direction: PropTypes.oneOf(['horizontal', 'vertical']).description('Set direction for the checkbox group.'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAqD;AAE9C,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,WAAW,8BAAU,MAAM,CAAC,cAAc,UAAU,CAAC,EAAE,YAAY,uCAAuC;AAC5G;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAqD;AAE9C,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,WAAW,8BAAU,MAAM,CAAC,cAAc,UAAU,CAAC,EAAE,YAAY,uCAAuC;AAC5G;",
6
6
  "names": []
7
7
  }
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
+ mod
23
+ ));
21
24
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
25
  var styles_exports = {};
23
26
  __export(styles_exports, {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/form-layout-checkbox-group/styles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport type { DSControlledCheckboxGroupStyledContainerT } from './index.d';\n\nexport const StyledContainer = styled.div<DSControlledCheckboxGroupStyledContainerT>`\n display: inline-flex;\n flex-wrap: wrap;\n flex-direction: ${({ direction }) => (direction === 'horizontal' ? 'row' : 'column')};\n margin-left: ${({ theme }) => theme.space.xs};\n margin-right: ${({ theme }) => theme.space.xs};\n margin-top: ${({ theme }) => theme.space.xxs};\n & div:not([role='checkbox']) {\n padding: 0;\n margin-bottom: ${({ theme }) => theme.space.xxs};\n }\n & div:not(:last-child) {\n margin-right: ${({ theme, direction }) => (direction === 'horizontal' ? theme.space.s : '0')};\n }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AAGhB,MAAM,kBAAkB,wBAAO;AAAA;AAAA;AAAA,oBAGlB,CAAC,EAAE,gBAAiB,cAAc,eAAe,QAAQ;AAAA,iBAC5D,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,kBAC1B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,gBAC7B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA,qBAGtB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA,oBAG5B,CAAC,EAAE,OAAO,gBAAiB,cAAc,eAAe,MAAM,MAAM,IAAI;AAAA;AAAA;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AAGhB,MAAM,kBAAkB,wBAAO;AAAA;AAAA;AAAA,oBAGlB,CAAC,EAAE,UAAU,MAAO,cAAc,eAAe,QAAQ;AAAA,iBAC5D,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA,kBAC1B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA,gBAC7B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,qBAGtB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,oBAG5B,CAAC,EAAE,OAAO,UAAU,MAAO,cAAc,eAAe,MAAM,MAAM,IAAI;AAAA;AAAA;",
6
6
  "names": []
7
7
  }
@@ -14,7 +14,10 @@ var __copyProps = (to, from, except, desc) => {
14
14
  return to;
15
15
  };
16
16
  var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
17
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
17
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
18
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
19
+ mod
20
+ ));
18
21
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
22
  var index_d_exports = {};
20
23
  module.exports = __toCommonJS(index_d_exports);
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.d.ts", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["export * from './form-layout-block-item/index.d'\nexport * from './form-layout-checkbox-group/index.d'", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAAc,6CAAd;AACA,4BAAc,iDADd;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAAc,6CAAd;AACA,4BAAc,iDADd;",
6
6
  "names": []
7
7
  }
package/dist/cjs/index.js CHANGED
@@ -18,7 +18,10 @@ var __copyProps = (to, from, except, desc) => {
18
18
  return to;
19
19
  };
20
20
  var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
21
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
21
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
22
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
23
+ mod
24
+ ));
22
25
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
23
26
  var src_exports = {};
24
27
  __export(src_exports, {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["export * from './form-layout-block-item';\nexport {\n DSFormLayoutCheckboxGroup,\n DSFormLayoutCheckboxGroupWithSchema,\n DSFormLayoutCheckboxGroup as DSFormLayoutRadioGroup,\n DSFormLayoutCheckboxGroupWithSchema as DSFormLayoutRadioGroupWithSchema,\n} from './form-layout-checkbox-group';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,qCAAd;AACA,wCAKO;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,qCAAd;AACA,wCAKO;",
6
6
  "names": []
7
7
  }
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/DSFormLayoutBlockItemDataTestId.ts"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSFormLayoutBlockItemDataTestId = {\n CONTAINER: 'ds-form-layout-block-container',\n LABEL: 'ds-form-layout-block-label',\n COUNTER: 'ds-form-layout-block-counter',\n MESSAGE: 'ds-form-layout-block-message',\n ERROR_MESSAGE: 'ds-form-layout-block-error-message',\n};\n"],
5
- "mappings": "AAAA;ACAO,MAAM,kCAAkC;AAAA,EAC7C,WAAW;AAAA,EACX,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,eAAe;AACjB;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,kCAAkC;AAAA,EAC7C,WAAW;AAAA,EACX,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,eAAe;AACjB;",
6
6
  "names": []
7
7
  }
@@ -1,5 +1,6 @@
1
1
  import * as React from "react";
2
- import React2, { useMemo } from "react";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
+ import { useMemo } from "react";
3
4
  import { Grid } from "@elliemae/ds-grid";
4
5
  import { describe } from "@elliemae/ds-utilities";
5
6
  import { uid } from "uid";
@@ -26,7 +27,7 @@ const DSFormLayoutBlockItem = (props) => {
26
27
  } = props;
27
28
  const instanceUID = useMemo(() => uid(6), []);
28
29
  const cols = useMemo(() => maxCharCounter !== void 0 ? ["1fr", "auto"] : ["1fr"], [maxCharCounter]);
29
- return /* @__PURE__ */ React2.createElement(StyledContainer, {
30
+ return /* @__PURE__ */ jsxs(StyledContainer, {
30
31
  "data-testid": DSFormLayoutBlockItemDataTestId.CONTAINER,
31
32
  leftLabel,
32
33
  fitContent,
@@ -34,36 +35,55 @@ const DSFormLayoutBlockItem = (props) => {
34
35
  withHighlight,
35
36
  as: isGroup ? "fieldset" : "div",
36
37
  isGroup,
37
- "aria-describedby": !isGroup ? `${inputID || instanceUID}_feedback_message` : void 0
38
- }, /* @__PURE__ */ React2.createElement(Grid, {
39
- cols,
40
- gutter: "xxs"
41
- }, /* @__PURE__ */ React2.createElement(StyledLabel, {
42
- "data-testid": DSFormLayoutBlockItemDataTestId.LABEL,
43
- htmlFor: inputID,
44
- leftLabel,
45
- hideLabel,
46
- "aria-hidden": isGroup
47
- }, label, (required || optional) && /* @__PURE__ */ React2.createElement(StyledMark, {
48
- required
49
- })), maxCharCounter !== void 0 && currentChar !== void 0 ? /* @__PURE__ */ React2.createElement(StyledCharCount, {
50
- "data-testid": DSFormLayoutBlockItemDataTestId.COUNTER,
51
- hasError: currentChar > maxCharCounter
52
- }, `${currentChar}/${maxCharCounter}`) : null), isGroup && /* @__PURE__ */ React2.createElement(ScreenReaderOnly, {
53
- as: "legend"
54
- }, `${label}. ${feedbackMessage || ""}`), children, feedbackMessage && !hasError && /* @__PURE__ */ React2.createElement(StyledMessage, {
55
- "data-testid": DSFormLayoutBlockItemDataTestId.MESSAGE,
56
- leftLabel,
57
- hideLabel,
58
- "aria-hidden": isGroup,
59
- id: `${inputID || instanceUID}_feedback_message`
60
- }, feedbackMessage), validationMessage && hasError && /* @__PURE__ */ React2.createElement(StyledMessage, {
61
- "data-testid": DSFormLayoutBlockItemDataTestId.ERROR_MESSAGE,
62
- hasError,
63
- leftLabel,
64
- hideLabel,
65
- role: "alert"
66
- }, validationMessage));
38
+ "aria-describedby": !isGroup ? `${inputID || instanceUID}_feedback_message` : void 0,
39
+ children: [
40
+ /* @__PURE__ */ jsxs(Grid, {
41
+ cols,
42
+ gutter: "xxs",
43
+ children: [
44
+ /* @__PURE__ */ jsxs(StyledLabel, {
45
+ "data-testid": DSFormLayoutBlockItemDataTestId.LABEL,
46
+ htmlFor: inputID,
47
+ leftLabel,
48
+ hideLabel,
49
+ "aria-hidden": isGroup,
50
+ children: [
51
+ label,
52
+ (required || optional) && /* @__PURE__ */ jsx(StyledMark, {
53
+ required
54
+ })
55
+ ]
56
+ }),
57
+ maxCharCounter !== void 0 && currentChar !== void 0 ? /* @__PURE__ */ jsx(StyledCharCount, {
58
+ "data-testid": DSFormLayoutBlockItemDataTestId.COUNTER,
59
+ hasError: currentChar > maxCharCounter,
60
+ children: `${currentChar}/${maxCharCounter}`
61
+ }) : null
62
+ ]
63
+ }),
64
+ isGroup && /* @__PURE__ */ jsx(ScreenReaderOnly, {
65
+ as: "legend",
66
+ children: `${label}. ${feedbackMessage || ""}`
67
+ }),
68
+ children,
69
+ feedbackMessage && !hasError && /* @__PURE__ */ jsx(StyledMessage, {
70
+ "data-testid": DSFormLayoutBlockItemDataTestId.MESSAGE,
71
+ leftLabel,
72
+ hideLabel,
73
+ "aria-hidden": isGroup,
74
+ id: `${inputID || instanceUID}_feedback_message`,
75
+ children: feedbackMessage
76
+ }),
77
+ validationMessage && hasError && /* @__PURE__ */ jsx(StyledMessage, {
78
+ "data-testid": DSFormLayoutBlockItemDataTestId.ERROR_MESSAGE,
79
+ hasError,
80
+ leftLabel,
81
+ hideLabel,
82
+ role: "alert",
83
+ children: validationMessage
84
+ })
85
+ ]
86
+ });
67
87
  };
68
88
  DSFormLayoutBlockItem.propTypes = propTypes;
69
89
  DSFormLayoutBlockItem.displayName = "DSFormLayoutBlockItem";
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-block-item/DSFormLayoutBlockItem.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useMemo } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { describe } from '@elliemae/ds-utilities';\nimport { uid } from 'uid';\nimport { DSFormLayoutBlockItemDataTestId } from '../exported-related/DSFormLayoutBlockItemDataTestId';\nimport type { DSFormLayoutBlockItemPropsT as Props } from './index.d';\nimport { propTypes } from './propTypes';\nimport { StyledMessage, StyledLabel, StyledContainer, StyledMark, ScreenReaderOnly, StyledCharCount } from './styles';\n\nconst DSFormLayoutBlockItem = (props: Props): JSX.Element => {\n const {\n label,\n feedbackMessage,\n maxCharCounter,\n currentChar,\n validationMessage,\n inputID,\n children,\n hasError,\n leftLabel,\n required,\n optional,\n hideLabel,\n fitContent,\n withHighlight,\n isGroup = false,\n } = props;\n\n const instanceUID = useMemo(() => uid(6), []);\n\n const cols = useMemo(() => (maxCharCounter !== undefined ? ['1fr', 'auto'] : ['1fr']), [maxCharCounter]);\n\n return (\n <StyledContainer\n data-testid={DSFormLayoutBlockItemDataTestId.CONTAINER}\n leftLabel={leftLabel}\n fitContent={fitContent}\n hideLabel={hideLabel}\n withHighlight={withHighlight}\n as={isGroup ? 'fieldset' : 'div'}\n isGroup={isGroup}\n aria-describedby={!isGroup ? `${inputID || instanceUID}_feedback_message` : undefined}\n >\n <Grid cols={cols} gutter=\"xxs\">\n <StyledLabel\n data-testid={DSFormLayoutBlockItemDataTestId.LABEL}\n htmlFor={inputID}\n leftLabel={leftLabel}\n hideLabel={hideLabel}\n aria-hidden={isGroup}\n >\n {label}\n {(required || optional) && <StyledMark required={required} />}\n </StyledLabel>\n {maxCharCounter !== undefined && currentChar !== undefined ? (\n <StyledCharCount\n data-testid={DSFormLayoutBlockItemDataTestId.COUNTER}\n hasError={currentChar > maxCharCounter}\n >{`${currentChar}/${maxCharCounter}`}</StyledCharCount>\n ) : null}\n </Grid>\n {isGroup && <ScreenReaderOnly as=\"legend\">{`${label}. ${feedbackMessage || ''}`}</ScreenReaderOnly>}\n {children}\n {feedbackMessage && !hasError && (\n <StyledMessage\n data-testid={DSFormLayoutBlockItemDataTestId.MESSAGE}\n leftLabel={leftLabel}\n hideLabel={hideLabel}\n aria-hidden={isGroup}\n id={`${inputID || instanceUID}_feedback_message`}\n >\n {feedbackMessage}\n </StyledMessage>\n )}\n {validationMessage && hasError && (\n <StyledMessage\n data-testid={DSFormLayoutBlockItemDataTestId.ERROR_MESSAGE}\n hasError={hasError}\n leftLabel={leftLabel}\n hideLabel={hideLabel}\n role=\"alert\"\n >\n {validationMessage}\n </StyledMessage>\n )}\n </StyledContainer>\n );\n};\n\nDSFormLayoutBlockItem.propTypes = propTypes;\nDSFormLayoutBlockItem.displayName = 'DSFormLayoutBlockItem';\nconst DSFormLayoutBlockItemWithSchema = describe(DSFormLayoutBlockItem);\nDSFormLayoutBlockItemWithSchema.propTypes = propTypes;\n\nexport { DSFormLayoutBlockItem, DSFormLayoutBlockItemWithSchema };\n"],
5
- "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA,MAAM,wBAAwB,CAAC,UAA8B;AAC3D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,MACR;AAEJ,QAAM,cAAc,QAAQ,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC;AAE5C,QAAM,OAAO,QAAQ,MAAO,mBAAmB,SAAY,CAAC,OAAO,MAAM,IAAI,CAAC,KAAK,GAAI,CAAC,cAAc,CAAC;AAEvG,SACE,qCAAC;AAAA,IACC,eAAa,gCAAgC;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,IAAI,UAAU,aAAa;AAAA,IAC3B;AAAA,IACA,oBAAkB,CAAC,UAAU,GAAG,WAAW,iCAAiC;AAAA,KAE5E,qCAAC;AAAA,IAAK;AAAA,IAAY,QAAO;AAAA,KACvB,qCAAC;AAAA,IACC,eAAa,gCAAgC;AAAA,IAC7C,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,eAAa;AAAA,KAEZ,OACC,aAAY,aAAa,qCAAC;AAAA,IAAW;AAAA,GAAoB,CAC7D,GACC,mBAAmB,UAAa,gBAAgB,SAC/C,qCAAC;AAAA,IACC,eAAa,gCAAgC;AAAA,IAC7C,UAAU,cAAc;AAAA,KACxB,GAAG,eAAe,gBAAiB,IACnC,IACN,GACC,WAAW,qCAAC;AAAA,IAAiB,IAAG;AAAA,KAAU,GAAG,UAAU,mBAAmB,IAAK,GAC/E,UACA,mBAAmB,CAAC,YACnB,qCAAC;AAAA,IACC,eAAa,gCAAgC;AAAA,IAC7C;AAAA,IACA;AAAA,IACA,eAAa;AAAA,IACb,IAAI,GAAG,WAAW;AAAA,KAEjB,eACH,GAED,qBAAqB,YACpB,qCAAC;AAAA,IACC,eAAa,gCAAgC;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAK;AAAA,KAEJ,iBACH,CAEJ;AAEJ;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,kCAAkC,SAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAgB,eAAe;AAC/B,SAAS,YAAY;AACrB,SAAS,gBAAgB;AACzB,SAAS,WAAW;AACpB,SAAS,uCAAuC;AAEhD,SAAS,iBAAiB;AAC1B,SAAS,eAAe,aAAa,iBAAiB,YAAY,kBAAkB,uBAAuB;AAE3G,MAAM,wBAAwB,CAAC,UAA8B;AAC3D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,EACZ,IAAI;AAEJ,QAAM,cAAc,QAAQ,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC;AAE5C,QAAM,OAAO,QAAQ,MAAO,mBAAmB,SAAY,CAAC,OAAO,MAAM,IAAI,CAAC,KAAK,GAAI,CAAC,cAAc,CAAC;AAEvG,SACE,qBAAC;AAAA,IACC,eAAa,gCAAgC;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,IAAI,UAAU,aAAa;AAAA,IAC3B;AAAA,IACA,oBAAkB,CAAC,UAAU,GAAG,WAAW,iCAAiC;AAAA,IAE5E;AAAA,2BAAC;AAAA,QAAK;AAAA,QAAY,QAAO;AAAA,QACvB;AAAA,+BAAC;AAAA,YACC,eAAa,gCAAgC;AAAA,YAC7C,SAAS;AAAA,YACT;AAAA,YACA;AAAA,YACA,eAAa;AAAA,YAEZ;AAAA;AAAA,eACC,YAAY,aAAa,oBAAC;AAAA,gBAAW;AAAA,eAAoB;AAAA;AAAA,WAC7D;AAAA,UACC,mBAAmB,UAAa,gBAAgB,SAC/C,oBAAC;AAAA,YACC,eAAa,gCAAgC;AAAA,YAC7C,UAAU,cAAc;AAAA,YACxB,aAAG,eAAe;AAAA,WAAiB,IACnC;AAAA;AAAA,OACN;AAAA,MACC,WAAW,oBAAC;AAAA,QAAiB,IAAG;AAAA,QAAU,aAAG,UAAU,mBAAmB;AAAA,OAAK;AAAA,MAC/E;AAAA,MACA,mBAAmB,CAAC,YACnB,oBAAC;AAAA,QACC,eAAa,gCAAgC;AAAA,QAC7C;AAAA,QACA;AAAA,QACA,eAAa;AAAA,QACb,IAAI,GAAG,WAAW;AAAA,QAEjB;AAAA,OACH;AAAA,MAED,qBAAqB,YACpB,oBAAC;AAAA,QACC,eAAa,gCAAgC;AAAA,QAC7C;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAK;AAAA,QAEJ;AAAA,OACH;AAAA;AAAA,GAEJ;AAEJ;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,kCAAkC,SAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
6
6
  "names": []
7
7
  }
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
5
- "mappings": "AAAA;",
5
+ "mappings": "AAAA,YAAY,WAAW;",
6
6
  "names": []
7
7
  }
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-block-item/index.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSFormLayoutBlockItem';\n"],
5
- "mappings": "AAAA;ACAA;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
6
6
  "names": []
7
7
  }
@@ -2,20 +2,32 @@ import * as React from "react";
2
2
  import { PropTypes } from "@elliemae/ds-utilities";
3
3
  const propTypes = {
4
4
  children: PropTypes.node.isRequired.description("Input component. "),
5
- label: PropTypes.string.isRequired.description("Label property for the input component. This property is required for accesibility purposes."),
6
- inputID: PropTypes.string.isRequired.description("String that matches the input component's id. This property is required for accesibility purposes."),
5
+ label: PropTypes.string.isRequired.description(
6
+ "Label property for the input component. This property is required for accesibility purposes."
7
+ ),
8
+ inputID: PropTypes.string.isRequired.description(
9
+ "String that matches the input component's id. This property is required for accesibility purposes."
10
+ ),
7
11
  maxCharCounter: PropTypes.number.description("Max of characters allowed."),
8
12
  currentChar: PropTypes.number.description("Current counter of input text area"),
9
13
  feedbackMessage: PropTypes.string.description("Feedback message to show below the input component."),
10
- validationMessage: PropTypes.string.description("Validation message to show below the input component. It requires hasError property set to true to be visible."),
14
+ validationMessage: PropTypes.string.description(
15
+ "Validation message to show below the input component. It requires hasError property set to true to be visible."
16
+ ),
11
17
  hasError: PropTypes.bool.description("Helper boolean property for the validation message."),
12
18
  required: PropTypes.bool.description("Adds required extra styling."),
13
19
  optional: PropTypes.bool.description("Adds optional extra styling."),
14
20
  fitContent: PropTypes.bool.description("Set the width of the layout to the input component."),
15
21
  leftLabel: PropTypes.bool.description("Adds the label at the left of the input component."),
16
- hideLabel: PropTypes.bool.description("Hides the input label. It still requires label and labelFor property for accesibility purposes"),
17
- withHighlight: PropTypes.bool.description("Adds highlight extra styling. It requires extra spacing, please check withHighlight explanation tab."),
18
- isGroup: PropTypes.bool.description("Sets the HTML elements as fieldset and legend. This should be used when you want to group more than one input.")
22
+ hideLabel: PropTypes.bool.description(
23
+ "Hides the input label. It still requires label and labelFor property for accesibility purposes"
24
+ ),
25
+ withHighlight: PropTypes.bool.description(
26
+ "Adds highlight extra styling. It requires extra spacing, please check withHighlight explanation tab."
27
+ ),
28
+ isGroup: PropTypes.bool.description(
29
+ "Sets the HTML elements as fieldset and legend. This should be used when you want to group more than one input."
30
+ )
19
31
  };
20
32
  export {
21
33
  propTypes
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-block-item/propTypes.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\n\nexport const propTypes = {\n children: PropTypes.node.isRequired.description('Input component. '),\n label: PropTypes.string.isRequired.description(\n 'Label property for the input component. This property is required for accesibility purposes.',\n ),\n inputID: PropTypes.string.isRequired.description(\n \"String that matches the input component's id. This property is required for accesibility purposes.\",\n ),\n maxCharCounter: PropTypes.number.description('Max of characters allowed.'),\n currentChar: PropTypes.number.description('Current counter of input text area'),\n feedbackMessage: PropTypes.string.description('Feedback message to show below the input component.'),\n validationMessage: PropTypes.string.description(\n 'Validation message to show below the input component. It requires hasError property set to true to be visible.',\n ),\n hasError: PropTypes.bool.description('Helper boolean property for the validation message.'),\n required: PropTypes.bool.description('Adds required extra styling.'),\n optional: PropTypes.bool.description('Adds optional extra styling.'),\n fitContent: PropTypes.bool.description('Set the width of the layout to the input component.'),\n leftLabel: PropTypes.bool.description('Adds the label at the left of the input component.'),\n hideLabel: PropTypes.bool.description(\n 'Hides the input label. It still requires label and labelFor property for accesibility purposes',\n ),\n withHighlight: PropTypes.bool.description(\n 'Adds highlight extra styling. It requires extra spacing, please check withHighlight explanation tab.',\n ),\n isGroup: PropTypes.bool.description(\n 'Sets the HTML elements as fieldset and legend. This should be used when you want to group more than one input.',\n ),\n};\n"],
5
- "mappings": "AAAA;ACAA;AAEO,MAAM,YAAY;AAAA,EACvB,UAAU,UAAU,KAAK,WAAW,YAAY,mBAAmB;AAAA,EACnE,OAAO,UAAU,OAAO,WAAW,YACjC,8FACF;AAAA,EACA,SAAS,UAAU,OAAO,WAAW,YACnC,oGACF;AAAA,EACA,gBAAgB,UAAU,OAAO,YAAY,4BAA4B;AAAA,EACzE,aAAa,UAAU,OAAO,YAAY,oCAAoC;AAAA,EAC9E,iBAAiB,UAAU,OAAO,YAAY,qDAAqD;AAAA,EACnG,mBAAmB,UAAU,OAAO,YAClC,gHACF;AAAA,EACA,UAAU,UAAU,KAAK,YAAY,qDAAqD;AAAA,EAC1F,UAAU,UAAU,KAAK,YAAY,8BAA8B;AAAA,EACnE,UAAU,UAAU,KAAK,YAAY,8BAA8B;AAAA,EACnE,YAAY,UAAU,KAAK,YAAY,qDAAqD;AAAA,EAC5F,WAAW,UAAU,KAAK,YAAY,oDAAoD;AAAA,EAC1F,WAAW,UAAU,KAAK,YACxB,gGACF;AAAA,EACA,eAAe,UAAU,KAAK,YAC5B,sGACF;AAAA,EACA,SAAS,UAAU,KAAK,YACtB,gHACF;AACF;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAEnB,MAAM,YAAY;AAAA,EACvB,UAAU,UAAU,KAAK,WAAW,YAAY,mBAAmB;AAAA,EACnE,OAAO,UAAU,OAAO,WAAW;AAAA,IACjC;AAAA,EACF;AAAA,EACA,SAAS,UAAU,OAAO,WAAW;AAAA,IACnC;AAAA,EACF;AAAA,EACA,gBAAgB,UAAU,OAAO,YAAY,4BAA4B;AAAA,EACzE,aAAa,UAAU,OAAO,YAAY,oCAAoC;AAAA,EAC9E,iBAAiB,UAAU,OAAO,YAAY,qDAAqD;AAAA,EACnG,mBAAmB,UAAU,OAAO;AAAA,IAClC;AAAA,EACF;AAAA,EACA,UAAU,UAAU,KAAK,YAAY,qDAAqD;AAAA,EAC1F,UAAU,UAAU,KAAK,YAAY,8BAA8B;AAAA,EACnE,UAAU,UAAU,KAAK,YAAY,8BAA8B;AAAA,EACnE,YAAY,UAAU,KAAK,YAAY,qDAAqD;AAAA,EAC5F,WAAW,UAAU,KAAK,YAAY,oDAAoD;AAAA,EAC1F,WAAW,UAAU,KAAK;AAAA,IACxB;AAAA,EACF;AAAA,EACA,eAAe,UAAU,KAAK;AAAA,IAC5B;AAAA,EACF;AAAA,EACA,SAAS,UAAU,KAAK;AAAA,IACtB;AAAA,EACF;AACF;",
6
6
  "names": []
7
7
  }
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-block-item/styles.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport type {\n DSFormLayoutBlockItemStyledContainerT,\n DSFormLayoutBlockItemStyledLabelT,\n DSFormLayoutBlockItemStyledMessageT,\n DSFormLayoutBlockItemStyledMarkT,\n} from './index.d';\n\nexport const StyledContainer = styled.div<DSFormLayoutBlockItemStyledContainerT>`\n position: relative;\n padding: 0;\n margin: 0;\n display: grid;\n ${({ fitContent }) => (fitContent ? 'width: fit-content;' : undefined)}\n ${({ isGroup }) => (isGroup ? 'border: none' : '')};\n ${({ leftLabel, hideLabel }) => (leftLabel && !hideLabel ? 'grid-template-columns: auto 1fr;' : undefined)}\n align-items: center;\n ${({ theme, withHighlight }) =>\n withHighlight\n ? `\n &::after {\n position: absolute;\n content: '';\n left: -${theme.space.xxs};\n top: -${theme.space.xxxs};\n z-index: -1;\n width: calc(100% + ${theme.space.xs});\n height: calc(100% + ${theme.space.xxs});\n background-color: #FEFBEE;\n border : 1px solid #8F6326;\n border-radius : 4px;\n box-shadow: 0 1px 3px 0 rgba(0,0,0,0.35);\n }\n &:hover, \n &:focus-within {\n &::after {\n position: absolute;\n content: '';\n left: -${theme.space.xxs};\n top: -${theme.space.xxxs};\n z-index: -1;\n width: calc(100% + ${theme.space.xs});\n height: calc(100% + ${theme.space.xxs});\n background-color: #FFF9D3;\n border : 2px solid #8F6326;\n border-radius : 4px;\n box-shadow: 0 6px 10px 0 rgba(0,0,0,0.30);\n }\n }\n `\n : undefined}\n`;\n\nexport const StyledLabel = styled.label<DSFormLayoutBlockItemStyledLabelT>`\n display: flex;\n ${({ theme, leftLabel }) => (leftLabel ? `padding-right: ${theme.space.xxxs};` : undefined)}\n ${({ hideLabel }) =>\n hideLabel\n ? `position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n `\n : undefined}\n`;\n\nexport const StyledMessage = styled.div<DSFormLayoutBlockItemStyledMessageT>`\n font-size: ${({ theme }) => theme.fontSizes.microText[200]};\n text-align: right;\n line-height: 15px;\n height: 15px;\n overflow: hidden;\n text-overflow: ellipsis;\n color: ${({ theme, hasError }) => (hasError ? theme.colors.danger[900] : theme.colors.neutral[500])};\n ${({ leftLabel, hideLabel }) => (leftLabel && !hideLabel ? 'grid-column: 1/3;' : undefined)}\n padding-right: 1px;\n margin-right: -1px;\n font-style: normal;\n`;\n\nexport const StyledMark = styled.span<DSFormLayoutBlockItemStyledMarkT>`\n width: 6px;\n height: 6px;\n border-radius: 50%;\n margin-left: ${({ theme }) => theme.space.xxxs};\n ${({ theme, required }) =>\n required\n ? `\n background-color: ${theme.colors.danger[900]};\n `\n : `\n border: 1px solid ${theme.colors.brand[600]};\n `}\n`;\n\nexport const ScreenReaderOnly = styled.div`\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n`;\n\nexport const StyledCharCount = styled.span<DSFormLayoutBlockItemStyledCharCounterT>`\njustify-self: flex-end;\nfont-size: ${({ theme }) => theme.fontSizes.microText[300]}\nmargin-left: 16px;\ncolor: ${({ theme, hasError }) => (hasError ? theme.colors.danger[900] : theme.colors.neutral[500])};\n`;\n"],
5
- "mappings": "AAAA;ACAA;AAQO,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKlC,CAAC,EAAE,iBAAkB,aAAa,wBAAwB;AAAA,IAC1D,CAAC,EAAE,cAAe,UAAU,iBAAiB;AAAA,IAC7C,CAAC,EAAE,WAAW,gBAAiB,aAAa,CAAC,YAAY,qCAAqC;AAAA;AAAA,IAE9F,CAAC,EAAE,OAAO,oBACV,gBACI;AAAA;AAAA;AAAA;AAAA,iBAIS,MAAM,MAAM;AAAA,gBACb,MAAM,MAAM;AAAA;AAAA,6BAEC,MAAM,MAAM;AAAA,+BACV,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAWtB,MAAM,MAAM;AAAA,oBACb,MAAM,MAAM;AAAA;AAAA,iCAEC,MAAM,MAAM;AAAA,mCACV,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQvC;AAAA;AAGD,MAAM,cAAc,OAAO;AAAA;AAAA,IAE9B,CAAC,EAAE,OAAO,gBAAiB,YAAY,kBAAkB,MAAM,MAAM,UAAU;AAAA,IAC/E,CAAC,EAAE,gBACH,YACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUA;AAAA;AAGD,MAAM,gBAAgB,OAAO;AAAA,eACrB,CAAC,EAAE,YAAY,MAAM,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAM7C,CAAC,EAAE,OAAO,eAAgB,WAAW,MAAM,OAAO,OAAO,OAAO,MAAM,OAAO,QAAQ;AAAA,IAC5F,CAAC,EAAE,WAAW,gBAAiB,aAAa,CAAC,YAAY,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAM5E,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA,iBAIhB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,IACxC,CAAC,EAAE,OAAO,eACV,WACI;AAAA,sBACc,MAAM,OAAO,OAAO;AAAA,MAElC;AAAA,sBACc,MAAM,OAAO,MAAM;AAAA;AAAA;AAIlC,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUhC,MAAM,kBAAkB,OAAO;AAAA;AAAA,aAEzB,CAAC,EAAE,YAAY,MAAM,UAAU,UAAU;AAAA;AAAA,SAE7C,CAAC,EAAE,OAAO,eAAgB,WAAW,MAAM,OAAO,OAAO,OAAO,MAAM,OAAO,QAAQ;AAAA;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AAQhB,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKlC,CAAC,EAAE,WAAW,MAAO,aAAa,wBAAwB;AAAA,IAC1D,CAAC,EAAE,QAAQ,MAAO,UAAU,iBAAiB;AAAA,IAC7C,CAAC,EAAE,WAAW,UAAU,MAAO,aAAa,CAAC,YAAY,qCAAqC;AAAA;AAAA,IAE9F,CAAC,EAAE,OAAO,cAAc,MACxB,gBACI;AAAA;AAAA;AAAA;AAAA,iBAIS,MAAM,MAAM;AAAA,gBACb,MAAM,MAAM;AAAA;AAAA,6BAEC,MAAM,MAAM;AAAA,+BACV,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAWtB,MAAM,MAAM;AAAA,oBACb,MAAM,MAAM;AAAA;AAAA,iCAEC,MAAM,MAAM;AAAA,mCACV,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQvC;AAAA;AAGD,MAAM,cAAc,OAAO;AAAA;AAAA,IAE9B,CAAC,EAAE,OAAO,UAAU,MAAO,YAAY,kBAAkB,MAAM,MAAM,UAAU;AAAA,IAC/E,CAAC,EAAE,UAAU,MACb,YACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUA;AAAA;AAGD,MAAM,gBAAgB,OAAO;AAAA,eACrB,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAM7C,CAAC,EAAE,OAAO,SAAS,MAAO,WAAW,MAAM,OAAO,OAAO,OAAO,MAAM,OAAO,QAAQ;AAAA,IAC5F,CAAC,EAAE,WAAW,UAAU,MAAO,aAAa,CAAC,YAAY,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAM5E,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA,iBAIhB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA,IACxC,CAAC,EAAE,OAAO,SAAS,MACnB,WACI;AAAA,sBACc,MAAM,OAAO,OAAO;AAAA,MAElC;AAAA,sBACc,MAAM,OAAO,MAAM;AAAA;AAAA;AAIlC,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUhC,MAAM,kBAAkB,OAAO;AAAA;AAAA,aAEzB,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,UAAU;AAAA;AAAA,SAE7C,CAAC,EAAE,OAAO,SAAS,MAAO,WAAW,MAAM,OAAO,OAAO,OAAO,MAAM,OAAO,QAAQ;AAAA;",
6
6
  "names": []
7
7
  }
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import React2 from "react";
2
+ import { jsx } from "react/jsx-runtime";
3
3
  import { describe, useMemoMergePropsWithDefault, useGetGlobalAttributes } from "@elliemae/ds-utilities";
4
4
  import { propTypes } from "./propTypes";
5
5
  import { StyledContainer } from "./styles";
@@ -9,11 +9,12 @@ const DSFormLayoutCheckboxGroup = (props) => {
9
9
  useValidateProps(props);
10
10
  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
11
11
  const globalAttrs = useGetGlobalAttributes(propsWithDefault);
12
- return /* @__PURE__ */ React2.createElement(StyledContainer, {
12
+ return /* @__PURE__ */ jsx(StyledContainer, {
13
13
  role: "group",
14
14
  direction: propsWithDefault.direction,
15
- ...globalAttrs
16
- }, propsWithDefault.children);
15
+ ...globalAttrs,
16
+ children: propsWithDefault.children
17
+ });
17
18
  };
18
19
  DSFormLayoutCheckboxGroup.propTypes = propTypes;
19
20
  DSFormLayoutCheckboxGroup.displayName = "DSFormLayoutCheckboxGroup";
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-checkbox-group/DSFormLayoutCheckboxGroup.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, useMemoMergePropsWithDefault, useGetGlobalAttributes } from '@elliemae/ds-utilities';\nimport { propTypes } from './propTypes';\nimport { StyledContainer } from './styles';\nimport { defaultProps } from './defaultProps';\nimport type { DSControlledCheckboxGroupT } from './index.d';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst DSFormLayoutCheckboxGroup = (props: DSControlledCheckboxGroupT): JSX.Element => {\n useValidateProps(props);\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n const globalAttrs = useGetGlobalAttributes(propsWithDefault);\n return (\n <StyledContainer role=\"group\" direction={propsWithDefault.direction} {...globalAttrs}>\n {propsWithDefault.children}\n </StyledContainer>\n );\n};\n\nDSFormLayoutCheckboxGroup.propTypes = propTypes;\nDSFormLayoutCheckboxGroup.displayName = 'DSFormLayoutCheckboxGroup';\nconst DSFormLayoutCheckboxGroupWithSchema = describe(DSFormLayoutCheckboxGroup);\nDSFormLayoutCheckboxGroupWithSchema.propTypes = propTypes;\n\nexport { DSFormLayoutCheckboxGroup, DSFormLayoutCheckboxGroupWithSchema };\n"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA;AAEA,MAAM,4BAA4B,CAAC,UAAmD;AACpF,mBAAiB,KAAK;AACtB,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,QAAM,cAAc,uBAAuB,gBAAgB;AAC3D,SACE,qCAAC;AAAA,IAAgB,MAAK;AAAA,IAAQ,WAAW,iBAAiB;AAAA,IAAY,GAAG;AAAA,KACtE,iBAAiB,QACpB;AAEJ;AAEA,0BAA0B,YAAY;AACtC,0BAA0B,cAAc;AACxC,MAAM,sCAAsC,SAAS,yBAAyB;AAC9E,oCAAoC,YAAY;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,UAAU,8BAA8B,8BAA8B;AAC/E,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAE7B,SAAS,wBAAwB;AAEjC,MAAM,4BAA4B,CAAC,UAAmD;AACpF,mBAAiB,KAAK;AACtB,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,QAAM,cAAc,uBAAuB,gBAAgB;AAC3D,SACE,oBAAC;AAAA,IAAgB,MAAK;AAAA,IAAQ,WAAW,iBAAiB;AAAA,IAAY,GAAG;AAAA,IACtE,2BAAiB;AAAA,GACpB;AAEJ;AAEA,0BAA0B,YAAY;AACtC,0BAA0B,cAAc;AACxC,MAAM,sCAAsC,SAAS,yBAAyB;AAC9E,oCAAoC,YAAY;",
6
6
  "names": []
7
7
  }
@@ -10,18 +10,22 @@ const getVariableType = (arg) => {
10
10
  return typeof arg;
11
11
  };
12
12
  const throwCheckboxGroupDirectionError = (invalidProp) => {
13
- throw new Error(`You are trying to pass a not valid "direction" property value for a checkbox group, please provide a valid type.
13
+ throw new Error(
14
+ `You are trying to pass a not valid "direction" property value for a checkbox group, please provide a valid type.
14
15
 
15
16
  Received: ${invalidProp} (${getVariableType(invalidProp)})
16
17
  Expected: "horizontal" or "vertical" (string)
17
- `);
18
+ `
19
+ );
18
20
  };
19
21
  const throwCheckboxGroupChildrenError = () => {
20
- throw new Error(`You are trying to use a checkbox group without any React children, please provide at least one children to use.
22
+ throw new Error(
23
+ `You are trying to use a checkbox group without any React children, please provide at least one children to use.
21
24
 
22
25
  Received: (null)
23
26
  Expected: React children
24
- `);
27
+ `
28
+ );
25
29
  };
26
30
  const useValidateProps = (props) => {
27
31
  if (props.direction !== void 0 && props.direction !== "vertical" && props.direction !== "horizontal") {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/form-layout-checkbox-group/config/useValidateProps.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { DSControlledCheckboxGroupT } from '../index.d';\n\nconst getVariableType = (arg: unknown): string => {\n if (Array.isArray(arg)) return 'array';\n if (arg === null) return 'null';\n if (arg === undefined) return 'undefined';\n return typeof arg;\n};\n\nconst throwCheckboxGroupDirectionError = (invalidProp: unknown): void => {\n throw new Error(\n `You are trying to pass a not valid \"direction\" property value for a checkbox group, please provide a valid type.\n\n Received: ${invalidProp} (${getVariableType(invalidProp)})\n Expected: \"horizontal\" or \"vertical\" (string)\n `,\n );\n};\n\nconst throwCheckboxGroupChildrenError = (): void => {\n throw new Error(\n `You are trying to use a checkbox group without any React children, please provide at least one children to use.\n \n Received: (null)\n Expected: React children\n `,\n );\n};\n\nexport const useValidateProps = (props: DSControlledCheckboxGroupT): void => {\n if (props.direction !== undefined && props.direction !== 'vertical' && props.direction !== 'horizontal') {\n throwCheckboxGroupDirectionError(props.direction);\n }\n if (!React.Children.count(props.children)) {\n throwCheckboxGroupChildrenError();\n }\n};\n"],
5
- "mappings": "AAAA;ACAA;AAGA,MAAM,kBAAkB,CAAC,QAAyB;AAChD,MAAI,MAAM,QAAQ,GAAG;AAAG,WAAO;AAC/B,MAAI,QAAQ;AAAM,WAAO;AACzB,MAAI,QAAQ;AAAW,WAAO;AAC9B,SAAO,OAAO;AAChB;AAEA,MAAM,mCAAmC,CAAC,gBAA+B;AACvE,QAAM,IAAI,MACR;AAAA;AAAA,cAEU,gBAAgB,gBAAgB,WAAW;AAAA;AAAA,GAGvD;AACF;AAEA,MAAM,kCAAkC,MAAY;AAClD,QAAM,IAAI,MACR;AAAA;AAAA;AAAA;AAAA,GAKF;AACF;AAEO,MAAM,mBAAmB,CAAC,UAA4C;AAC3E,MAAI,MAAM,cAAc,UAAa,MAAM,cAAc,cAAc,MAAM,cAAc,cAAc;AACvG,qCAAiC,MAAM,SAAS;AAAA,EAClD;AACA,MAAI,CAAC,OAAM,SAAS,MAAM,MAAM,QAAQ,GAAG;AACzC,oCAAgC;AAAA,EAClC;AACF;",
6
- "names": []
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAGlB,MAAM,kBAAkB,CAAC,QAAyB;AAChD,MAAI,MAAM,QAAQ,GAAG;AAAG,WAAO;AAC/B,MAAI,QAAQ;AAAM,WAAO;AACzB,MAAI,QAAQ;AAAW,WAAO;AAC9B,SAAO,OAAO;AAChB;AAEA,MAAM,mCAAmC,CAAC,gBAA+B;AACvE,QAAM,IAAI;AAAA,IACR;AAAA;AAAA,cAEU,gBAAgB,gBAAgB,WAAW;AAAA;AAAA;AAAA,EAGvD;AACF;AAEA,MAAM,kCAAkC,MAAY;AAClD,QAAM,IAAI;AAAA,IACR;AAAA;AAAA;AAAA;AAAA;AAAA,EAKF;AACF;AAEO,MAAM,mBAAmB,CAAC,UAA4C;AAC3E,MAAI,MAAM,cAAc,UAAa,MAAM,cAAc,cAAc,MAAM,cAAc,cAAc;AACvG,qCAAiC,MAAM,SAAS;AAAA,EAClD;AACA,MAAI,CAACA,OAAM,SAAS,MAAM,MAAM,QAAQ,GAAG;AACzC,oCAAgC;AAAA,EAClC;AACF;",
6
+ "names": ["React"]
7
7
  }
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-checkbox-group/defaultProps.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const defaultProps = {\n direction: 'horizontal',\n};\n"],
5
- "mappings": "AAAA;ACAO,MAAM,eAAe;AAAA,EAC1B,WAAW;AACb;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,eAAe;AAAA,EAC1B,WAAW;AACb;",
6
6
  "names": []
7
7
  }
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
5
- "mappings": "AAAA;",
5
+ "mappings": "AAAA,YAAY,WAAW;",
6
6
  "names": []
7
7
  }
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-checkbox-group/index.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSFormLayoutCheckboxGroup';\n"],
5
- "mappings": "AAAA;ACAA;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
6
6
  "names": []
7
7
  }
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-checkbox-group/propTypes.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, globalAttributesPropTypes } from '@elliemae/ds-utilities';\n\nexport const propTypes = {\n ...globalAttributesPropTypes,\n direction: PropTypes.oneOf(['horizontal', 'vertical']).description('Set direction for the checkbox group.'),\n};\n"],
5
- "mappings": "AAAA;ACAA;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,WAAW,UAAU,MAAM,CAAC,cAAc,UAAU,CAAC,EAAE,YAAY,uCAAuC;AAC5G;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,iCAAiC;AAE9C,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,WAAW,UAAU,MAAM,CAAC,cAAc,UAAU,CAAC,EAAE,YAAY,uCAAuC;AAC5G;",
6
6
  "names": []
7
7
  }
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-checkbox-group/styles.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport type { DSControlledCheckboxGroupStyledContainerT } from './index.d';\n\nexport const StyledContainer = styled.div<DSControlledCheckboxGroupStyledContainerT>`\n display: inline-flex;\n flex-wrap: wrap;\n flex-direction: ${({ direction }) => (direction === 'horizontal' ? 'row' : 'column')};\n margin-left: ${({ theme }) => theme.space.xs};\n margin-right: ${({ theme }) => theme.space.xs};\n margin-top: ${({ theme }) => theme.space.xxs};\n & div:not([role='checkbox']) {\n padding: 0;\n margin-bottom: ${({ theme }) => theme.space.xxs};\n }\n & div:not(:last-child) {\n margin-right: ${({ theme, direction }) => (direction === 'horizontal' ? theme.space.s : '0')};\n }\n`;\n"],
5
- "mappings": "AAAA;ACAA;AAGO,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA,oBAGlB,CAAC,EAAE,gBAAiB,cAAc,eAAe,QAAQ;AAAA,iBAC5D,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,kBAC1B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,gBAC7B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA,qBAGtB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA,oBAG5B,CAAC,EAAE,OAAO,gBAAiB,cAAc,eAAe,MAAM,MAAM,IAAI;AAAA;AAAA;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AAGhB,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA,oBAGlB,CAAC,EAAE,UAAU,MAAO,cAAc,eAAe,QAAQ;AAAA,iBAC5D,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA,kBAC1B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA,gBAC7B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,qBAGtB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,oBAG5B,CAAC,EAAE,OAAO,UAAU,MAAO,cAAc,eAAe,MAAM,MAAM,IAAI;AAAA;AAAA;",
6
6
  "names": []
7
7
  }
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.d.ts"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './form-layout-block-item/index.d'\nexport * from './form-layout-checkbox-group/index.d'"],
5
- "mappings": "AAAA;ACAA;AACA;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;",
6
6
  "names": []
7
7
  }
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './form-layout-block-item';\nexport {\n DSFormLayoutCheckboxGroup,\n DSFormLayoutCheckboxGroupWithSchema,\n DSFormLayoutCheckboxGroup as DSFormLayoutRadioGroup,\n DSFormLayoutCheckboxGroupWithSchema as DSFormLayoutRadioGroupWithSchema,\n} from './form-layout-checkbox-group';\n"],
5
- "mappings": "AAAA;ACAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;",
6
- "names": []
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd;AAAA,EACE;AAAA,EACA;AAAA,EAC6B,6BAA7BA;AAAA,EACuC,uCAAvCC;AAAA,OACK;",
6
+ "names": ["DSFormLayoutCheckboxGroup", "DSFormLayoutCheckboxGroupWithSchema"]
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-form-layout-blocks",
3
- "version": "3.4.3-rc.0",
3
+ "version": "3.4.4-next.0",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Form Layout",
6
6
  "files": [
@@ -75,8 +75,8 @@
75
75
  "indent": 4
76
76
  },
77
77
  "dependencies": {
78
- "@elliemae/ds-system": "3.4.3-rc.0",
79
- "@elliemae/ds-utilities": "3.4.3-rc.0",
78
+ "@elliemae/ds-system": "3.4.4-next.0",
79
+ "@elliemae/ds-utilities": "3.4.4-next.0",
80
80
  "uid": "~2.0.0"
81
81
  },
82
82
  "devDependencies": {