@elliemae/ds-form-layout-input-group 3.5.0-rc.9 → 3.6.0-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 (5) hide show
  1. package/dist/cjs/InputGroup.js +19 -10
  2. package/dist/cjs/InputGroup.js.map +2 -2
  3. package/dist/esm/InputGroup.js +19 -10
  4. package/dist/esm/InputGroup.js.map +2 -2
  5. package/package.json +7 -7
package/dist/cjs/InputGroup.js CHANGED
@@ -29,7 +29,8 @@ __export(InputGroup_exports, {
29
29
  });
30
30
  module.exports = __toCommonJS(InputGroup_exports);
31
31
  var React = __toESM(require("react"));
32
- var import_react = __toESM(require("react"));
32
+ var import_jsx_runtime = require("react/jsx-runtime");
33
+ var import_react = require("react");
33
34
  var import_ds_utilities = require("@elliemae/ds-utilities");
34
35
  var import_styled = require("./styled");
35
36
  var import_react_desc_prop_types = require("./react-desc-prop-types");
@@ -51,18 +52,26 @@ const DSInputGroup = (props) => {
51
52
  }
52
53
  return ["auto"];
53
54
  }, [leftAddon, rightAddon]);
54
- return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledContainer, {
55
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledContainer, {
55
56
  cols,
56
57
  "data-testid": import_exported_related.InputGroupDataTestIds.CONTAINER,
57
58
  ...globals,
58
- ...xstyledProps
59
- }, leftAddon && /* @__PURE__ */ import_react.default.createElement(import_styled.StyledLeftAddon, {
60
- "data-testid": import_exported_related.InputGroupDataTestIds.LEFTADDON
61
- }, leftAddon), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledInput, {
62
- "data-testid": import_exported_related.InputGroupDataTestIds.INPUTCONTAINER
63
- }, children), rightAddon && /* @__PURE__ */ import_react.default.createElement(import_styled.StyledRightAddon, {
64
- "data-testid": import_exported_related.InputGroupDataTestIds.RIGHTADDON
65
- }, rightAddon));
59
+ ...xstyledProps,
60
+ children: [
61
+ leftAddon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledLeftAddon, {
62
+ "data-testid": import_exported_related.InputGroupDataTestIds.LEFTADDON,
63
+ children: leftAddon
64
+ }),
65
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledInput, {
66
+ "data-testid": import_exported_related.InputGroupDataTestIds.INPUTCONTAINER,
67
+ children
68
+ }),
69
+ rightAddon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledRightAddon, {
70
+ "data-testid": import_exported_related.InputGroupDataTestIds.RIGHTADDON,
71
+ children: rightAddon
72
+ })
73
+ ]
74
+ });
66
75
  };
67
76
  DSInputGroup.propTypes = import_react_desc_prop_types.propTypes;
68
77
  DSInputGroup.displayName = "DSInputGroup";
