@elliemae/ds-form-layout-input-group 3.35.0 → 3.36.0-next.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/cjs/InputGroup.js +0 -1
  2. package/dist/cjs/InputGroup.js.map +2 -2
  3. package/dist/cjs/styled.js.map +1 -1
  4. package/dist/esm/InputGroup.js +0 -1
  5. package/dist/esm/InputGroup.js.map +2 -2
  6. package/dist/esm/styled.js.map +1 -1
  7. package/package.json +8 -8
package/dist/cjs/InputGroup.js CHANGED
@@ -62,7 +62,6 @@ const DSInputGroup = (props) => {
62
62
  rightAddon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledRightAddon, { "data-testid": import_exported_related.InputGroupDataTestIds.RIGHTADDON, children: rightAddon })
63
63
  ] });
64
64
  };
65
- DSInputGroup.propTypes = import_react_desc_prop_types.propTypes;
66
65
  DSInputGroup.displayName = import_exported_related.DSInputGroupName;
67
66
  const DSInputGroupWithSchema = (0, import_ds_props_helpers.describe)(DSInputGroup);
68
67
  DSInputGroupWithSchema.propTypes = import_react_desc_prop_types.propTypes;
package/dist/cjs/InputGroup.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/InputGroup.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React, { useMemo } from 'react';\nimport {\n describe,\n useValidateTypescriptPropTypes,\n useGetGlobalAttributes,\n useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { StyledContainer, StyledLeftAddon, StyledRightAddon, StyledInput } from './styled.js';\nimport type { DSInputGroupT } from './react-desc-prop-types.js';\nimport { propTypes } from './react-desc-prop-types.js';\nimport { DSInputGroupName, InputGroupDataTestIds } from './exported-related/index.js';\n\nconst DSInputGroup: React.ComponentType<DSInputGroupT.Props> = (props) => {\n useValidateTypescriptPropTypes(props, propTypes, DSInputGroupName);\n const { children, leftAddon, rightAddon } = props;\n // eslint-disable-next-line no-unused-vars\n const { rows, wrap, width, height, ...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 data-testid={InputGroupDataTestIds.CONTAINER} {...globals} {...xstyledProps} cols={cols}>\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};\n\nDSInputGroup.propTypes = propTypes as WeakValidationMap<unknown>;\nDSInputGroup.displayName = DSInputGroupName;\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;ADgCnB;AA/BJ,mBAA+B;AAC/B,8BAKO;AACP,oBAAgF;AAEhF,mCAA0B;AAC1B,8BAAwD;AAExD,MAAM,eAAyD,CAAC,UAAU;AACxE,8DAA+B,OAAO,wCAAW,wCAAgB;AACjE,QAAM,EAAE,UAAU,WAAW,WAAW,IAAI;AAE5C,QAAM,EAAE,MAAM,MAAM,OAAO,QAAQ,GAAG,QAAQ,QAAI,gDAAuB,KAAK;AAC9E,QAAM,mBAAe,4CAAmB,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,iCAAgB,eAAa,8CAAsB,WAAY,GAAG,SAAU,GAAG,cAAc,MAC3F;AAAA,iBAAa,4CAAC,iCAAgB,eAAa,8CAAsB,WAAY,qBAAU;AAAA,IACxF,4CAAC,6BAAY,eAAa,8CAAsB,gBAAiB,UAAS;AAAA,IACzE,cAAc,4CAAC,kCAAiB,eAAa,8CAAsB,YAAa,sBAAW;AAAA,KAC9F;AAEJ;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,6BAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;",
4
+ "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React, { useMemo } from 'react';\nimport {\n describe,\n useValidateTypescriptPropTypes,\n useGetGlobalAttributes,\n useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { StyledContainer, StyledLeftAddon, StyledRightAddon, StyledInput } from './styled.js';\nimport type { DSInputGroupT } from './react-desc-prop-types.js';\nimport { propTypes } from './react-desc-prop-types.js';\nimport { DSInputGroupName, InputGroupDataTestIds } from './exported-related/index.js';\n\nconst DSInputGroup: React.ComponentType<DSInputGroupT.Props> = (props) => {\n useValidateTypescriptPropTypes(props, propTypes, DSInputGroupName);\n const { children, leftAddon, rightAddon } = props;\n // eslint-disable-next-line no-unused-vars\n const { rows, wrap, width, height, ...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 data-testid={InputGroupDataTestIds.CONTAINER} {...globals} {...xstyledProps} cols={cols}>\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};\n\nDSInputGroup.displayName = DSInputGroupName;\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;ADgCnB;AA/BJ,mBAA+B;AAC/B,8BAKO;AACP,oBAAgF;AAEhF,mCAA0B;AAC1B,8BAAwD;AAExD,MAAM,eAAyD,CAAC,UAAU;AACxE,8DAA+B,OAAO,wCAAW,wCAAgB;AACjE,QAAM,EAAE,UAAU,WAAW,WAAW,IAAI;AAE5C,QAAM,EAAE,MAAM,MAAM,OAAO,QAAQ,GAAG,QAAQ,QAAI,gDAAuB,KAAK;AAC9E,QAAM,mBAAe,4CAAmB,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,iCAAgB,eAAa,8CAAsB,WAAY,GAAG,SAAU,GAAG,cAAc,MAC3F;AAAA,iBAAa,4CAAC,iCAAgB,eAAa,8CAAsB,WAAY,qBAAU;AAAA,IACxF,4CAAC,6BAAY,eAAa,8CAAsB,gBAAiB,UAAS;AAAA,IACzE,cAAc,4CAAC,kCAAiB,eAAa,8CAAsB,YAAa,sBAAW;AAAA,KAC9F;AAEJ;AAEA,aAAa,cAAc;AAC3B,MAAM,6BAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;",
6
6
  "names": []
7
7
  }
package/dist/cjs/styled.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSInputTextName, DSInputTextSlots } from '@elliemae/ds-form-input-text';\nimport { DSComboBoxName, DSComboboxSlots } from '@elliemae/ds-form-combobox';\nimport { DSInputGroupName, DSInputGroupSlots } from './exported-related/index.js';\n\nexport const StyledContainer = styled(Grid, {\n name: DSInputGroupName,\n slot: DSInputGroupSlots.CONTAINER,\n})`\n width: 100%;\n height: 28px;\n\n // input in left position with right addon\n & > div:nth-child(1) {\n .${DSInputTextName}-${DSInputTextSlots.INPUT_WRAPPER},\n .${DSInputTextName}-${DSInputTextSlots.INPUT},\n .${DSComboBoxName}-${DSComboboxSlots.INPUT_WRAPPER} {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n // input in center position with left and right addon\n & > div:nth-child(2):nth-last-child(2) {\n .${DSInputTextName}-${DSInputTextSlots.INPUT_WRAPPER},\n .${DSInputTextName}-${DSInputTextSlots.INPUT},\n .${DSComboBoxName}-${DSComboboxSlots.INPUT_WRAPPER} {\n border-radius: 0;\n }\n }\n\n // input in right position with left addon\n & > div:nth-child(2):nth-last-child(1) {\n .${DSInputTextName}-${DSInputTextSlots.INPUT_WRAPPER},\n .${DSInputTextName}-${DSInputTextSlots.INPUT},\n .${DSComboBoxName}-${DSComboboxSlots.INPUT_WRAPPER} {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n }\n`;\n\nconst StyledAddon = styled.div`\n outline: 1px solid ${({ theme }) => theme.colors.neutral['400']};\n outline-offset: -1px;\n height: inherit;\n display: flex;\n button {\n border-width: 1px;\n }\n &:hover {\n z-index: 2;\n button:not(:disabled) {\n border: 1px solid ${({ theme }) => theme.colors.brand['700']};\n }\n }\n &:focus-within {\n z-index: 2;\n }\n`;\nexport const StyledLeftAddon = styled(StyledAddon, {\n name: DSInputGroupName,\n slot: DSInputGroupSlots.LEFT_ADDON,\n})`\n border-top-left-radius: 2px;\n border-bottom-left-radius: 2px;\n margin-right: -1px;\n &:hover {\n button:not(:disabled) {\n border-top-right-radius: 0px;\n border-bottom-right-radius: 0px;\n }\n }\n`;\n\nexport const StyledRightAddon = styled(StyledAddon, {\n name: DSInputGroupName,\n slot: DSInputGroupSlots.RIGHT_ADDON,\n})`\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n margin-left: -1px;\n &:hover {\n button:not(:disabled) {\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n }\n }\n`;\n\nexport const StyledInput = styled.div`\n z-index: 1;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,uBAAuB;AACvB,qBAAqB;AACrB,gCAAkD;AAClD,8BAAgD;AAChD,8BAAoD;AAE7C,MAAM,sBAAkB,yBAAO,qBAAM;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAMM,6CAAmB,2CAAiB;AAAA,SAClC,6CAAmB,2CAAiB;AAAA,SACpC,0CAAkB,wCAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAQpC,6CAAmB,2CAAiB;AAAA,SAClC,6CAAmB,2CAAiB;AAAA,SACpC,0CAAkB,wCAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAOpC,6CAAmB,2CAAiB;AAAA,SAClC,6CAAmB,2CAAiB;AAAA,SACpC,0CAAkB,wCAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3C,MAAM,cAAc,wBAAO;AAAA,uBACJ,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAUtC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAO1D,MAAM,sBAAkB,yBAAO,aAAa;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYM,MAAM,uBAAmB,yBAAO,aAAa;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYM,MAAM,cAAc,wBAAO;AAAA;AAAA;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,uBAAuB;AACvB,qBAAqB;AACrB,gCAAkD;AAClD,8BAAgD;AAChD,8BAAoD;AAE7C,MAAM,sBAAkB,yBAAO,qBAAM;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAMM,yCAAe,IAAI,2CAAiB,aAAa;AAAA,SAC/C,yCAAe,IAAI,2CAAiB,KAAK;AAAA,SACzC,sCAAc,IAAI,wCAAgB,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAQjD,yCAAe,IAAI,2CAAiB,aAAa;AAAA,SAC/C,yCAAe,IAAI,2CAAiB,KAAK;AAAA,SACzC,sCAAc,IAAI,wCAAgB,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAOjD,yCAAe,IAAI,2CAAiB,aAAa;AAAA,SAC/C,yCAAe,IAAI,2CAAiB,KAAK;AAAA,SACzC,sCAAc,IAAI,wCAAgB,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAOxD,MAAM,cAAc,wBAAO;AAAA,uBACJ,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAUvC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3D,MAAM,sBAAkB,yBAAO,aAAa;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYM,MAAM,uBAAmB,yBAAO,aAAa;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYM,MAAM,cAAc,wBAAO;AAAA;AAAA;",
6
6
  "names": []
7
7
  }
package/dist/esm/InputGroup.js CHANGED
@@ -33,7 +33,6 @@ const DSInputGroup = (props) => {
33
33
  rightAddon && /* @__PURE__ */ jsx(StyledRightAddon, { "data-testid": InputGroupDataTestIds.RIGHTADDON, children: rightAddon })
34
34
  ] });
35
35
  };
36
- DSInputGroup.propTypes = propTypes;
37
36
  DSInputGroup.displayName = DSInputGroupName;
38
37
  const DSInputGroupWithSchema = describe(DSInputGroup);
39
38
  DSInputGroupWithSchema.propTypes = propTypes;
package/dist/esm/InputGroup.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/InputGroup.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React, { useMemo } from 'react';\nimport {\n describe,\n useValidateTypescriptPropTypes,\n useGetGlobalAttributes,\n useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { StyledContainer, StyledLeftAddon, StyledRightAddon, StyledInput } from './styled.js';\nimport type { DSInputGroupT } from './react-desc-prop-types.js';\nimport { propTypes } from './react-desc-prop-types.js';\nimport { DSInputGroupName, InputGroupDataTestIds } from './exported-related/index.js';\n\nconst DSInputGroup: React.ComponentType<DSInputGroupT.Props> = (props) => {\n useValidateTypescriptPropTypes(props, propTypes, DSInputGroupName);\n const { children, leftAddon, rightAddon } = props;\n // eslint-disable-next-line no-unused-vars\n const { rows, wrap, width, height, ...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 data-testid={InputGroupDataTestIds.CONTAINER} {...globals} {...xstyledProps} cols={cols}>\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};\n\nDSInputGroup.propTypes = propTypes as WeakValidationMap<unknown>;\nDSInputGroup.displayName = DSInputGroupName;\nconst DSInputGroupWithSchema = describe(DSInputGroup);\nDSInputGroupWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSInputGroup, DSInputGroupWithSchema };\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACgCnB,SACgB,KADhB;AA/BJ,SAAgB,eAAe;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB,iBAAiB,kBAAkB,mBAAmB;AAEhF,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB,6BAA6B;AAExD,MAAM,eAAyD,CAAC,UAAU;AACxE,iCAA+B,OAAO,WAAW,gBAAgB;AACjE,QAAM,EAAE,UAAU,WAAW,WAAW,IAAI;AAE5C,QAAM,EAAE,MAAM,MAAM,OAAO,QAAQ,GAAG,QAAQ,IAAI,uBAAuB,KAAK;AAC9E,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,mBAAgB,eAAa,sBAAsB,WAAY,GAAG,SAAU,GAAG,cAAc,MAC3F;AAAA,iBAAa,oBAAC,mBAAgB,eAAa,sBAAsB,WAAY,qBAAU;AAAA,IACxF,oBAAC,eAAY,eAAa,sBAAsB,gBAAiB,UAAS;AAAA,IACzE,cAAc,oBAAC,oBAAiB,eAAa,sBAAsB,YAAa,sBAAW;AAAA,KAC9F;AAEJ;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React, { useMemo } from 'react';\nimport {\n describe,\n useValidateTypescriptPropTypes,\n useGetGlobalAttributes,\n useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { StyledContainer, StyledLeftAddon, StyledRightAddon, StyledInput } from './styled.js';\nimport type { DSInputGroupT } from './react-desc-prop-types.js';\nimport { propTypes } from './react-desc-prop-types.js';\nimport { DSInputGroupName, InputGroupDataTestIds } from './exported-related/index.js';\n\nconst DSInputGroup: React.ComponentType<DSInputGroupT.Props> = (props) => {\n useValidateTypescriptPropTypes(props, propTypes, DSInputGroupName);\n const { children, leftAddon, rightAddon } = props;\n // eslint-disable-next-line no-unused-vars\n const { rows, wrap, width, height, ...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 data-testid={InputGroupDataTestIds.CONTAINER} {...globals} {...xstyledProps} cols={cols}>\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};\n\nDSInputGroup.displayName = DSInputGroupName;\nconst DSInputGroupWithSchema = describe(DSInputGroup);\nDSInputGroupWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSInputGroup, DSInputGroupWithSchema };\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACgCnB,SACgB,KADhB;AA/BJ,SAAgB,eAAe;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB,iBAAiB,kBAAkB,mBAAmB;AAEhF,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB,6BAA6B;AAExD,MAAM,eAAyD,CAAC,UAAU;AACxE,iCAA+B,OAAO,WAAW,gBAAgB;AACjE,QAAM,EAAE,UAAU,WAAW,WAAW,IAAI;AAE5C,QAAM,EAAE,MAAM,MAAM,OAAO,QAAQ,GAAG,QAAQ,IAAI,uBAAuB,KAAK;AAC9E,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,mBAAgB,eAAa,sBAAsB,WAAY,GAAG,SAAU,GAAG,cAAc,MAC3F;AAAA,iBAAa,oBAAC,mBAAgB,eAAa,sBAAsB,WAAY,qBAAU;AAAA,IACxF,oBAAC,eAAY,eAAa,sBAAsB,gBAAiB,UAAS;AAAA,IACzE,cAAc,oBAAC,oBAAiB,eAAa,sBAAsB,YAAa,sBAAW;AAAA,KAC9F;AAEJ;AAEA,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;",
6
6
  "names": []
7
7
  }
package/dist/esm/styled.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSInputTextName, DSInputTextSlots } from '@elliemae/ds-form-input-text';\nimport { DSComboBoxName, DSComboboxSlots } from '@elliemae/ds-form-combobox';\nimport { DSInputGroupName, DSInputGroupSlots } from './exported-related/index.js';\n\nexport const StyledContainer = styled(Grid, {\n name: DSInputGroupName,\n slot: DSInputGroupSlots.CONTAINER,\n})`\n width: 100%;\n height: 28px;\n\n // input in left position with right addon\n & > div:nth-child(1) {\n .${DSInputTextName}-${DSInputTextSlots.INPUT_WRAPPER},\n .${DSInputTextName}-${DSInputTextSlots.INPUT},\n .${DSComboBoxName}-${DSComboboxSlots.INPUT_WRAPPER} {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n // input in center position with left and right addon\n & > div:nth-child(2):nth-last-child(2) {\n .${DSInputTextName}-${DSInputTextSlots.INPUT_WRAPPER},\n .${DSInputTextName}-${DSInputTextSlots.INPUT},\n .${DSComboBoxName}-${DSComboboxSlots.INPUT_WRAPPER} {\n border-radius: 0;\n }\n }\n\n // input in right position with left addon\n & > div:nth-child(2):nth-last-child(1) {\n .${DSInputTextName}-${DSInputTextSlots.INPUT_WRAPPER},\n .${DSInputTextName}-${DSInputTextSlots.INPUT},\n .${DSComboBoxName}-${DSComboboxSlots.INPUT_WRAPPER} {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n }\n`;\n\nconst StyledAddon = styled.div`\n outline: 1px solid ${({ theme }) => theme.colors.neutral['400']};\n outline-offset: -1px;\n height: inherit;\n display: flex;\n button {\n border-width: 1px;\n }\n &:hover {\n z-index: 2;\n button:not(:disabled) {\n border: 1px solid ${({ theme }) => theme.colors.brand['700']};\n }\n }\n &:focus-within {\n z-index: 2;\n }\n`;\nexport const StyledLeftAddon = styled(StyledAddon, {\n name: DSInputGroupName,\n slot: DSInputGroupSlots.LEFT_ADDON,\n})`\n border-top-left-radius: 2px;\n border-bottom-left-radius: 2px;\n margin-right: -1px;\n &:hover {\n button:not(:disabled) {\n border-top-right-radius: 0px;\n border-bottom-right-radius: 0px;\n }\n }\n`;\n\nexport const StyledRightAddon = styled(StyledAddon, {\n name: DSInputGroupName,\n slot: DSInputGroupSlots.RIGHT_ADDON,\n})`\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n margin-left: -1px;\n &:hover {\n button:not(:disabled) {\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n }\n }\n`;\n\nexport const StyledInput = styled.div`\n z-index: 1;\n`;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,iBAAiB,wBAAwB;AAClD,SAAS,gBAAgB,uBAAuB;AAChD,SAAS,kBAAkB,yBAAyB;AAE7C,MAAM,kBAAkB,OAAO,MAAM;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAMM,mBAAmB,iBAAiB;AAAA,SAClC,mBAAmB,iBAAiB;AAAA,SACpC,kBAAkB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAQpC,mBAAmB,iBAAiB;AAAA,SAClC,mBAAmB,iBAAiB;AAAA,SACpC,kBAAkB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAOpC,mBAAmB,iBAAiB;AAAA,SAClC,mBAAmB,iBAAiB;AAAA,SACpC,kBAAkB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3C,MAAM,cAAc,OAAO;AAAA,uBACJ,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAUtC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAO1D,MAAM,kBAAkB,OAAO,aAAa;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYM,MAAM,mBAAmB,OAAO,aAAa;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYM,MAAM,cAAc,OAAO;AAAA;AAAA;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,iBAAiB,wBAAwB;AAClD,SAAS,gBAAgB,uBAAuB;AAChD,SAAS,kBAAkB,yBAAyB;AAE7C,MAAM,kBAAkB,OAAO,MAAM;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAMM,eAAe,IAAI,iBAAiB,aAAa;AAAA,SAC/C,eAAe,IAAI,iBAAiB,KAAK;AAAA,SACzC,cAAc,IAAI,gBAAgB,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAQjD,eAAe,IAAI,iBAAiB,aAAa;AAAA,SAC/C,eAAe,IAAI,iBAAiB,KAAK;AAAA,SACzC,cAAc,IAAI,gBAAgB,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAOjD,eAAe,IAAI,iBAAiB,aAAa;AAAA,SAC/C,eAAe,IAAI,iBAAiB,KAAK;AAAA,SACzC,cAAc,IAAI,gBAAgB,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAOxD,MAAM,cAAc,OAAO;AAAA,uBACJ,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAUvC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3D,MAAM,kBAAkB,OAAO,aAAa;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYM,MAAM,mBAAmB,OAAO,aAAa;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYM,MAAM,cAAc,OAAO;AAAA;AAAA;",
6
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.35.0",
3
+ "version": "3.36.0-next.1",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Form Layout - Input Group",
6
6
  "files": [
@@ -37,19 +37,19 @@
37
37
  },
