@elliemae/ds-form-layout-input-group 3.16.0-next.2 → 3.16.0-next.21
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 +12 -8
- package/dist/cjs/InputGroup.js.map +2 -2
- package/dist/cjs/exported-related/data-test-ids.js +4 -0
- package/dist/cjs/exported-related/data-test-ids.js.map +1 -1
- package/dist/cjs/exported-related/index.js +6 -2
- package/dist/cjs/exported-related/index.js.map +2 -2
- package/dist/cjs/exported-related/theming.js +4 -0
- package/dist/cjs/exported-related/theming.js.map +1 -1
- package/dist/cjs/index.js +6 -2
- package/dist/cjs/index.js.map +2 -2
- package/dist/cjs/package.json +7 -0
- package/dist/cjs/react-desc-prop-types.js +8 -4
- package/dist/cjs/react-desc-prop-types.js.map +2 -2
- package/dist/cjs/styled.js +5 -1
- package/dist/cjs/styled.js.map +2 -2
- package/dist/esm/InputGroup.js +4 -4
- package/dist/esm/InputGroup.js.map +2 -2
- package/dist/esm/exported-related/index.js +2 -2
- package/dist/esm/exported-related/index.js.map +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/package.json +7 -0
- package/dist/esm/react-desc-prop-types.js +1 -1
- package/dist/esm/react-desc-prop-types.js.map +1 -1
- package/dist/esm/styled.js +1 -1
- package/dist/esm/styled.js.map +2 -2
- package/package.json +14 -13
- package/dist/types/InputGroup.d.ts +0 -5
- package/dist/types/exported-related/data-test-ids.d.ts +0 -6
- package/dist/types/exported-related/index.d.ts +0 -2
- package/dist/types/exported-related/theming.d.ts +0 -6
- package/dist/types/index.d.ts +0 -2
- package/dist/types/react-desc-prop-types.d.ts +0 -19
- package/dist/types/styled.d.ts +0 -5
- package/dist/types/tests/DSInputGroup.test.d.ts +0 -1
package/dist/cjs/InputGroup.js
CHANGED
|
@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
20
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
25
|
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
26
|
mod
|
|
23
27
|
));
|
|
@@ -31,15 +35,15 @@ module.exports = __toCommonJS(InputGroup_exports);
|
|
|
31
35
|
var React = __toESM(require("react"));
|
|
32
36
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
37
|
var import_react = require("react");
|
|
34
|
-
var
|
|
35
|
-
var import_styled = require("./styled");
|
|
36
|
-
var import_react_desc_prop_types = require("./react-desc-prop-types");
|
|
37
|
-
var import_exported_related = require("./exported-related");
|
|
38
|
+
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
39
|
+
var import_styled = require("./styled.js");
|
|
40
|
+
var import_react_desc_prop_types = require("./react-desc-prop-types.js");
|
|
41
|
+
var import_exported_related = require("./exported-related/index.js");
|
|
38
42
|
const DSInputGroup = (props) => {
|
|
39
|
-
(0,
|
|
43
|
+
(0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, import_react_desc_prop_types.propTypes, import_exported_related.DSInputGroupName);
|
|
40
44
|
const { children, leftAddon, rightAddon } = props;
|
|
41
|
-
const { rows, wrap, width, height, ...globals } = (0,
|
|
42
|
-
const xstyledProps = (0,
|
|
45
|
+
const { rows, wrap, width, height, ...globals } = (0, import_ds_props_helpers.useGetGlobalAttributes)(props);
|
|
46
|
+
const xstyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(props);
|
|
43
47
|
const cols = (0, import_react.useMemo)(() => {
|
|
44
48
|
if (leftAddon && rightAddon) {
|
|
45
49
|
return ["max-content", "auto", "max-content"];
|
|
@@ -60,6 +64,6 @@ const DSInputGroup = (props) => {
|
|
|
60
64
|
};
|
|
61
65
|
DSInputGroup.propTypes = import_react_desc_prop_types.propTypes;
|
|
62
66
|
DSInputGroup.displayName = import_exported_related.DSInputGroupName;
|
|
63
|
-
const DSInputGroupWithSchema = (0,
|
|
67
|
+
const DSInputGroupWithSchema = (0, import_ds_props_helpers.describe)(DSInputGroup);
|
|
64
68
|
DSInputGroupWithSchema.propTypes = import_react_desc_prop_types.propTypes;
|
|
65
69
|
//# sourceMappingURL=InputGroup.js.map
|
|
@@ -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-
|
|
5
|
-
"mappings": "
|
|
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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
20
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
25
|
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
26
|
mod
|
|
23
27
|
));
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
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
|
-
"mappings": "
|
|
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": []
|
|
7
7
|
}
|
|
@@ -15,6 +15,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
15
15
|
};
|
|
16
16
|
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
17
17
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
18
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
19
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
20
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
21
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
18
22
|
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
19
23
|
mod
|
|
20
24
|
));
|
|
@@ -22,6 +26,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
22
26
|
var exported_related_exports = {};
|
|
23
27
|
module.exports = __toCommonJS(exported_related_exports);
|
|
24
28
|
var React = __toESM(require("react"));
|
|
25
|
-
__reExport(exported_related_exports, require("./data-test-ids"), module.exports);
|
|
26
|
-
__reExport(exported_related_exports, require("./theming"), module.exports);
|
|
29
|
+
__reExport(exported_related_exports, require("./data-test-ids.js"), module.exports);
|
|
30
|
+
__reExport(exported_related_exports, require("./theming.js"), module.exports);
|
|
27
31
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/exported-related/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export * from './data-test-ids';\nexport * from './theming';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
4
|
+
"sourcesContent": ["export * from './data-test-ids.js';\nexport * from './theming.js';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,+BAAd;AACA,qCAAc,yBADd;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
20
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
25
|
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
26
|
mod
|
|
23
27
|
));
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
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
|
-
"mappings": "
|
|
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": []
|
|
7
7
|
}
|
package/dist/cjs/index.js
CHANGED
|
@@ -15,6 +15,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
15
15
|
};
|
|
16
16
|
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
17
17
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
18
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
19
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
20
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
21
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
18
22
|
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
19
23
|
mod
|
|
20
24
|
));
|
|
@@ -22,6 +26,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
22
26
|
var src_exports = {};
|
|
23
27
|
module.exports = __toCommonJS(src_exports);
|
|
24
28
|
var React = __toESM(require("react"));
|
|
25
|
-
__reExport(src_exports, require("./exported-related"), module.exports);
|
|
26
|
-
__reExport(src_exports, require("./InputGroup"), module.exports);
|
|
29
|
+
__reExport(src_exports, require("./exported-related/index.js"), module.exports);
|
|
30
|
+
__reExport(src_exports, require("./InputGroup.js"), module.exports);
|
|
27
31
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["// export { CBContainer, CBContainerWithSchema } from './parts/cb-container';\nexport * from './exported-related';\nexport * from './InputGroup';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
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
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADCvB,wBAAc,wCADd;AAEA,wBAAc,4BAFd;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
20
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
25
|
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
26
|
mod
|
|
23
27
|
));
|
|
@@ -28,10 +32,10 @@ __export(react_desc_prop_types_exports, {
|
|
|
28
32
|
});
|
|
29
33
|
module.exports = __toCommonJS(react_desc_prop_types_exports);
|
|
30
34
|
var React = __toESM(require("react"));
|
|
31
|
-
var
|
|
35
|
+
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
32
36
|
const propTypes = {
|
|
33
|
-
leftAddon:
|
|
34
|
-
rightAddon:
|
|
35
|
-
children:
|
|
37
|
+
leftAddon: import_ds_props_helpers.PropTypes.element.description("Component to be added at the left side of the input"),
|
|
38
|
+
rightAddon: import_ds_props_helpers.PropTypes.element.description("Component to be added at the right side of the input"),
|
|
39
|
+
children: import_ds_props_helpers.PropTypes.node.isRequired.description("React component to apply autocomplete functionality").defaultValue("")
|
|
36
40
|
};
|
|
37
41
|
//# sourceMappingURL=react-desc-prop-types.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/react-desc-prop-types.ts", "../../../../scripts/build/transpile/react-shim.js"],
|
|
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-
|
|
5
|
-
"mappings": "
|
|
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.ReactChild;\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
|
+
"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": []
|
|
7
7
|
}
|
package/dist/cjs/styled.js
CHANGED
|
@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
20
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
25
|
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
26
|
mod
|
|
23
27
|
));
|
|
@@ -35,7 +39,7 @@ var import_ds_system = require("@elliemae/ds-system");
|
|
|
35
39
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
36
40
|
var import_ds_form_input_text = require("@elliemae/ds-form-input-text");
|
|
37
41
|
var import_ds_form_combobox = require("@elliemae/ds-form-combobox");
|
|
38
|
-
var import_exported_related = require("./exported-related");
|
|
42
|
+
var import_exported_related = require("./exported-related/index.js");
|
|
39
43
|
const StyledContainer = (0, import_ds_system.styled)(import_ds_grid.Grid, {
|
|
40
44
|
name: import_exported_related.DSInputGroupName,
|
|
41
45
|
slot: import_exported_related.DSInputGroupSlots.CONTAINER
|
package/dist/cjs/styled.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/styled.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
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';\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": "
|
|
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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/InputGroup.js
CHANGED
|
@@ -6,10 +6,10 @@ import {
|
|
|
6
6
|
useValidateTypescriptPropTypes,
|
|
7
7
|
useGetGlobalAttributes,
|
|
8
8
|
useGetXstyledProps
|
|
9
|
-
} from "@elliemae/ds-
|
|
10
|
-
import { StyledContainer, StyledLeftAddon, StyledRightAddon, StyledInput } from "./styled";
|
|
11
|
-
import { propTypes } from "./react-desc-prop-types";
|
|
12
|
-
import { DSInputGroupName, InputGroupDataTestIds } from "./exported-related";
|
|
9
|
+
} from "@elliemae/ds-props-helpers";
|
|
10
|
+
import { StyledContainer, StyledLeftAddon, StyledRightAddon, StyledInput } from "./styled.js";
|
|
11
|
+
import { propTypes } from "./react-desc-prop-types.js";
|
|
12
|
+
import { DSInputGroupName, InputGroupDataTestIds } from "./exported-related/index.js";
|
|
13
13
|
const DSInputGroup = (props) => {
|
|
14
14
|
useValidateTypescriptPropTypes(props, propTypes, DSInputGroupName);
|
|
15
15
|
const { children, leftAddon, rightAddon } = props;
|
|
@@ -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-
|
|
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,
|
|
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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/index.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './data-test-ids';\nexport * from './theming';\n"],
|
|
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": []
|
|
7
7
|
}
|
package/dist/esm/index.js
CHANGED
package/dist/esm/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// export { CBContainer, CBContainerWithSchema } from './parts/cb-container';\nexport * from './exported-related';\nexport * from './InputGroup';\n"],
|
|
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": []
|
|
7
7
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import { PropTypes } from "@elliemae/ds-
|
|
2
|
+
import { PropTypes } from "@elliemae/ds-props-helpers";
|
|
3
3
|
const propTypes = {
|
|
4
4
|
leftAddon: PropTypes.element.description("Component to be added at the left side of the input"),
|
|
5
5
|
rightAddon: PropTypes.element.description("Component to be added at the right side of the input"),
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
|
|
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-
|
|
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.ReactChild;\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": []
|
|
7
7
|
}
|
package/dist/esm/styled.js
CHANGED
|
@@ -3,7 +3,7 @@ import { styled } from "@elliemae/ds-system";
|
|
|
3
3
|
import { Grid } from "@elliemae/ds-grid";
|
|
4
4
|
import { DSInputTextName, DSInputTextSlots } from "@elliemae/ds-form-input-text";
|
|
5
5
|
import { DSComboBoxName, DSComboboxSlots } from "@elliemae/ds-form-combobox";
|
|
6
|
-
import { DSInputGroupName, DSInputGroupSlots } from "./exported-related";
|
|
6
|
+
import { DSInputGroupName, DSInputGroupSlots } from "./exported-related/index.js";
|
|
7
7
|
const StyledContainer = styled(Grid, {
|
|
8
8
|
name: DSInputGroupName,
|
|
9
9
|
slot: DSInputGroupSlots.CONTAINER
|
package/dist/esm/styled.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
|
|
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';\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,
|
|
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;",
|
|
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.16.0-next.
|
|
3
|
+
"version": "3.16.0-next.21",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Form Layout - Input Group",
|
|
6
6
|
"files": [
|
|
@@ -35,25 +35,26 @@
|
|
|
35
35
|
"indent": 4
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"styled-components": "~5.3.
|
|
39
|
-
"@elliemae/ds-form-combobox": "3.16.0-next.
|
|
40
|
-
"@elliemae/ds-
|
|
41
|
-
"@elliemae/ds-
|
|
42
|
-
"@elliemae/ds-
|
|
43
|
-
"@elliemae/ds-utilities": "3.16.0-next.
|
|
38
|
+
"styled-components": "~5.3.9",
|
|
39
|
+
"@elliemae/ds-form-combobox": "3.16.0-next.21",
|
|
40
|
+
"@elliemae/ds-grid": "3.16.0-next.21",
|
|
41
|
+
"@elliemae/ds-system": "3.16.0-next.21",
|
|
42
|
+
"@elliemae/ds-props-helpers": "3.16.0-next.21",
|
|
43
|
+
"@elliemae/ds-utilities": "3.16.0-next.21",
|
|
44
|
+
"@elliemae/ds-form-input-text": "3.16.0-next.21"
|
|
44
45
|
},
|
|
45
46
|
"devDependencies": {
|
|
46
|
-
"@elliemae/pui-theme": "~2.
|
|
47
|
+
"@elliemae/pui-theme": "~2.7.0",
|
|
47
48
|
"@testing-library/dom": "~8.19.0",
|
|
48
|
-
"@testing-library/jest-dom": "~5.16.
|
|
49
|
+
"@testing-library/jest-dom": "~5.16.5",
|
|
49
50
|
"@testing-library/react": "~12.1.3",
|
|
50
51
|
"@testing-library/user-event": "~13.5.0",
|
|
51
|
-
"styled-components": "~5.3.
|
|
52
|
+
"styled-components": "~5.3.9",
|
|
52
53
|
"styled-system": "~5.1.5",
|
|
53
|
-
"@elliemae/ds-button": "3.16.0-next.
|
|
54
|
+
"@elliemae/ds-button": "3.16.0-next.21"
|
|
54
55
|
},
|
|
55
56
|
"peerDependencies": {
|
|
56
|
-
"@elliemae/pui-theme": "~2.
|
|
57
|
+
"@elliemae/pui-theme": "~2.7.0",
|
|
57
58
|
"react": "^17.0.2",
|
|
58
59
|
"react-dom": "^17.0.2",
|
|
59
60
|
"styled-components": "~5.3.6",
|
|
@@ -70,7 +71,7 @@
|
|
|
70
71
|
"eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
|
|
71
72
|
"dts": "node ../../scripts/dts.mjs",
|
|
72
73
|
"build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
|
|
73
|
-
"dev:build": "pnpm --filter {.}... build
|
|
74
|
+
"dev:build": "pnpm --filter {.}... build",
|
|
74
75
|
"dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
|
|
75
76
|
"checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
|
|
76
77
|
}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { DSInputGroupT } from './react-desc-prop-types';
|
|
3
|
-
declare const DSInputGroup: React.ComponentType<DSInputGroupT.Props>;
|
|
4
|
-
declare const DSInputGroupWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<DSInputGroupT.Props>;
|
|
5
|
-
export { DSInputGroup, DSInputGroupWithSchema };
|
package/dist/types/index.d.ts
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import type React from 'react';
|
|
2
|
-
export declare namespace DSInputGroupT {
|
|
3
|
-
interface RequiredProps {
|
|
4
|
-
children: React.ReactChild;
|
|
5
|
-
}
|
|
6
|
-
interface OptionalProps {
|
|
7
|
-
leftAddon?: React.ReactNode;
|
|
8
|
-
rightAddon?: React.ReactNode;
|
|
9
|
-
}
|
|
10
|
-
interface Props extends Partial<OptionalProps>, RequiredProps {
|
|
11
|
-
}
|
|
12
|
-
interface InternalProps extends OptionalProps, RequiredProps {
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
export declare const propTypes: {
|
|
16
|
-
leftAddon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
17
|
-
rightAddon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
18
|
-
children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
19
|
-
};
|
package/dist/types/styled.d.ts
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const StyledContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object, never>;
|
|
3
|
-
export declare const StyledLeftAddon: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
|
|
4
|
-
export declare const StyledRightAddon: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
|
|
5
|
-
export declare const StyledInput: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|