package/dist/cjs/InputGroup.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/InputGroup.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React, { WeakValidationMap, useMemo } from 'react';\nimport {\n describe,\n useValidateTypescriptPropTypes,\n useGetGlobalAttributes,\n useGetXstyledProps,\n} from '@elliemae/ds-utilities';\nimport { StyledContainer, StyledLeftAddon, StyledRightAddon, StyledInput } from './styled';\nimport { DSInputGroupT, propTypes } from './react-desc-prop-types';\nimport { InputGroupDataTestIds } from './exported-related';\nconst DSInputGroup: React.ComponentType<DSInputGroupT.Props> = (props) => {\n useValidateTypescriptPropTypes(props, propTypes);\n const { children, leftAddon, rightAddon } = props;\n const globals = useGetGlobalAttributes(props);\n const xstyledProps = useGetXstyledProps(props);\n const cols = useMemo(() => {\n if (leftAddon && rightAddon) {\n return ['max-content', 'auto', 'max-content'];\n }\n if (leftAddon && !rightAddon) {\n return ['max-content', 'auto'];\n }\n if (!leftAddon && rightAddon) {\n return ['auto', 'max-content'];\n }\n return ['auto'];\n }, [leftAddon, rightAddon]);\n return (\n <StyledContainer cols={cols} data-testid={InputGroupDataTestIds.CONTAINER} {...globals} {...xstyledProps}>\n {leftAddon && <StyledLeftAddon data-testid={InputGroupDataTestIds.LEFTADDON}>{leftAddon}</StyledLeftAddon>}\n <StyledInput data-testid={InputGroupDataTestIds.INPUTCONTAINER}>{children}</StyledInput>\n {rightAddon && <StyledRightAddon data-testid={InputGroupDataTestIds.RIGHTADDON}>{rightAddon}</StyledRightAddon>}\n </StyledContainer>\n );\n};\nDSInputGroup.propTypes = propTypes as WeakValidationMap<unknown>;\nDSInputGroup.displayName = 'DSInputGroup';\nconst DSInputGroupWithSchema = describe(DSInputGroup);\nDSInputGroupWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSInputGroup, DSInputGroupWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkD;AAClD,0BAKO;AACP,oBAAgF;AAChF,mCAAyC;AACzC,8BAAsC;AACtC,MAAM,eAAyD,CAAC,UAAU;AACxE,0DAA+B,OAAO,sCAAS;AAC/C,QAAM,EAAE,UAAU,WAAW,WAAW,IAAI;AAC5C,QAAM,cAAU,4CAAuB,KAAK;AAC5C,QAAM,mBAAe,wCAAmB,KAAK;AAC7C,QAAM,WAAO,sBAAQ,MAAM;AACzB,QAAI,aAAa,YAAY;AAC3B,aAAO,CAAC,eAAe,QAAQ,aAAa;AAAA,IAC9C;AACA,QAAI,aAAa,CAAC,YAAY;AAC5B,aAAO,CAAC,eAAe,MAAM;AAAA,IAC/B;AACA,QAAI,CAAC,aAAa,YAAY;AAC5B,aAAO,CAAC,QAAQ,aAAa;AAAA,IAC/B;AACA,WAAO,CAAC,MAAM;AAAA,EAChB,GAAG,CAAC,WAAW,UAAU,CAAC;AAC1B,SACE,6BAAAA,QAAA,cAAC;AAAA,IAAgB;AAAA,IAAY,eAAa,8CAAsB;AAAA,IAAY,GAAG;AAAA,IAAU,GAAG;AAAA,KACzF,aAAa,6BAAAA,QAAA,cAAC;AAAA,IAAgB,eAAa,8CAAsB;AAAA,KAAY,SAAU,GACxF,6BAAAA,QAAA,cAAC;AAAA,IAAY,eAAa,8CAAsB;AAAA,KAAiB,QAAS,GACzE,cAAc,6BAAAA,QAAA,cAAC;AAAA,IAAiB,eAAa,8CAAsB;AAAA,KAAa,UAAW,CAC9F;AAEJ;AACA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,6BAAyB,8BAAS,YAAY;AACpD,uBAAuB,YAAY;",
6
- "names": ["React"]
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkD;AAClD,0BAKO;AACP,oBAAgF;AAChF,mCAAyC;AACzC,8BAAsC;AACtC,MAAM,eAAyD,CAAC,UAAU;AACxE,0DAA+B,OAAO,sCAAS;AAC/C,QAAM,EAAE,UAAU,WAAW,WAAW,IAAI;AAC5C,QAAM,cAAU,4CAAuB,KAAK;AAC5C,QAAM,mBAAe,wCAAmB,KAAK;AAC7C,QAAM,WAAO,sBAAQ,MAAM;AACzB,QAAI,aAAa,YAAY;AAC3B,aAAO,CAAC,eAAe,QAAQ,aAAa;AAAA,IAC9C;AACA,QAAI,aAAa,CAAC,YAAY;AAC5B,aAAO,CAAC,eAAe,MAAM;AAAA,IAC/B;AACA,QAAI,CAAC,aAAa,YAAY;AAC5B,aAAO,CAAC,QAAQ,aAAa;AAAA,IAC/B;AACA,WAAO,CAAC,MAAM;AAAA,EAChB,GAAG,CAAC,WAAW,UAAU,CAAC;AAC1B,SACE,6CAAC;AAAA,IAAgB;AAAA,IAAY,eAAa,8CAAsB;AAAA,IAAY,GAAG;AAAA,IAAU,GAAG;AAAA,IACzF;AAAA,mBAAa,4CAAC;AAAA,QAAgB,eAAa,8CAAsB;AAAA,QAAY;AAAA,OAAU;AAAA,MACxF,4CAAC;AAAA,QAAY,eAAa,8CAAsB;AAAA,QAAiB;AAAA,OAAS;AAAA,MACzE,cAAc,4CAAC;AAAA,QAAiB,eAAa,8CAAsB;AAAA,QAAa;AAAA,OAAW;AAAA;AAAA,GAC9F;AAEJ;AACA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,6BAAyB,8BAAS,YAAY;AACpD,uBAAuB,YAAY;",
6
+ "names": []
7
7
  }
package/dist/esm/InputGroup.js CHANGED
@@ -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 {
4
5
  describe,
5
6
  useValidateTypescriptPropTypes,
@@ -26,18 +27,26 @@ const DSInputGroup = (props) => {
26
27
  }
27
28
  return ["auto"];
28
29
  }, [leftAddon, rightAddon]);
