@elliemae/ds-form-layout-input-group 3.22.0-next.3 → 3.22.0-next.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/InputGroup.js.map +1 -1
- package/dist/cjs/exported-related/data-test-ids.js.map +1 -1
- package/dist/cjs/exported-related/index.js.map +1 -1
- package/dist/cjs/exported-related/theming.js.map +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/react-desc-prop-types.js.map +1 -1
- package/dist/cjs/styled.js.map +1 -1
- package/dist/esm/InputGroup.js.map +1 -1
- package/dist/esm/exported-related/data-test-ids.js.map +1 -1
- package/dist/esm/exported-related/index.js.map +1 -1
- package/dist/esm/exported-related/theming.js.map +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/react-desc-prop-types.js.map +1 -1
- package/dist/esm/styled.js.map +1 -1
- package/package.json +15 -15
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/InputGroup.tsx", "
|
|
3
|
+
"sources": ["../../src/InputGroup.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
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
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;",
|
|
6
6
|
"names": []
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../src/exported-related/data-test-ids.ts", "
|
|
3
|
+
"sources": ["../../../src/exported-related/data-test-ids.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["export const InputGroupDataTestIds = {\n CONTAINER: 'ds-input-group-container',\n LEFTADDON: 'ds-input-group-left-addon',\n RIGHTADDON: 'ds-input-group-right-addon',\n INPUTCONTAINER: 'ds-input-group-input-container',\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,wBAAwB;AAAA,EACnC,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,gBAAgB;AAClB;",
|
|
6
6
|
"names": []
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../src/exported-related/index.ts", "
|
|
3
|
+
"sources": ["../../../src/exported-related/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["export * from './data-test-ids.js';\nexport * from './theming.js';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,+BAAd;AACA,qCAAc,yBADd;",
|
|
6
6
|
"names": []
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../src/exported-related/theming.ts", "
|
|
3
|
+
"sources": ["../../../src/exported-related/theming.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["export const DSInputGroupName = 'DSInputGroup';\n\nexport const DSInputGroupSlots = {\n CONTAINER: 'root',\n LEFT_ADDON: 'leftaddon',\n RIGHT_ADDON: 'rightaddon',\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,mBAAmB;AAEzB,MAAM,oBAAoB;AAAA,EAC/B,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AACf;",
|
|
6
6
|
"names": []
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/index.tsx", "
|
|
3
|
+
"sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["// export { CBContainer, CBContainerWithSchema } from './parts/cb-container';\nexport * from './exported-related/index.js';\nexport * from './InputGroup.js';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADCvB,wBAAc,wCADd;AAEA,wBAAc,4BAFd;",
|
|
6
6
|
"names": []
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/react-desc-prop-types.ts", "
|
|
3
|
+
"sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable no-unused-vars */\nimport type React from 'react';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSInputGroupT {\n export interface RequiredProps {\n children: React.ReactNode | React.ReactNode[];\n }\n export interface OptionalProps {\n leftAddon?: React.ReactNode;\n rightAddon?: React.ReactNode;\n }\n\n export interface Props extends Partial<OptionalProps>, RequiredProps {}\n\n export interface InternalProps extends OptionalProps, RequiredProps {}\n}\n\nexport const propTypes = {\n leftAddon: PropTypes.element.description('Component to be added at the left side of the input'),\n rightAddon: PropTypes.element.description('Component to be added at the right side of the input'),\n children: PropTypes.node.isRequired\n .description('React component to apply autocomplete functionality')\n .defaultValue(''),\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAA0B;AAgBnB,MAAM,YAAY;AAAA,EACvB,WAAW,kCAAU,QAAQ,YAAY,qDAAqD;AAAA,EAC9F,YAAY,kCAAU,QAAQ,YAAY,sDAAsD;AAAA,EAChG,UAAU,kCAAU,KAAK,WACtB,YAAY,qDAAqD,EACjE,aAAa,EAAE;AACpB;",
|
|
6
6
|
"names": []
|
package/dist/cjs/styled.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/styled.tsx", "
|
|
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
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;",
|
|
6
6
|
"names": []
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/InputGroup.tsx"],
|
|
4
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
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;",
|
|
6
6
|
"names": []
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["
|
|
3
|
+
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/data-test-ids.ts"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const InputGroupDataTestIds = {\n CONTAINER: 'ds-input-group-container',\n LEFTADDON: 'ds-input-group-left-addon',\n RIGHTADDON: 'ds-input-group-right-addon',\n INPUTCONTAINER: 'ds-input-group-input-container',\n};\n"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,wBAAwB;AAAA,EACnC,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,gBAAgB;AAClB;",
|
|
6
6
|
"names": []
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["
|
|
3
|
+
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/index.ts"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './data-test-ids.js';\nexport * from './theming.js';\n"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;",
|
|
6
6
|
"names": []
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["
|
|
3
|
+
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/theming.ts"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSInputGroupName = 'DSInputGroup';\n\nexport const DSInputGroupSlots = {\n CONTAINER: 'root',\n LEFT_ADDON: 'leftaddon',\n RIGHT_ADDON: 'rightaddon',\n};\n"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,mBAAmB;AAEzB,MAAM,oBAAoB;AAAA,EAC/B,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,aAAa;AACf;",
|
|
6
6
|
"names": []
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// export { CBContainer, CBContainerWithSchema } from './parts/cb-container';\nexport * from './exported-related/index.js';\nexport * from './InputGroup.js';\n"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;ACCvB,cAAc;AACd,cAAc;",
|
|
6
6
|
"names": []
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable no-unused-vars */\nimport type React from 'react';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSInputGroupT {\n export interface RequiredProps {\n children: React.ReactNode | React.ReactNode[];\n }\n export interface OptionalProps {\n leftAddon?: React.ReactNode;\n rightAddon?: React.ReactNode;\n }\n\n export interface Props extends Partial<OptionalProps>, RequiredProps {}\n\n export interface InternalProps extends OptionalProps, RequiredProps {}\n}\n\nexport const propTypes = {\n leftAddon: PropTypes.element.description('Component to be added at the left side of the input'),\n rightAddon: PropTypes.element.description('Component to be added at the right side of the input'),\n children: PropTypes.node.isRequired\n .description('React component to apply autocomplete functionality')\n .defaultValue(''),\n};\n"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,iBAAiB;AAgBnB,MAAM,YAAY;AAAA,EACvB,WAAW,UAAU,QAAQ,YAAY,qDAAqD;AAAA,EAC9F,YAAY,UAAU,QAAQ,YAAY,sDAAsD;AAAA,EAChG,UAAU,UAAU,KAAK,WACtB,YAAY,qDAAqD,EACjE,aAAa,EAAE;AACpB;",
|
|
6
6
|
"names": []
|
package/dist/esm/styled.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["
|
|
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
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;",
|
|
6
6
|
"names": []
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-form-layout-input-group",
|
|
3
|
-
"version": "3.22.0-next.
|
|
3
|
+
"version": "3.22.0-next.31",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Form Layout - Input Group",
|
|
6
6
|
"files": [
|
|
@@ -36,14 +36,14 @@
|
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"styled-components": "~5.3.9",
|
|
39
|
-
"@elliemae/ds-form-
|
|
40
|
-
"@elliemae/ds-
|
|
41
|
-
"@elliemae/ds-
|
|
42
|
-
"@elliemae/ds-props-helpers": "3.22.0-next.
|
|
43
|
-
"@elliemae/ds-
|
|
39
|
+
"@elliemae/ds-form-combobox": "3.22.0-next.31",
|
|
40
|
+
"@elliemae/ds-form-input-text": "3.22.0-next.31",
|
|
41
|
+
"@elliemae/ds-grid": "3.22.0-next.31",
|
|
42
|
+
"@elliemae/ds-props-helpers": "3.22.0-next.31",
|
|
43
|
+
"@elliemae/ds-system": "3.22.0-next.31"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
|
-
"@elliemae/pui-cli": "~9.0.0-next.
|
|
46
|
+
"@elliemae/pui-cli": "~9.0.0-next.22",
|
|
47
47
|
"@elliemae/pui-theme": "~2.7.0",
|
|
48
48
|
"@testing-library/dom": "~8.19.0",
|
|
49
49
|
"@testing-library/jest-dom": "~5.16.5",
|
|
@@ -52,8 +52,8 @@
|
|
|
52
52
|
"jest-axe": "^7.0.1",
|
|
53
53
|
"styled-components": "~5.3.9",
|
|
54
54
|
"styled-system": "~5.1.5",
|
|
55
|
-
"@elliemae/ds-button": "3.22.0-next.
|
|
56
|
-
"@elliemae/ds-monorepo-devops": "3.22.0-next.
|
|
55
|
+
"@elliemae/ds-button": "3.22.0-next.31",
|
|
56
|
+
"@elliemae/ds-monorepo-devops": "3.22.0-next.31"
|
|
57
57
|
},
|
|
58
58
|
"peerDependencies": {
|
|
59
59
|
"@elliemae/pui-theme": "~2.7.0",
|
|
@@ -67,14 +67,14 @@
|
|
|
67
67
|
"typeSafety": false
|
|
68
68
|
},
|
|
69
69
|
"scripts": {
|
|
70
|
-
"dev": "cross-env NODE_ENV=development node
|
|
70
|
+
"dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
|
|
71
71
|
"test": "pui-cli test --passWithNoTests",
|
|
72
|
-
"lint": "node
|
|
73
|
-
"eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='
|
|
74
|
-
"dts": "node
|
|
75
|
-
"build": "cross-env NODE_ENV=production node
|
|
72
|
+
"lint": "node ../../../scripts/lint.mjs",
|
|
73
|
+
"eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
|
|
74
|
+
"dts": "node ../../../scripts/dts.mjs",
|
|
75
|
+
"build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
|
|
76
76
|
"dev:build": "pnpm --filter {.}... build",
|
|
77
77
|
"dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
|
|
78
|
-
"checkDeps": "npm exec
|
|
78
|
+
"checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
|
|
79
79
|
}
|
|
80
80
|
}
|