@elliemae/ds-form-layout-input-group 3.4.2 → 3.4.3
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 +23 -11
- package/dist/cjs/InputGroup.js.map +1 -1
- package/dist/cjs/exported-related/data-test-ids.js +4 -1
- package/dist/cjs/exported-related/data-test-ids.js.map +1 -1
- package/dist/cjs/exported-related/index.js +4 -1
- package/dist/cjs/exported-related/index.js.map +1 -1
- package/dist/cjs/exported-related/theming.js +4 -1
- package/dist/cjs/exported-related/theming.js.map +1 -1
- package/dist/cjs/index.js +4 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/react-desc-prop-types.js +4 -1
- package/dist/cjs/react-desc-prop-types.js.map +1 -1
- package/dist/cjs/styled.js +4 -1
- package/dist/cjs/styled.js.map +1 -1
- package/dist/esm/InputGroup.js +19 -10
- 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 +7 -7
package/dist/cjs/InputGroup.js
CHANGED
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var InputGroup_exports = {};
|
|
23
26
|
__export(InputGroup_exports, {
|
|
@@ -26,7 +29,8 @@ __export(InputGroup_exports, {
|
|
|
26
29
|
});
|
|
27
30
|
module.exports = __toCommonJS(InputGroup_exports);
|
|
28
31
|
var React = __toESM(require("react"));
|
|
29
|
-
var
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
|
+
var import_react = require("react");
|
|
30
34
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
31
35
|
var import_styled = require("./styled");
|
|
32
36
|
var import_react_desc_prop_types = require("./react-desc-prop-types");
|
|
@@ -48,18 +52,26 @@ const DSInputGroup = (props) => {
|
|
|
48
52
|
}
|
|
49
53
|
return ["auto"];
|
|
50
54
|
}, [leftAddon, rightAddon]);
|
|
51
|
-
return /* @__PURE__ */
|
|
55
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledContainer, {
|
|
52
56
|
cols,
|
|
53
57
|
"data-testid": import_exported_related.InputGroupDataTestIds.CONTAINER,
|
|
54
58
|
...globals,
|
|
55
|
-
...xstyledProps
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
59
|
+
...xstyledProps,
|
|
60
|
+
children: [
|
|
61
|
+
leftAddon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledLeftAddon, {
|
|
62
|
+
"data-testid": import_exported_related.InputGroupDataTestIds.LEFTADDON,
|
|
63
|
+
children: leftAddon
|
|
64
|
+
}),
|
|
65
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledInput, {
|
|
66
|
+
"data-testid": import_exported_related.InputGroupDataTestIds.INPUTCONTAINER,
|
|
67
|
+
children
|
|
68
|
+
}),
|
|
69
|
+
rightAddon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledRightAddon, {
|
|
70
|
+
"data-testid": import_exported_related.InputGroupDataTestIds.RIGHTADDON,
|
|
71
|
+
children: rightAddon
|
|
72
|
+
})
|
|
73
|
+
]
|
|
74
|
+
});
|
|
63
75
|
};
|
|
64
76
|
DSInputGroup.propTypes = import_react_desc_prop_types.propTypes;
|
|
65
77
|
DSInputGroup.displayName = "DSInputGroup";
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/InputGroup.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React, { WeakValidationMap, useMemo } from 'react';\nimport {\n describe,\n useValidateTypescriptPropTypes,\n useGetGlobalAttributes,\n useGetXstyledProps,\n} from '@elliemae/ds-utilities';\nimport { StyledContainer, StyledLeftAddon, StyledRightAddon, StyledInput } from './styled';\nimport { DSInputGroupT, propTypes } from './react-desc-prop-types';\nimport { InputGroupDataTestIds } from './exported-related';\nconst DSInputGroup: React.ComponentType<DSInputGroupT.Props> = (props) => {\n useValidateTypescriptPropTypes(props, propTypes);\n const { children, leftAddon, rightAddon } = props;\n const globals = useGetGlobalAttributes(props);\n const xstyledProps = useGetXstyledProps(props);\n const cols = useMemo(() => {\n if (leftAddon && rightAddon) {\n return ['max-content', 'auto', 'max-content'];\n }\n if (leftAddon && !rightAddon) {\n return ['max-content', 'auto'];\n }\n if (!leftAddon && rightAddon) {\n return ['auto', 'max-content'];\n }\n return ['auto'];\n }, [leftAddon, rightAddon]);\n return (\n <StyledContainer cols={cols} data-testid={InputGroupDataTestIds.CONTAINER} {...globals} {...xstyledProps}>\n {leftAddon && <StyledLeftAddon data-testid={InputGroupDataTestIds.LEFTADDON}>{leftAddon}</StyledLeftAddon>}\n <StyledInput data-testid={InputGroupDataTestIds.INPUTCONTAINER}>{children}</StyledInput>\n {rightAddon && <StyledRightAddon data-testid={InputGroupDataTestIds.RIGHTADDON}>{rightAddon}</StyledRightAddon>}\n </StyledContainer>\n );\n};\nDSInputGroup.propTypes = propTypes as WeakValidationMap<unknown>;\nDSInputGroup.displayName = 'DSInputGroup';\nconst DSInputGroupWithSchema = describe(DSInputGroup);\nDSInputGroupWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSInputGroup, DSInputGroupWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkD;AAClD,0BAKO;AACP,oBAAgF;AAChF,mCAAyC;AACzC,8BAAsC;AACtC,MAAM,eAAyD,CAAC,UAAU;AACxE,0DAA+B,OAAO,sCAAS;AAC/C,QAAM,EAAE,UAAU,WAAW,WAAW,IAAI;AAC5C,QAAM,cAAU,4CAAuB,KAAK;AAC5C,QAAM,mBAAe,wCAAmB,KAAK;AAC7C,QAAM,WAAO,sBAAQ,MAAM;AACzB,QAAI,aAAa,YAAY;AAC3B,aAAO,CAAC,eAAe,QAAQ,aAAa;AAAA,IAC9C;AACA,QAAI,aAAa,CAAC,YAAY;AAC5B,aAAO,CAAC,eAAe,MAAM;AAAA,IAC/B;AACA,QAAI,CAAC,aAAa,YAAY;AAC5B,aAAO,CAAC,QAAQ,aAAa;AAAA,IAC/B;AACA,WAAO,CAAC,MAAM;AAAA,EAChB,GAAG,CAAC,WAAW,UAAU,CAAC;AAC1B,SACE,6CAAC;AAAA,IAAgB;AAAA,IAAY,eAAa,8CAAsB;AAAA,IAAY,GAAG;AAAA,IAAU,GAAG;AAAA,IACzF;AAAA,mBAAa,4CAAC;AAAA,QAAgB,eAAa,8CAAsB;AAAA,QAAY;AAAA,OAAU;AAAA,MACxF,4CAAC;AAAA,QAAY,eAAa,8CAAsB;AAAA,QAAiB;AAAA,OAAS;AAAA,MACzE,cAAc,4CAAC;AAAA,QAAiB,eAAa,8CAAsB;AAAA,QAAa;AAAA,OAAW;AAAA;AAAA,GAC9F;AAEJ;AACA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,6BAAyB,8BAAS,YAAY;AACpD,uBAAuB,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var data_test_ids_exports = {};
|
|
23
26
|
__export(data_test_ids_exports, {
|
|
@@ -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
|
}
|
|
@@ -14,7 +14,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
14
14
|
return to;
|
|
15
15
|
};
|
|
16
16
|
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
17
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
17
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
18
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
19
|
+
mod
|
|
20
|
+
));
|
|
18
21
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
22
|
var exported_related_exports = {};
|
|
20
23
|
module.exports = __toCommonJS(exported_related_exports);
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/exported-related/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["export * from './data-test-ids';\nexport * from './theming';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,4BAAd;AACA,qCAAc,sBADd;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var theming_exports = {};
|
|
23
26
|
__export(theming_exports, {
|
|
@@ -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 = 'ds-input-group';\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
|
@@ -14,7 +14,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
14
14
|
return to;
|
|
15
15
|
};
|
|
16
16
|
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
17
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
17
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
18
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
19
|
+
mod
|
|
20
|
+
));
|
|
18
21
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
22
|
var src_exports = {};
|
|
20
23
|
module.exports = __toCommonJS(src_exports);
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
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';\nexport * from './InputGroup';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADCvB,wBAAc,+BADd;AAEA,wBAAc,yBAFd;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var react_desc_prop_types_exports = {};
|
|
23
26
|
__export(react_desc_prop_types_exports, {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
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 React from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\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": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,0BAA0B;AAgBnB,MAAM,YAAY;AAAA,EACvB,WAAW,8BAAU,QAAQ,YAAY,qDAAqD;AAAA,EAC9F,YAAY,8BAAU,QAAQ,YAAY,sDAAsD;AAAA,EAChG,UAAU,8BAAU,KAAK,WACtB,YAAY,qDAAqD,EACjE,aAAa,EAAE;AACpB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/styled.js
CHANGED
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var styled_exports = {};
|
|
23
26
|
__export(styled_exports, {
|
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';\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": "
|
|
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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAUjC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrD,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
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useMemo } from "react";
|
|
3
4
|
import {
|
|
4
5
|
describe,
|
|
5
6
|
useValidateTypescriptPropTypes,
|
|
@@ -26,18 +27,26 @@ const DSInputGroup = (props) => {
|
|
|
26
27
|
}
|
|
27
28
|
return ["auto"];
|
|
28
29
|
}, [leftAddon, rightAddon]);
|
|
29
|
-
return /* @__PURE__ */
|
|
30
|
+
return /* @__PURE__ */ jsxs(StyledContainer, {
|
|
30
31
|
cols,
|
|
31
32
|
"data-testid": InputGroupDataTestIds.CONTAINER,
|
|
32
33
|
...globals,
|
|
33
|
-
...xstyledProps
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
34
|
+
...xstyledProps,
|
|
35
|
+
children: [
|
|
36
|
+
leftAddon && /* @__PURE__ */ jsx(StyledLeftAddon, {
|
|
37
|
+
"data-testid": InputGroupDataTestIds.LEFTADDON,
|
|
38
|
+
children: leftAddon
|
|
39
|
+
}),
|
|
40
|
+
/* @__PURE__ */ jsx(StyledInput, {
|
|
41
|
+
"data-testid": InputGroupDataTestIds.INPUTCONTAINER,
|
|
42
|
+
children
|
|
43
|
+
}),
|
|
44
|
+
rightAddon && /* @__PURE__ */ jsx(StyledRightAddon, {
|
|
45
|
+
"data-testid": InputGroupDataTestIds.RIGHTADDON,
|
|
46
|
+
children: rightAddon
|
|
47
|
+
})
|
|
48
|
+
]
|
|
49
|
+
});
|
|
41
50
|
};
|
|
42
51
|
DSInputGroup.propTypes = propTypes;
|
|
43
52
|
DSInputGroup.displayName = "DSInputGroup";
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/InputGroup.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap, useMemo } from 'react';\nimport {\n describe,\n useValidateTypescriptPropTypes,\n useGetGlobalAttributes,\n useGetXstyledProps,\n} from '@elliemae/ds-utilities';\nimport { StyledContainer, StyledLeftAddon, StyledRightAddon, StyledInput } from './styled';\nimport { DSInputGroupT, propTypes } from './react-desc-prop-types';\nimport { InputGroupDataTestIds } from './exported-related';\nconst DSInputGroup: React.ComponentType<DSInputGroupT.Props> = (props) => {\n useValidateTypescriptPropTypes(props, propTypes);\n const { children, leftAddon, rightAddon } = props;\n const globals = useGetGlobalAttributes(props);\n const xstyledProps = useGetXstyledProps(props);\n const cols = useMemo(() => {\n if (leftAddon && rightAddon) {\n return ['max-content', 'auto', 'max-content'];\n }\n if (leftAddon && !rightAddon) {\n return ['max-content', 'auto'];\n }\n if (!leftAddon && rightAddon) {\n return ['auto', 'max-content'];\n }\n return ['auto'];\n }, [leftAddon, rightAddon]);\n return (\n <StyledContainer cols={cols} data-testid={InputGroupDataTestIds.CONTAINER} {...globals} {...xstyledProps}>\n {leftAddon && <StyledLeftAddon data-testid={InputGroupDataTestIds.LEFTADDON}>{leftAddon}</StyledLeftAddon>}\n <StyledInput data-testid={InputGroupDataTestIds.INPUTCONTAINER}>{children}</StyledInput>\n {rightAddon && <StyledRightAddon data-testid={InputGroupDataTestIds.RIGHTADDON}>{rightAddon}</StyledRightAddon>}\n </StyledContainer>\n );\n};\nDSInputGroup.propTypes = propTypes as WeakValidationMap<unknown>;\nDSInputGroup.displayName = 'DSInputGroup';\nconst DSInputGroupWithSchema = describe(DSInputGroup);\nDSInputGroupWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSInputGroup, DSInputGroupWithSchema };\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAmC,eAAe;AAClD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB,iBAAiB,kBAAkB,mBAAmB;AAChF,SAAwB,iBAAiB;AACzC,SAAS,6BAA6B;AACtC,MAAM,eAAyD,CAAC,UAAU;AACxE,iCAA+B,OAAO,SAAS;AAC/C,QAAM,EAAE,UAAU,WAAW,WAAW,IAAI;AAC5C,QAAM,UAAU,uBAAuB,KAAK;AAC5C,QAAM,eAAe,mBAAmB,KAAK;AAC7C,QAAM,OAAO,QAAQ,MAAM;AACzB,QAAI,aAAa,YAAY;AAC3B,aAAO,CAAC,eAAe,QAAQ,aAAa;AAAA,IAC9C;AACA,QAAI,aAAa,CAAC,YAAY;AAC5B,aAAO,CAAC,eAAe,MAAM;AAAA,IAC/B;AACA,QAAI,CAAC,aAAa,YAAY;AAC5B,aAAO,CAAC,QAAQ,aAAa;AAAA,IAC/B;AACA,WAAO,CAAC,MAAM;AAAA,EAChB,GAAG,CAAC,WAAW,UAAU,CAAC;AAC1B,SACE,qBAAC;AAAA,IAAgB;AAAA,IAAY,eAAa,sBAAsB;AAAA,IAAY,GAAG;AAAA,IAAU,GAAG;AAAA,IACzF;AAAA,mBAAa,oBAAC;AAAA,QAAgB,eAAa,sBAAsB;AAAA,QAAY;AAAA,OAAU;AAAA,MACxF,oBAAC;AAAA,QAAY,eAAa,sBAAsB;AAAA,QAAiB;AAAA,OAAS;AAAA,MACzE,cAAc,oBAAC;AAAA,QAAiB,eAAa,sBAAsB;AAAA,QAAa;AAAA,OAAW;AAAA;AAAA,GAC9F;AAEJ;AACA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
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
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,wBAAwB;AAAA,EACnC,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,gBAAgB;AAClB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/index.ts"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './data-test-ids';\nexport * from './theming';\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/theming.ts"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSInputGroupName = 'ds-input-group';\n\nexport const DSInputGroupSlots = {\n CONTAINER: 'root',\n LEFT_ADDON: 'leftaddon',\n RIGHT_ADDON: 'rightaddon',\n};\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
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": []
|
|
7
7
|
}
|
package/dist/esm/index.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// export { CBContainer, CBContainerWithSchema } from './parts/cb-container';\nexport * from './exported-related';\nexport * from './InputGroup';\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACCvB,cAAc;AACd,cAAc;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/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 React from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\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
|
-
"mappings": "AAAA;
|
|
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.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';\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;
|
|
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,0BAUjC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrD,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.4.
|
|
3
|
+
"version": "3.4.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Form Layout - Input Group",
|
|
6
6
|
"files": [
|
|
@@ -35,15 +35,15 @@
|
|
|
35
35
|
"indent": 4
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@elliemae/ds-form-combobox": "3.4.
|
|
39
|
-
"@elliemae/ds-form-input-text": "3.4.
|
|
40
|
-
"@elliemae/ds-grid": "3.4.
|
|
41
|
-
"@elliemae/ds-system": "3.4.
|
|
42
|
-
"@elliemae/ds-utilities": "3.4.
|
|
38
|
+
"@elliemae/ds-form-combobox": "3.4.3",
|
|
39
|
+
"@elliemae/ds-form-input-text": "3.4.3",
|
|
40
|
+
"@elliemae/ds-grid": "3.4.3",
|
|
41
|
+
"@elliemae/ds-system": "3.4.3",
|
|
42
|
+
"@elliemae/ds-utilities": "3.4.3",
|
|
43
43
|
"styled-components": "~5.3.5"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
|
-
"@elliemae/ds-button": "3.4.
|
|
46
|
+
"@elliemae/ds-button": "3.4.3",
|
|
47
47
|
"@elliemae/pui-theme": "~2.6.0",
|
|
48
48
|
"@testing-library/dom": "~8.13.0",
|
|
49
49
|
"@testing-library/jest-dom": "~5.16.4",
|