29
- return /* @__PURE__ */ React2.createElement(StyledContainer, {
30
+ return /* @__PURE__ */ jsxs(StyledContainer, {
30
31
  cols,
31
32
  "data-testid": InputGroupDataTestIds.CONTAINER,
32
33
  ...globals,
33
- ...xstyledProps
34
- }, leftAddon && /* @__PURE__ */ React2.createElement(StyledLeftAddon, {
35
- "data-testid": InputGroupDataTestIds.LEFTADDON
36
- }, leftAddon), /* @__PURE__ */ React2.createElement(StyledInput, {
37
- "data-testid": InputGroupDataTestIds.INPUTCONTAINER
38
- }, children), rightAddon && /* @__PURE__ */ React2.createElement(StyledRightAddon, {
39
- "data-testid": InputGroupDataTestIds.RIGHTADDON
40
- }, rightAddon));
34
+ ...xstyledProps,
35
+ children: [
36
+ leftAddon && /* @__PURE__ */ jsx(StyledLeftAddon, {
37
+ "data-testid": InputGroupDataTestIds.LEFTADDON,
38
+ children: leftAddon
39
+ }),
40
+ /* @__PURE__ */ jsx(StyledInput, {
41
+ "data-testid": InputGroupDataTestIds.INPUTCONTAINER,
42
+ children
43
+ }),
44
+ rightAddon && /* @__PURE__ */ jsx(StyledRightAddon, {
45
+ "data-testid": InputGroupDataTestIds.RIGHTADDON,
46
+ children: rightAddon
47
+ })
48
+ ]
49
+ });
41
50
  };
42
51
  DSInputGroup.propTypes = propTypes;
43
52
  DSInputGroup.displayName = "DSInputGroup";