38
38
  "dependencies": {
39
39
  "styled-components": "~5.3.9",
40
- "@elliemae/ds-form-combobox": "3.35.0",
41
- "@elliemae/ds-grid": "3.35.0",
42
- "@elliemae/ds-form-input-text": "3.35.0",
43
- "@elliemae/ds-props-helpers": "3.35.0",
44
- "@elliemae/ds-system": "3.35.0"
40
+ "@elliemae/ds-form-combobox": "3.36.0-next.1",
41
+ "@elliemae/ds-form-input-text": "3.36.0-next.1",
42
+ "@elliemae/ds-grid": "3.36.0-next.1",
43
+ "@elliemae/ds-props-helpers": "3.36.0-next.1",
44
+ "@elliemae/ds-system": "3.36.0-next.1"
45
45
  },
46
46
  "devDependencies": {
47
47
  "@elliemae/pui-cli": "~9.0.0-next.31",
48
48
  "@elliemae/pui-theme": "~2.9.3",
49
49
  "styled-components": "~5.3.9",
50
50
  "styled-system": "~5.1.5",
51
- "@elliemae/ds-button": "3.35.0",
52
- "@elliemae/ds-monorepo-devops": "3.35.0"
51
+ "@elliemae/ds-button": "3.36.0-next.1",
52
+ "@elliemae/ds-monorepo-devops": "3.36.0-next.1"
53
53
  },
54
54
  "peerDependencies": {
55
55
  "@elliemae/pui-theme": "~2.9.3",