package/dist/esm/InputGroup.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/InputGroup.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap, useMemo } from 'react';\nimport {\n describe,\n useValidateTypescriptPropTypes,\n useGetGlobalAttributes,\n useGetXstyledProps,\n} from '@elliemae/ds-utilities';\nimport { StyledContainer, StyledLeftAddon, StyledRightAddon, StyledInput } from './styled';\nimport { DSInputGroupT, propTypes } from './react-desc-prop-types';\nimport { InputGroupDataTestIds } from './exported-related';\nconst DSInputGroup: React.ComponentType<DSInputGroupT.Props> = (props) => {\n useValidateTypescriptPropTypes(props, propTypes);\n const { children, leftAddon, rightAddon } = props;\n const globals = useGetGlobalAttributes(props);\n const xstyledProps = useGetXstyledProps(props);\n const cols = useMemo(() => {\n if (leftAddon && rightAddon) {\n return ['max-content', 'auto', 'max-content'];\n }\n if (leftAddon && !rightAddon) {\n return ['max-content', 'auto'];\n }\n if (!leftAddon && rightAddon) {\n return ['auto', 'max-content'];\n }\n return ['auto'];\n }, [leftAddon, rightAddon]);\n return (\n <StyledContainer cols={cols} data-testid={InputGroupDataTestIds.CONTAINER} {...globals} {...xstyledProps}>\n {leftAddon && <StyledLeftAddon data-testid={InputGroupDataTestIds.LEFTADDON}>{leftAddon}</StyledLeftAddon>}\n <StyledInput data-testid={InputGroupDataTestIds.INPUTCONTAINER}>{children}</StyledInput>\n {rightAddon && <StyledRightAddon data-testid={InputGroupDataTestIds.RIGHTADDON}>{rightAddon}</StyledRightAddon>}\n </StyledContainer>\n );\n};\nDSInputGroup.propTypes = propTypes as WeakValidationMap<unknown>;\nDSInputGroup.displayName = 'DSInputGroup';\nconst DSInputGroupWithSchema = describe(DSInputGroup);\nDSInputGroupWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSInputGroup, DSInputGroupWithSchema };\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAA4B,eAAe;AAClD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB,iBAAiB,kBAAkB,mBAAmB;AAChF,SAAwB,iBAAiB;AACzC,SAAS,6BAA6B;AACtC,MAAM,eAAyD,CAAC,UAAU;AACxE,iCAA+B,OAAO,SAAS;AAC/C,QAAM,EAAE,UAAU,WAAW,WAAW,IAAI;AAC5C,QAAM,UAAU,uBAAuB,KAAK;AAC5C,QAAM,eAAe,mBAAmB,KAAK;AAC7C,QAAM,OAAO,QAAQ,MAAM;AACzB,QAAI,aAAa,YAAY;AAC3B,aAAO,CAAC,eAAe,QAAQ,aAAa;AAAA,IAC9C;AACA,QAAI,aAAa,CAAC,YAAY;AAC5B,aAAO,CAAC,eAAe,MAAM;AAAA,IAC/B;AACA,QAAI,CAAC,aAAa,YAAY;AAC5B,aAAO,CAAC,QAAQ,aAAa;AAAA,IAC/B;AACA,WAAO,CAAC,MAAM;AAAA,EAChB,GAAG,CAAC,WAAW,UAAU,CAAC;AAC1B,SACE,gBAAAA,OAAA,cAAC;AAAA,IAAgB;AAAA,IAAY,eAAa,sBAAsB;AAAA,IAAY,GAAG;AAAA,IAAU,GAAG;AAAA,KACzF,aAAa,gBAAAA,OAAA,cAAC;AAAA,IAAgB,eAAa,sBAAsB;AAAA,KAAY,SAAU,GACxF,gBAAAA,OAAA,cAAC;AAAA,IAAY,eAAa,sBAAsB;AAAA,KAAiB,QAAS,GACzE,cAAc,gBAAAA,OAAA,cAAC;AAAA,IAAiB,eAAa,sBAAsB;AAAA,KAAa,UAAW,CAC9F;AAEJ;AACA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;",
6
- "names": ["React"]
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAmC,eAAe;AAClD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB,iBAAiB,kBAAkB,mBAAmB;AAChF,SAAwB,iBAAiB;AACzC,SAAS,6BAA6B;AACtC,MAAM,eAAyD,CAAC,UAAU;AACxE,iCAA+B,OAAO,SAAS;AAC/C,QAAM,EAAE,UAAU,WAAW,WAAW,IAAI;AAC5C,QAAM,UAAU,uBAAuB,KAAK;AAC5C,QAAM,eAAe,mBAAmB,KAAK;AAC7C,QAAM,OAAO,QAAQ,MAAM;AACzB,QAAI,aAAa,YAAY;AAC3B,aAAO,CAAC,eAAe,QAAQ,aAAa;AAAA,IAC9C;AACA,QAAI,aAAa,CAAC,YAAY;AAC5B,aAAO,CAAC,eAAe,MAAM;AAAA,IAC/B;AACA,QAAI,CAAC,aAAa,YAAY;AAC5B,aAAO,CAAC,QAAQ,aAAa;AAAA,IAC/B;AACA,WAAO,CAAC,MAAM;AAAA,EAChB,GAAG,CAAC,WAAW,UAAU,CAAC;AAC1B,SACE,qBAAC;AAAA,IAAgB;AAAA,IAAY,eAAa,sBAAsB;AAAA,IAAY,GAAG;AAAA,IAAU,GAAG;AAAA,IACzF;AAAA,mBAAa,oBAAC;AAAA,QAAgB,eAAa,sBAAsB;AAAA,QAAY;AAAA,OAAU;AAAA,MACxF,oBAAC;AAAA,QAAY,eAAa,sBAAsB;AAAA,QAAiB;AAAA,OAAS;AAAA,MACzE,cAAc,oBAAC;AAAA,QAAiB,eAAa,sBAAsB;AAAA,QAAa;AAAA,OAAW;AAAA;AAAA,GAC9F;AAEJ;AACA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;",
6
+ "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-form-layout-input-group",
3
- "version": "3.5.0-rc.9",
3
+ "version": "3.6.0-next.0",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Form Layout - Input Group",
6
6
  "files": [
@@ -35,15 +35,15 @@
35
35
  "indent": 4
36
36
  },
37
37
  "dependencies": {
38
- "@elliemae/ds-form-combobox": "3.5.0-rc.9",
39
- "@elliemae/ds-form-input-text": "3.5.0-rc.9",
40
- "@elliemae/ds-grid": "3.5.0-rc.9",
41
- "@elliemae/ds-system": "3.5.0-rc.9",
42
- "@elliemae/ds-utilities": "3.5.0-rc.9",
38
+ "@elliemae/ds-form-combobox": "3.6.0-next.0",
39
+ "@elliemae/ds-form-input-text": "3.6.0-next.0",
40
+ "@elliemae/ds-grid": "3.6.0-next.0",
41
+ "@elliemae/ds-system": "3.6.0-next.0",
42
+ "@elliemae/ds-utilities": "3.6.0-next.0",
43
43
  "styled-components": "~5.3.5"
44
44
  },
45
45
  "devDependencies": {
46
- "@elliemae/ds-button": "3.5.0-rc.9",
46
+ "@elliemae/ds-button": "3.6.0-next.0",
47
47
  "@elliemae/pui-theme": "~2.6.0",
48
48
  "@testing-library/dom": "~8.13.0",
49
49
  "@testing-library/jest-dom": "~5.16.4",