@servicetitan/design-system 14.2.4 → 14.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/BackLink/BackLink.test.js +2 -2
- package/dist/components/BackLink/BackLink.test.js.map +1 -1
- package/dist/components/Button/Button.test.js +2 -2
- package/dist/components/Button/Button.test.js.map +1 -1
- package/dist/components/DatePicker/DatePicker.css.map +1 -1
- package/dist/components/DatePicker/index.css.map +1 -1
- package/dist/components/Input/Input.css +3 -4
- package/dist/components/Input/Input.css.map +1 -1
- package/dist/components/Input/Input.js +5 -2
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Input/index.css +3 -4
- package/dist/components/Input/index.css.map +1 -1
- package/dist/components/Link/Link.test.js +2 -2
- package/dist/components/Link/Link.test.js.map +1 -1
- package/dist/components/Table/Table.css +5 -0
- package/dist/components/Table/Table.css.map +1 -1
- package/dist/components/Table/index.css +5 -0
- package/dist/components/Table/index.css.map +1 -1
- package/dist/components/index.css +8 -4
- package/dist/components/index.css.map +1 -1
- package/dist/global/index.css +5 -4
- package/dist/global/index.css.map +1 -1
- package/dist/global/version.css +1 -1
- package/dist/system-light.css +5 -4
- package/dist/system-light.css.map +1 -1
- package/dist/system-light.min.css +1 -1
- package/dist/system.css +30505 -8871
- package/dist/system.css.map +1 -1
- package/dist/system.min.css +2 -2
- package/dist/themes/index.css +30263 -8855
- package/dist/themes/index.css.map +1 -1
- package/dist/themes/kendo/index.css +30247 -8839
- package/dist/themes/kendo/index.css.map +1 -1
- package/package.json +23 -21
|
@@ -4,7 +4,7 @@ import { BackLink } from './BackLink';
|
|
|
4
4
|
describe('BackLink', () => {
|
|
5
5
|
beforeEach(() => jest.spyOn(console, 'error'));
|
|
6
6
|
it('should be an anchor element if href attribute exists', () => {
|
|
7
|
-
const { getByRole } = render(React.createElement(BackLink, { href: "https://anvil.servicetitan.com" }, "Website"));
|
|
7
|
+
const { getByRole } = render(React.createElement(BackLink, { href: "https://v1.anvil.servicetitan.com" }, "Website"));
|
|
8
8
|
const link = getByRole('link');
|
|
9
9
|
expect(link).not.toHaveAttribute('type');
|
|
10
10
|
expect(link.tagName).toBe('A');
|
|
@@ -16,7 +16,7 @@ describe('BackLink', () => {
|
|
|
16
16
|
expect(link.tagName).toBe('BUTTON');
|
|
17
17
|
});
|
|
18
18
|
it('should pass through data automation attributes', () => {
|
|
19
|
-
const { container } = render(React.createElement(BackLink, { href: "https://anvil.servicetitan.com", "data-auto-sel": "automation-selector" }, "Website"));
|
|
19
|
+
const { container } = render(React.createElement(BackLink, { href: "https://v1.anvil.servicetitan.com", "data-auto-sel": "automation-selector" }, "Website"));
|
|
20
20
|
const element = container.querySelector('[data-auto-sel="automation-selector"]');
|
|
21
21
|
expect(element).not.toBeNull();
|
|
22
22
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BackLink.test.js","sourceRoot":"","sources":["../../../src/components/BackLink/BackLink.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;QAC/D,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,QAAQ,IAAC,IAAI,EAAC,
|
|
1
|
+
{"version":3,"file":"BackLink.test.js","sourceRoot":"","sources":["../../../src/components/BackLink/BackLink.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;QAC/D,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,QAAQ,IAAC,IAAI,EAAC,mCAAmC,cAEvC,CACX,CAAC;QAEF,MAAM,IAAI,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;QAE/B,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QACzC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;QACjE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,QAAQ,IAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,cAAoB,CAC/C,CAAC;QAEF,MAAM,IAAI,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;QAEjC,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACnD,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,QAAQ,IACR,IAAI,EAAC,mCAAmC,mBAC1B,qBAAqB,cAGzB,CACX,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { BackLink } from './BackLink';\n\ndescribe('BackLink', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should be an anchor element if href attribute exists', () => {\n\t\tconst { getByRole } = render(\n\t\t\t<BackLink href=\"https://v1.anvil.servicetitan.com\">\n\t\t\t\tWebsite\n\t\t\t</BackLink>\n\t\t);\n\n\t\tconst link = getByRole('link');\n\n\t\texpect(link).not.toHaveAttribute('type');\n\t\texpect(link.tagName).toBe('A');\n\t});\n\n\tit('should be a button element if no href attribute exists', () => {\n\t\tconst { getByRole } = render(\n\t\t\t<BackLink onClick={() => {}}>Website</BackLink>\n\t\t);\n\n\t\tconst link = getByRole('button');\n\n\t\texpect(link).not.toHaveAttribute('type', 'button');\n\t\texpect(link.tagName).toBe('BUTTON');\n\t});\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<BackLink\n\t\t\t\thref=\"https://v1.anvil.servicetitan.com\"\n\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t>\n\t\t\t\tWebsite\n\t\t\t</BackLink>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}
|
|
@@ -10,7 +10,7 @@ describe('Button', () => {
|
|
|
10
10
|
expect(button.tagName).toBe('BUTTON');
|
|
11
11
|
});
|
|
12
12
|
it('should be an anchor element if href attribute exists', () => {
|
|
13
|
-
const { getByRole } = render(React.createElement(Button, { href: "https://anvil.servicetitan.com" }, "Label"));
|
|
13
|
+
const { getByRole } = render(React.createElement(Button, { href: "https://v1.anvil.servicetitan.com" }, "Label"));
|
|
14
14
|
const button = getByRole('button');
|
|
15
15
|
expect(button).not.toHaveAttribute('type');
|
|
16
16
|
expect(button.tagName).toBe('A');
|
|
@@ -30,7 +30,7 @@ describe('Button', () => {
|
|
|
30
30
|
it('should throw error if attributes and props are mismatched', () => {
|
|
31
31
|
expect(() => {
|
|
32
32
|
console.error = jest.fn(); // Prevent actual console.error from showing up in command line
|
|
33
|
-
render(React.createElement(Button, { el: "span", href: "https://anvil.servicetitan.com" }, "Label"));
|
|
33
|
+
render(React.createElement(Button, { el: "span", href: "https://v1.anvil.servicetitan.com" }, "Label"));
|
|
34
34
|
}).toThrowError();
|
|
35
35
|
});
|
|
36
36
|
it('should pass through data automation attributes', () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../src/components/Button/Button.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACvB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,iDAAiD,EAAE,GAAG,EAAE;QAC1D,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,MAAM,gBAAe,CAAC,CAAC;QAErD,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;QAEnC,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACjD,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;QAC/D,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,MAAM,IAAC,IAAI,EAAC,
|
|
1
|
+
{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../src/components/Button/Button.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACvB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,iDAAiD,EAAE,GAAG,EAAE;QAC1D,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,MAAM,gBAAe,CAAC,CAAC;QAErD,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;QAEnC,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACjD,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;QAC/D,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,MAAM,IAAC,IAAI,EAAC,mCAAmC,YAAe,CAC/D,CAAC;QAEF,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;QAEnC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QAC3C,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACtD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,YAAe,CAAC,CAAC;QAE/D,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;QAEnC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QAC3C,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2DAA2D,EAAE,GAAG,EAAE;QACpE,MAAM,CAAC,GAAG,EAAE;YACX,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,+DAA+D;YAC1F,MAAM,CACL,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,YAEtB,CACT,CAAC;QACH,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2DAA2D,EAAE,GAAG,EAAE;QACpE,MAAM,CAAC,GAAG,EAAE;YACX,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,+DAA+D;YAC1F,MAAM,CACL,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAC,mCAAmC,YAEjD,CACT,CAAC;QACH,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,MAAM,qBAAe,qBAAqB,YAAe,CAC1D,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Button } from './Button';\n\ndescribe('Button', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should be a button element with type by default', () => {\n\t\tconst { getByRole } = render(<Button>Label</Button>);\n\n\t\tconst button = getByRole('button');\n\n\t\texpect(button).toHaveAttribute('type', 'button');\n\t\texpect(button.tagName).toBe('BUTTON');\n\t});\n\n\tit('should be an anchor element if href attribute exists', () => {\n\t\tconst { getByRole } = render(\n\t\t\t<Button href=\"https://v1.anvil.servicetitan.com\">Label</Button>\n\t\t);\n\n\t\tconst button = getByRole('button');\n\n\t\texpect(button).not.toHaveAttribute('type');\n\t\texpect(button.tagName).toBe('A');\n\t});\n\n\tit('should be a span element if el prop was set', () => {\n\t\tconst { getByRole } = render(<Button el=\"span\">Label</Button>);\n\n\t\tconst button = getByRole('button');\n\n\t\texpect(button).not.toHaveAttribute('type');\n\t\texpect(button.tagName).toBe('SPAN');\n\t});\n\n\tit('should throw error if attributes and props are mismatched', () => {\n\t\texpect(() => {\n\t\t\tconsole.error = jest.fn(); // Prevent actual console.error from showing up in command line\n\t\t\trender(\n\t\t\t\t<Button el=\"span\" type=\"button\">\n\t\t\t\t\tLabel\n\t\t\t\t</Button>\n\t\t\t);\n\t\t}).toThrowError();\n\t});\n\n\tit('should throw error if attributes and props are mismatched', () => {\n\t\texpect(() => {\n\t\t\tconsole.error = jest.fn(); // Prevent actual console.error from showing up in command line\n\t\t\trender(\n\t\t\t\t<Button el=\"span\" href=\"https://v1.anvil.servicetitan.com\">\n\t\t\t\t\tLabel\n\t\t\t\t</Button>\n\t\t\t);\n\t\t}).toThrowError();\n\t});\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Button data-auto-sel=\"automation-selector\">Label</Button>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/DatePicker/DatePicker.scss"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/DatePicker/DatePicker.scss"],"names":[],"mappings":"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","file":"DatePicker.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/DatePicker/DatePicker.scss"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/DatePicker/DatePicker.scss"],"names":[],"mappings":"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","file":"index.css"}
|
|
@@ -127,9 +127,6 @@
|
|
|
127
127
|
box-shadow: none;
|
|
128
128
|
/* Chrome autofill styling */
|
|
129
129
|
}
|
|
130
|
-
.Input > .Input__InnerWrapper > input[readonly] {
|
|
131
|
-
background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
|
|
132
|
-
}
|
|
133
130
|
.Input > .Input__InnerWrapper > input::placeholder {
|
|
134
131
|
color: var(--colorsTextDefault, #141414);
|
|
135
132
|
opacity: 0.4;
|
|
@@ -166,8 +163,10 @@
|
|
|
166
163
|
box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
|
|
167
164
|
border-radius: 3px;
|
|
168
165
|
}
|
|
169
|
-
.Input:focus-within > .Input__InnerWrapper, .Input.Input--focus > .Input__InnerWrapper {
|
|
166
|
+
.Input:focus-within:not(.Input--readonly) > .Input__InnerWrapper, .Input.Input--focus:not(.Input--readonly) > .Input__InnerWrapper {
|
|
170
167
|
background-color: var(--colorsSurfaceDefault, white);
|
|
168
|
+
}
|
|
169
|
+
.Input:focus-within > .Input__InnerWrapper, .Input.Input--focus > .Input__InnerWrapper {
|
|
171
170
|
border-color: var(--colorsBorderPrimary, #0265dc);
|
|
172
171
|
}
|
|
173
172
|
.Input:focus-within > .Input__InnerWrapper > input, .Input.Input--focus > .Input__InnerWrapper > input {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Input/Input.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss"],"names":[],"mappings":"AAAA;ACKA;AA2BA;AAmBA;AAAA;AAAA;EACC,wBC/BiB;EDgCjB,2BChCiB;;;ADmClB;AAAA;AAAA;EACC,yBCpCiB;EDqCjB,4BCrCiB;;;ADwClB;AAAA;AAAA;EACC;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;EACC;EACA;;;AAGD;AAAA;AAAA;EACC;EACA;;;AAMD;AASA;AACA;AExFC;EACA;AAEA;EACA;ECLC;EACA;EH4FD;EACA;EACA,OA9Ec;AAmFd;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Input/Input.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss"],"names":[],"mappings":"AAAA;ACKA;AA2BA;AAmBA;AAAA;AAAA;EACC,wBC/BiB;EDgCjB,2BChCiB;;;ADmClB;AAAA;AAAA;EACC,yBCpCiB;EDqCjB,4BCrCiB;;;ADwClB;AAAA;AAAA;EACC;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;EACC;EACA;;;AAGD;AAAA;AAAA;EACC;EACA;;;AAMD;AASA;AACA;AExFC;EACA;AAEA;EACA;ECLC;EACA;EH4FD;EACA;EACA,OA9Ec;AAmFd;AAgFA;AAEA;AAKA;AAmBA;AAmBA;AAuCA;AAiBA;AAEA;AASA;AAmCA;AAmCA;AA0CA;AASA;;AA5TA;EACM;;AAGN;EAAkB,WCkCL;;ADhCb;EAIC,WC6BY;;AD1Bb;EACwB,SApExB;;AAqEA;EAAwB,SA3ExB;;AA4EA;EAAuB,SAzEvB;;AA0EA;EAAuB,SApEvB;;AA6EA;EACC;EACA;EACA;EACA;EACA;AAEA;EACA,kBAhHmB;EAiHnB;EACA,OApHa;EAqHb,eCnHgB;EDoHhB,YA1HD;EA2HC;;AAEA;EAAM;;AAEN;AAvBA;EACA;EACA;EACA;EAuBC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aCVgB;EDWhB;AAEA;EACA;EACA;EACA,OA7IY;EA8IZ,YAlJF;EAmJE;AAOA;;AALA;EACC,OAlJW;EAmJX,SCnDkB;;ADuDnB;EAvFF;;AAyFG;EAzFH;;AA4FE;EA5FF;;AA8FG;EA9FH;;AAsGA;EACC,kBAnKoB;;AAuKrB;EAEC,SC9EiB;;ADiFlB;EAEC,kBA9KoB;;AAgLpB;EACM;;AAEN;EACC,OAxLY;EAyLZ,SCzFmB;;AD8FrB;EAEC,YCxFa;EDyFb,eC/LgB;;ADiMhB;EACC,kBAlMkB;;AAqMnB;EACC,cAhMY;;AAkMZ;EACC,OA3MW;;AAiNd;AA6BC;;AA5BA;EACC,kBAhNgB;EAiNhB,cA9MY;;AAgNZ;EACC,OAtNS;EAuNT;AAEA;;AACA;EACC,OA3NQ;EA4NR,SC7HiB;;ADgIlB;EA5JH;;AA8JI;EA9JJ;;AAiKG;EAjKH;;AAmKI;EAnKJ;;AAuKE;EAAgB,OA1ON;;AA8OX;EAEC;;AAGD;EAAsB,OAnPX;;AA8PX;EACC;EACA;EACA;EACA;EACA,OA9QW;;AAqRb;EACC;EACA;EACA;EACA;EACA;;AASD;EACC,OAhRc;EAiRd,YAJiB;EAKjB;;AAEA;EACC;EACA;EACA;;AAIF;EACC;EACA;EACA,WCjLY;EDkLZ;AAEA;EACA,OAlSc;EAmSd;EACA;EACA;EACA,YACC;;AAMF;EAA+D;;AAC/D;EAA8D;;AAC9D;EAA+D;;AAC/D;EAA8D;;AAE9D;EAAqE;;AACrE;EAAoE;;AACpE;EAAqE;;AACrE;EAAoE;;AAGpE;EAA0E;;AAE1E;EAAoE;;AACpE;EAAmE;;AACnE;EAAoE;;AACpE;EAAmE;;AAGnE;EACC,SAvTD;EAwTC,WCtNY;;ADwNb;EAAsD,SAvTtD;;AAwTA;EAAuD,SArTvD;;AAsTA;EAAsD,SAnTtD;;AAsTA;EAGC;;AAyBA;AAAA;AAAA;EAGC;EACA;;AAEA;AAAA;AAAA;EAGC;;AAGD;AAAA;AAAA;EAGC;;AAMH;AAAA;EAEC;EACA;EACA;EACA;;AAID;EACC;;AAEA;EAAQ;;AAIT;EAAqE;;AACrE;EAAoE;;;AAGrE;EACC;IAAO;;EACP;IAAK","file":"Input.css"}
|
|
@@ -126,8 +126,11 @@ export class Input extends React.Component {
|
|
|
126
126
|
} }));
|
|
127
127
|
}
|
|
128
128
|
render() {
|
|
129
|
-
const { actionPosition, children, className, disabled, el: InputElement, error, fluid, focus, iconPosition, inverted, loading, shortLabelPosition, transparent, readonly, } = this.props;
|
|
129
|
+
const { actionPosition, children, className, disabled, el: InputElement, error, fluid, focus, iconPosition, inverted, loading, shortLabelPosition, transparent, readOnly, readonly, } = this.props;
|
|
130
130
|
const _a = this.props, { inputRef } = _a, inputProps = __rest(_a, ["inputRef"]);
|
|
131
|
+
if ('readonly' in inputProps && !('readOnly' in inputProps)) {
|
|
132
|
+
inputProps.readOnly = inputProps.readonly;
|
|
133
|
+
}
|
|
131
134
|
const InputClasses = classnames('Input', className, {
|
|
132
135
|
[`Input--${this.computeSize().inputSize}`]: this.computeSize().inputSize,
|
|
133
136
|
'Input--disabled': disabled,
|
|
@@ -137,7 +140,7 @@ export class Input extends React.Component {
|
|
|
137
140
|
'Input--inverted': inverted,
|
|
138
141
|
'Input--loading': loading,
|
|
139
142
|
'Input--transparent': transparent,
|
|
140
|
-
'Input--readonly': readonly,
|
|
143
|
+
'Input--readonly': readOnly || readonly,
|
|
141
144
|
});
|
|
142
145
|
const [strictHtmlInputProps] = splitPropsUsingArray(inputProps, htmlInputPropsArray);
|
|
143
146
|
const htmlInputProps = Object.assign(Object.assign({}, strictHtmlInputProps), { tabIndex: this.computeTabIndex(), onChange: this.handleChange, ref: this.inputRef });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAA2B,MAAM,SAAS,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EACN,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,GACf,MAAM,cAAc,CAAC;AAEtB,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,GACzE,KAAK,CAAC;AAsGP,MAAM,OAAO,KAAM,SAAQ,KAAK,CAAC,SAAqB;IAAtD;;QAcC,aAAQ,GACP,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,SAAS,EAAE,CAAC;QAEpC,iBAAY,GAAG,GAAG,EAAE;YACnB,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAExC,IAAI,MAAM,IAAI,IAAI;gBAAE,OAAO,IAAI,CAAC;YAChC,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;gBAC/B,OAAO,CACN,oBAAC,MAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,IAC5D,MAAM,CACC,CACT,CAAC;aACF;YACD,IAAI,MAAM,IAAI,IAAI,IAAI,cAAc,CAAC,MAAM,CAAC,EAAE;gBAC7C,OAAO,YAAY,CAAC,MAAa,EAAE;oBAClC,QAAQ;oBACR,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS;iBAClC,CAAC,CAAC;aACH;QACF,CAAC,CAAC;QAEF,eAAU,GAAG,GAAG,EAAE;;YACjB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAE5B,wBAAwB;YACxB,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;gBAC7B,OAAO,CACN,oBAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE;oBACtC,oBAAC,IAAI,IACJ,IAAI,EAAE,IAAoB,EAC1B,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,GAChC,CACU,CACb,CAAC;aACF;YAED,+BAA+B;YAC/B,IAAI,IAAI,IAAI,IAAI,IAAI,cAAc,CAAC,IAAI,CAAC,EAAE;gBACzC,MAAM,SAAS,GAAG,YAAY,CAAC,IAAW,EAAE;oBAC3C,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ;iBACjC,CAAC,CAAC;gBACH,MAAM,UAAU,GACf,OAAO,CAAA,MAAA,MAAC,IAAY,0CAAE,KAAK,0CAAE,OAAO,CAAA,KAAK,WAAW,CAAC;gBAEtD,OAAO,CACN,oBAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,EAAE,IACpD,SAAS,CACE,CACb,CAAC;aACF;YAED,mCAAmC;YACnC,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE;gBAC1C,MAAM,UAAU,GAAG,OAAO,CAAA,MAAC,IAAY,0CAAE,OAAO,CAAA,KAAK,WAAW,CAAC;gBAEjE,OAAO,CACN,oBAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,EAAE;oBACrD,oBAAC,IAAI,oBAAK,IAAI,EAAI,CACN,CACb,CAAC;aACF;YAED,OAAO,IAAI,CAAC;QACb,CAAC,CAAC;QAEF,4BAA4B;QAC5B,gBAAW,GAAG,CAAC,cAAmB,EAAE,EAAE;YACrC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAEnC,+DAA+D;YAC/D,MAAM,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;YAC9C,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;YACvC,IAAI,CAAC,eAAe,EAAE;gBACrB,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;aACtC;YAED,IAAI,KAAK,IAAI,IAAI,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE;gBAC3C,OAAO,YAAY,CAAC,KAAY,kCAC5B,cAAc,KACjB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,IAC7D,CAAC;aACH;YAED,OAAO,aAAa,CAAC,OAAO,kCACxB,cAAc,KACjB,IAAI,EACJ,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,IAC7D,CAAC;QACJ,CAAC,CAAC;QAEF,qBAAgB,GAAG,GAAG,EAAE;;YACvB,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAElC,IAAI,OAAO,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,EAAE,EAAE;gBACxD,OAAO,CACN,oBAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,IACrC,UAAU,CACC,CACb,CAAC;aACF;YAED,gCAAgC;YAChC,IAAI,UAAU,IAAI,IAAI,IAAI,cAAc,CAAC,UAAU,CAAC,EAAE;gBACrD,MAAM,QAAQ,GACZ,UAAkB,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC;gBAE/D,MAAM,UAAU,GACf,OAAO,CAAA,MAAC,UAAU,CAAC,KAAa,0CAAE,OAAO,CAAA,KAAK,WAAW,CAAC;gBAE3D,OAAO,CACN,oBAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,EAAE,IACpD,YAAY,CAAC,UAAiB,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CACxC,CACb,CAAC;aACF;YAED,OAAO,IAAI,CAAC;QACb,CAAC,CAAC;QAEF,mEAAmE;QACnE,gBAAW,GAAG,GAAwD,EAAE;YACvE,IAAI,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YAEhC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM;gBAAE,SAAS,GAAG,QAAQ,CAAC;YAC5C,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK;gBAAE,SAAS,GAAG,OAAO,CAAC;YAC1C,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK;gBAAE,SAAS,GAAG,OAAO,CAAC;YAE1C,MAAM,QAAQ,GAAG;gBAChB,MAAM,EAAE,MAAM;gBACd,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,KAAK,EAAE,MAAM;aACb,CAAC,SAAS,CAAC,CAAC;YAEb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;QAChC,CAAC,CAAC;QAEF,oBAAe,GAAG,GAAG,EAAE;YACtB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ;gBAAE,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;YACpD,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ;gBAAE,OAAO,CAAC,CAAC,CAAC;QACpC,CAAC,CAAC;QAEF,UAAK,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAE5C,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QAE9C,iBAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;YACzD,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBACxB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,kCAAO,IAAI,CAAC,KAAK,KAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,IAAG,CAAC;aACjE;QACF,CAAC,CAAC;QAEF,yBAAoB,GAAG,CAAC,KAAU,EAAE,YAAiB,EAAE,EAAE,CAAC,+CACtD,YAAY,GACZ,KAAK,CAAC,KAAK,KACd,GAAG,EAAE,CAAC,CAAM,EAAE,EAAE;gBACf,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;gBACvB,IAAI,CAAC,QAAQ,CAAC,OAAe,GAAG,CAAC,CAAC;YACpC,CAAC,IACA,CAAC;IAqGJ,CAAC;IAnGA,MAAM;QACL,MAAM,EACL,cAAc,EACd,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,EAAE,EAAE,YAAY,EAChB,KAAK,EACL,KAAK,EACL,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,kBAAkB,EAClB,WAAW,EACX,QAAQ,GACR,GAAG,IAAI,CAAC,KAAK,CAAC;QACf,MAAM,KAA8B,IAAI,CAAC,KAAK,EAAxC,EAAE,QAAQ,OAA8B,EAAzB,UAAU,cAAzB,YAA2B,CAAa,CAAC;QAE/C,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,EAAE,SAAS,EAAE;YACnD,CAAC,UAAU,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,EAAE,CAAC,EACzC,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS;YAC7B,iBAAiB,EAAE,QAAQ;YAC3B,cAAc,EAAE,KAAK;YACrB,cAAc,EAAE,KAAK;YACrB,cAAc,EAAE,KAAK;YACrB,iBAAiB,EAAE,QAAQ;YAC3B,gBAAgB,EAAE,OAAO;YACzB,oBAAoB,EAAE,WAAW;YACjC,iBAAiB,EAAE,QAAQ;SAC3B,CAAC,CAAC;QAEH,MAAM,CAAC,oBAAoB,CAAC,GAAG,oBAAoB,CAClD,UAAU,EACV,mBAAmB,CACnB,CAAC;QACF,MAAM,cAAc,mCAChB,oBAAoB,KACvB,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,EAChC,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,GAAG,EAAE,IAAI,CAAC,QAAQ,GAClB,CAAC;QACF,MAAM,CAAC,EAAE,IAAI,CAAC,GAAG,oBAAoB,CAAC,UAAU,EAAE;YACjD,GAAG,mBAAmB;YACtB,GAAG,eAAe;SAClB,CAAC,CAAC;QAEH,8CAA8C;QAC9C,IAAI,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;YACnC,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;gBACjE,IAAI,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE;oBACnC,OAAO,KAAK,CAAC;iBACb;gBAED,IAAK,KAAa,CAAC,IAAI,KAAK,OAAO,EAAE;oBACpC,0CAA0C;oBAC1C,OAAO,YAAY,CAClB,KAAY,EACZ,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE,cAAc,CAAC,CAChD,CAAC;iBACF;gBAED,OAAO,oBAAC,KAAK,CAAC,KAAK,IAAC,GAAG,EAAE,CAAC,IAAG,KAAK,CAAe,CAAC;YACnD,CAAC,CAAC,CAAC;YAEH,OAAO,CACN,oBAAC,YAAY,oBACR,IAAI,IACR,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,sBAAsB,CAAC;gBAE3D,6BAAK,SAAS,EAAC,qBAAqB,IAAE,aAAa,CAAO,CAC5C,CACf,CAAC;SACF;QAED,yBAAyB;QACzB,OAAO,CACN,oBAAC,YAAY,kBACZ,SAAS,EAAE,YAAY,0BACF,OAAO,IACxB,IAAI;YAEP,cAAc,KAAK,MAAM,IAAI,IAAI,CAAC,YAAY,EAAE;YACjD,6BAAK,SAAS,EAAC,qBAAqB;gBAClC,YAAY,KAAK,MAAM,IAAI,IAAI,CAAC,UAAU,EAAE;gBAC5C,kBAAkB,KAAK,MAAM,IAAI,IAAI,CAAC,gBAAgB,EAAE;gBACxD,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC;gBAChC,OAAO,IAAI,CACX,oBAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE;oBACtC,oBAAC,OAAO,OAAG,CACC,CACb;gBACA,kBAAkB,KAAK,OAAO,IAAI,IAAI,CAAC,gBAAgB,EAAE;gBACzD,YAAY,KAAK,OAAO,IAAI,IAAI,CAAC,UAAU,EAAE,CACzC;YACL,cAAc,KAAK,OAAO,IAAI,IAAI,CAAC,YAAY,EAAE,CACpC,CACf,CAAC;IACH,CAAC;;AAjRM,kBAAY,GAAwB;IAC1C,cAAc,EAAE,OAAO;IACvB,EAAE,EAAE,KAAK;IACT,YAAY,EAAE,OAAO;IACrB,kBAAkB,EAAE,MAAM;IAC1B,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,MAAM;CACZ,CAAC;AAEK,WAAK,GAAG,UAAU,CAAC;AACnB,iBAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport { handleRef } from '../../utilities/SemanticUtils';\nimport { isElementOfType } from '../../utilities/isElementOfType';\n\nimport { InputAddon } from './InputAddon';\nimport { Icon, IconNameType, IconProps } from '../Icon';\nimport { Spinner } from '../Spinner';\nimport { Button } from '../Button';\nimport { FormFieldContext } from '../FormField';\n\nimport {\n\tsplitPropsUsingArray,\n\thtmlInputPropsArray,\n\tinputPropsArray,\n} from './inputProps';\n\nconst { Children, createElement, createRef, cloneElement, isValidElement } =\n\tReact;\n\nexport type InputElement = Pick<HTMLInputElement, 'focus' | 'select'>;\n\n/**\n * Input properties\n */\nexport interface InputPropsStrict\n\textends Omit<\n\t\tReact.InputHTMLAttributes<HTMLInputElement>,\n\t\t'size' | 'onChange' | 'tabIndex'\n\t> {\n\t/** An element type to render as (string or function). */\n\tel?: any;\n\n\t/** An Input can be formatted to alert the user to an action they may perform. */\n\taction?: React.ReactNode;\n\n\t/** An action can appear along side an Input on the right (default) or left side. */\n\tactionPosition?: 'right' | 'left';\n\n\t/** Additional classes. */\n\tclassName?: string;\n\n\t/** An Input field can show that it is disabled. */\n\tdisabled?: boolean;\n\n\t/** An Input field can show the data contains errors. */\n\terror?: boolean;\n\n\t/** Take on the size of its container. */\n\tfluid?: boolean;\n\n\t/** An Input field can show a user is currently interacting with it. */\n\tfocus?: boolean;\n\n\t/** Optional Icon to display inside the Input. */\n\ticon?: IconProps | string | React.ReactElement;\n\n\t/** An Icon can appear inside an Input on the right (default) or left side. */\n\ticonPosition?: 'right' | 'left';\n\n\t/** Shorthand for creating the HTML Input. */\n\tinput?: React.ReactNode;\n\n\t/** Format to appear on dark backgrounds. */\n\tinverted?: boolean;\n\n\t/** Shortcut for large-sized input */\n\tlarge?: boolean;\n\n\t/** An Icon Input field can show that it is currently loading data. */\n\tloading?: boolean;\n\n\t/**\n\t * Called on value change.\n\t *\n\t * @param {ChangeEvent} event - React's original SyntheticEvent.\n\t * @param {object} data - All props and a proposed value.\n\t */\n\tonChange?: (\n\t\tevent: React.ChangeEvent<HTMLInputElement>,\n\t\tdata: InputOnChangeData\n\t) => void;\n\n\t/** An Input can vary in size. */\n\tsize?: 'xsmall' | 'small' | 'medium' | 'large';\n\n\t/** Optional Label to display along side the Input. */\n\tshortLabel?: React.ReactNode;\n\n\t/** A Label can appear outside an Input on the left (default) or right side. */\n\tshortLabelPosition?: 'left' | 'right';\n\n\t/** Shortcut for small-sized input */\n\tsmall?: boolean;\n\n\t/** An Input can receive focus. */\n\ttabIndex?: number | string;\n\n\t/** Transparent Input has no background. */\n\ttransparent?: boolean;\n\n\t/** The HTML input type. */\n\ttype?: string;\n\n\t/** Shortcut for x-small-sized input */\n\txsmall?: boolean;\n\n\t/** forwarded input ref */\n\tinputRef?: React.RefObject<HTMLInputElement>;\n}\n\nexport interface InputProps extends InputPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport interface InputOnChangeData extends InputProps {\n\tvalue: string;\n}\n\nexport class Input extends React.Component<InputProps> {\n\tstatic defaultProps: Partial<InputProps> = {\n\t\tactionPosition: 'right',\n\t\tel: 'div',\n\t\ticonPosition: 'right',\n\t\tshortLabelPosition: 'left',\n\t\tsize: 'medium',\n\t\ttype: 'text',\n\t};\n\n\tstatic Addon = InputAddon;\n\tstatic contextType = FormFieldContext;\n\tcontext!: React.ContextType<typeof FormFieldContext>;\n\n\tinputRef: React.RefObject<HTMLInputElement> =\n\t\tthis.props.inputRef || createRef();\n\n\trenderAction = () => {\n\t\tconst { action, disabled } = this.props;\n\n\t\tif (action == null) return null;\n\t\tif (typeof action === 'string') {\n\t\t\treturn (\n\t\t\t\t<Button disabled={disabled} size={this.computeSize().inputSize}>\n\t\t\t\t\t{action}\n\t\t\t\t</Button>\n\t\t\t);\n\t\t}\n\t\tif (action != null && isValidElement(action)) {\n\t\t\treturn cloneElement(action as any, {\n\t\t\t\tdisabled,\n\t\t\t\tsize: this.computeSize().inputSize,\n\t\t\t});\n\t\t}\n\t};\n\n\trenderIcon = () => {\n\t\tconst { icon } = this.props;\n\n\t\t// Icon passed as string\n\t\tif (typeof icon === 'string') {\n\t\t\treturn (\n\t\t\t\t<InputAddon onClick={() => this.focus()}>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tname={icon as IconNameType}\n\t\t\t\t\t\tsize={this.computeSize().iconSize}\n\t\t\t\t\t/>\n\t\t\t\t</InputAddon>\n\t\t\t);\n\t\t}\n\n\t\t// Icon passed as React element\n\t\tif (icon != null && isValidElement(icon)) {\n\t\t\tconst sizedIcon = cloneElement(icon as any, {\n\t\t\t\tsize: this.computeSize().iconSize,\n\t\t\t});\n\t\t\tconst hasOnClick =\n\t\t\t\ttypeof (icon as any)?.props?.onClick !== 'undefined';\n\n\t\t\treturn (\n\t\t\t\t<InputAddon onClick={() => !hasOnClick && this.focus()}>\n\t\t\t\t\t{sizedIcon}\n\t\t\t\t</InputAddon>\n\t\t\t);\n\t\t}\n\n\t\t// Icon passed as Icon.props object\n\t\tif (icon != null && !isValidElement(icon)) {\n\t\t\tconst hasOnClick = typeof (icon as any)?.onClick !== 'undefined';\n\n\t\t\treturn (\n\t\t\t\t<InputAddon onClick={() => !hasOnClick && this.focus()}>\n\t\t\t\t\t<Icon {...icon} />\n\t\t\t\t</InputAddon>\n\t\t\t);\n\t\t}\n\n\t\treturn null;\n\t};\n\n\t// Creating an input element\n\trenderInput = (htmlInputProps: any) => {\n\t\tconst { input, type } = this.props;\n\n\t\t// Handling case of duplicate ID's for the same FormField label\n\t\tconst isLabelAssigned = this.context.inputRef;\n\t\tconst labelFor = this.context.labelFor;\n\t\tif (!isLabelAssigned) {\n\t\t\tthis.context.inputRef = this.inputRef;\n\t\t}\n\n\t\tif (input != null && isValidElement(input)) {\n\t\t\treturn cloneElement(input as any, {\n\t\t\t\t...htmlInputProps,\n\t\t\t\tid: this.props.id || (!isLabelAssigned ? labelFor : undefined),\n\t\t\t});\n\t\t}\n\n\t\treturn createElement('input', {\n\t\t\t...htmlInputProps,\n\t\t\ttype,\n\t\t\tid: this.props.id || (!isLabelAssigned ? labelFor : undefined),\n\t\t});\n\t};\n\n\trenderShortLabel = () => {\n\t\tconst { shortLabel } = this.props;\n\n\t\tif (typeof shortLabel === 'string' && shortLabel !== '') {\n\t\t\treturn (\n\t\t\t\t<InputAddon onClick={() => this.focus()}>\n\t\t\t\t\t{shortLabel}\n\t\t\t\t</InputAddon>\n\t\t\t);\n\t\t}\n\n\t\t// Label passed as React element\n\t\tif (shortLabel != null && isValidElement(shortLabel)) {\n\t\t\tconst iconSize =\n\t\t\t\t(shortLabel as any).props.size || this.computeSize().iconSize;\n\n\t\t\tconst hasOnClick =\n\t\t\t\ttypeof (shortLabel.props as any)?.onClick !== 'undefined';\n\n\t\t\treturn (\n\t\t\t\t<InputAddon onClick={() => !hasOnClick && this.focus()}>\n\t\t\t\t\t{cloneElement(shortLabel as any, { size: iconSize })}\n\t\t\t\t</InputAddon>\n\t\t\t);\n\t\t}\n\n\t\treturn null;\n\t};\n\n\t// Handling with size-related shortcut props, like xsmall=\"true\"...\n\tcomputeSize = (): { inputSize: InputProps['size']; iconSize: string } => {\n\t\tlet inputSize = this.props.size;\n\n\t\tif (this.props.xsmall) inputSize = 'xsmall';\n\t\tif (this.props.small) inputSize = 'small';\n\t\tif (this.props.large) inputSize = 'large';\n\n\t\tconst iconSize = {\n\t\t\txsmall: '16px',\n\t\t\tsmall: '20px',\n\t\t\tmedium: '20px',\n\t\t\tlarge: '24px',\n\t\t}[inputSize];\n\n\t\treturn { inputSize, iconSize };\n\t};\n\n\tcomputeTabIndex = () => {\n\t\tif (this.props.tabIndex) return this.props.tabIndex;\n\t\tif (this.props.disabled) return -1;\n\t};\n\n\tfocus = () => this.inputRef.current.focus();\n\n\tselect = () => this.inputRef.current.select();\n\n\thandleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n\t\tif (this.props.onChange) {\n\t\t\tthis.props.onChange(e, { ...this.props, value: e.target.value });\n\t\t}\n\t};\n\n\thandleChildOverrides = (child: any, defaultProps: any) => ({\n\t\t...defaultProps,\n\t\t...child.props,\n\t\tref: (c: any) => {\n\t\t\thandleRef(child.ref, c);\n\t\t\t(this.inputRef.current as any) = c;\n\t\t},\n\t});\n\n\trender() {\n\t\tconst {\n\t\t\tactionPosition,\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tdisabled,\n\t\t\tel: InputElement,\n\t\t\terror,\n\t\t\tfluid,\n\t\t\tfocus,\n\t\t\ticonPosition,\n\t\t\tinverted,\n\t\t\tloading,\n\t\t\tshortLabelPosition,\n\t\t\ttransparent,\n\t\t\treadonly,\n\t\t} = this.props;\n\t\tconst { inputRef, ...inputProps } = this.props;\n\n\t\tconst InputClasses = classnames('Input', className, {\n\t\t\t[`Input--${this.computeSize().inputSize}`]:\n\t\t\t\tthis.computeSize().inputSize,\n\t\t\t'Input--disabled': disabled,\n\t\t\t'Input--error': error,\n\t\t\t'Input--fluid': fluid,\n\t\t\t'Input--focus': focus,\n\t\t\t'Input--inverted': inverted,\n\t\t\t'Input--loading': loading,\n\t\t\t'Input--transparent': transparent,\n\t\t\t'Input--readonly': readonly,\n\t\t});\n\n\t\tconst [strictHtmlInputProps] = splitPropsUsingArray(\n\t\t\tinputProps,\n\t\t\thtmlInputPropsArray\n\t\t);\n\t\tconst htmlInputProps = {\n\t\t\t...strictHtmlInputProps,\n\t\t\ttabIndex: this.computeTabIndex(),\n\t\t\tonChange: this.handleChange,\n\t\t\tref: this.inputRef,\n\t\t};\n\t\tconst [, rest] = splitPropsUsingArray(inputProps, [\n\t\t\t...htmlInputPropsArray,\n\t\t\t...inputPropsArray,\n\t\t]);\n\n\t\t// Case of children passed directly into Input\n\t\tif (Children.count(children) !== 0) {\n\t\t\tconst childElements = Children.toArray(children).map((child, k) => {\n\t\t\t\tif (isElementOfType(child, Button)) {\n\t\t\t\t\treturn child;\n\t\t\t\t}\n\n\t\t\t\tif ((child as any).type === 'input') {\n\t\t\t\t\t// Passing htmlInputProps to the <input />\n\t\t\t\t\treturn cloneElement(\n\t\t\t\t\t\tchild as any,\n\t\t\t\t\t\tthis.handleChildOverrides(child, htmlInputProps)\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn <Input.Addon key={k}>{child}</Input.Addon>;\n\t\t\t});\n\n\t\t\treturn (\n\t\t\t\t<InputElement\n\t\t\t\t\t{...rest}\n\t\t\t\t\tclassName={classnames(InputClasses, 'Input--with-children')}\n\t\t\t\t>\n\t\t\t\t\t<div className=\"Input__InnerWrapper\">{childElements}</div>\n\t\t\t\t</InputElement>\n\t\t\t);\n\t\t}\n\n\t\t// Render with shorthands\n\t\treturn (\n\t\t\t<InputElement\n\t\t\t\tclassName={InputClasses}\n\t\t\t\tdata-anvil-component=\"Input\"\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{actionPosition === 'left' && this.renderAction()}\n\t\t\t\t<div className=\"Input__InnerWrapper\">\n\t\t\t\t\t{iconPosition === 'left' && this.renderIcon()}\n\t\t\t\t\t{shortLabelPosition === 'left' && this.renderShortLabel()}\n\t\t\t\t\t{this.renderInput(htmlInputProps)}\n\t\t\t\t\t{loading && (\n\t\t\t\t\t\t<InputAddon onClick={() => this.focus()}>\n\t\t\t\t\t\t\t<Spinner />\n\t\t\t\t\t\t</InputAddon>\n\t\t\t\t\t)}\n\t\t\t\t\t{shortLabelPosition === 'right' && this.renderShortLabel()}\n\t\t\t\t\t{iconPosition === 'right' && this.renderIcon()}\n\t\t\t\t</div>\n\t\t\t\t{actionPosition === 'right' && this.renderAction()}\n\t\t\t</InputElement>\n\t\t);\n\t}\n}\n"]}
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport { handleRef } from '../../utilities/SemanticUtils';\nimport { isElementOfType } from '../../utilities/isElementOfType';\n\nimport { InputAddon } from './InputAddon';\nimport { Icon, IconNameType, IconProps } from '../Icon';\nimport { Spinner } from '../Spinner';\nimport { Button } from '../Button';\nimport { FormFieldContext } from '../FormField';\n\nimport {\n\tsplitPropsUsingArray,\n\thtmlInputPropsArray,\n\tinputPropsArray,\n} from './inputProps';\n\nconst { Children, createElement, createRef, cloneElement, isValidElement } =\n\tReact;\n\nexport type InputElement = Pick<HTMLInputElement, 'focus' | 'select'>;\n\n/**\n * Input properties\n */\nexport interface InputPropsStrict\n\textends Omit<\n\t\tReact.InputHTMLAttributes<HTMLInputElement>,\n\t\t'size' | 'onChange' | 'tabIndex'\n\t> {\n\t/** An element type to render as (string or function). */\n\tel?: any;\n\n\t/** An Input can be formatted to alert the user to an action they may perform. */\n\taction?: React.ReactNode;\n\n\t/** An action can appear along side an Input on the right (default) or left side. */\n\tactionPosition?: 'right' | 'left';\n\n\t/** Additional classes. */\n\tclassName?: string;\n\n\t/** An Input field can show that it is disabled. */\n\tdisabled?: boolean;\n\n\t/** An Input field can show the data contains errors. */\n\terror?: boolean;\n\n\t/** Take on the size of its container. */\n\tfluid?: boolean;\n\n\t/** An Input field can show a user is currently interacting with it. */\n\tfocus?: boolean;\n\n\t/** Optional Icon to display inside the Input. */\n\ticon?: IconProps | string | React.ReactElement;\n\n\t/** An Icon can appear inside an Input on the right (default) or left side. */\n\ticonPosition?: 'right' | 'left';\n\n\t/** Shorthand for creating the HTML Input. */\n\tinput?: React.ReactNode;\n\n\t/** Format to appear on dark backgrounds. */\n\tinverted?: boolean;\n\n\t/** Shortcut for large-sized input */\n\tlarge?: boolean;\n\n\t/** An Icon Input field can show that it is currently loading data. */\n\tloading?: boolean;\n\n\t/**\n\t * Called on value change.\n\t *\n\t * @param {ChangeEvent} event - React's original SyntheticEvent.\n\t * @param {object} data - All props and a proposed value.\n\t */\n\tonChange?: (\n\t\tevent: React.ChangeEvent<HTMLInputElement>,\n\t\tdata: InputOnChangeData\n\t) => void;\n\n\t/** An Input can vary in size. */\n\tsize?: 'xsmall' | 'small' | 'medium' | 'large';\n\n\t/** Optional Label to display along side the Input. */\n\tshortLabel?: React.ReactNode;\n\n\t/** A Label can appear outside an Input on the left (default) or right side. */\n\tshortLabelPosition?: 'left' | 'right';\n\n\t/** Shortcut for small-sized input */\n\tsmall?: boolean;\n\n\t/** An Input can receive focus. */\n\ttabIndex?: number | string;\n\n\t/** Transparent Input has no background. */\n\ttransparent?: boolean;\n\n\t/** The HTML input type. */\n\ttype?: string;\n\n\t/** Shortcut for x-small-sized input */\n\txsmall?: boolean;\n\n\t/** forwarded input ref */\n\tinputRef?: React.RefObject<HTMLInputElement>;\n}\n\nexport interface InputProps extends InputPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport interface InputOnChangeData extends InputProps {\n\tvalue: string;\n}\n\nexport class Input extends React.Component<InputProps> {\n\tstatic defaultProps: Partial<InputProps> = {\n\t\tactionPosition: 'right',\n\t\tel: 'div',\n\t\ticonPosition: 'right',\n\t\tshortLabelPosition: 'left',\n\t\tsize: 'medium',\n\t\ttype: 'text',\n\t};\n\n\tstatic Addon = InputAddon;\n\tstatic contextType = FormFieldContext;\n\tcontext!: React.ContextType<typeof FormFieldContext>;\n\n\tinputRef: React.RefObject<HTMLInputElement> =\n\t\tthis.props.inputRef || createRef();\n\n\trenderAction = () => {\n\t\tconst { action, disabled } = this.props;\n\n\t\tif (action == null) return null;\n\t\tif (typeof action === 'string') {\n\t\t\treturn (\n\t\t\t\t<Button disabled={disabled} size={this.computeSize().inputSize}>\n\t\t\t\t\t{action}\n\t\t\t\t</Button>\n\t\t\t);\n\t\t}\n\t\tif (action != null && isValidElement(action)) {\n\t\t\treturn cloneElement(action as any, {\n\t\t\t\tdisabled,\n\t\t\t\tsize: this.computeSize().inputSize,\n\t\t\t});\n\t\t}\n\t};\n\n\trenderIcon = () => {\n\t\tconst { icon } = this.props;\n\n\t\t// Icon passed as string\n\t\tif (typeof icon === 'string') {\n\t\t\treturn (\n\t\t\t\t<InputAddon onClick={() => this.focus()}>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tname={icon as IconNameType}\n\t\t\t\t\t\tsize={this.computeSize().iconSize}\n\t\t\t\t\t/>\n\t\t\t\t</InputAddon>\n\t\t\t);\n\t\t}\n\n\t\t// Icon passed as React element\n\t\tif (icon != null && isValidElement(icon)) {\n\t\t\tconst sizedIcon = cloneElement(icon as any, {\n\t\t\t\tsize: this.computeSize().iconSize,\n\t\t\t});\n\t\t\tconst hasOnClick =\n\t\t\t\ttypeof (icon as any)?.props?.onClick !== 'undefined';\n\n\t\t\treturn (\n\t\t\t\t<InputAddon onClick={() => !hasOnClick && this.focus()}>\n\t\t\t\t\t{sizedIcon}\n\t\t\t\t</InputAddon>\n\t\t\t);\n\t\t}\n\n\t\t// Icon passed as Icon.props object\n\t\tif (icon != null && !isValidElement(icon)) {\n\t\t\tconst hasOnClick = typeof (icon as any)?.onClick !== 'undefined';\n\n\t\t\treturn (\n\t\t\t\t<InputAddon onClick={() => !hasOnClick && this.focus()}>\n\t\t\t\t\t<Icon {...icon} />\n\t\t\t\t</InputAddon>\n\t\t\t);\n\t\t}\n\n\t\treturn null;\n\t};\n\n\t// Creating an input element\n\trenderInput = (htmlInputProps: any) => {\n\t\tconst { input, type } = this.props;\n\n\t\t// Handling case of duplicate ID's for the same FormField label\n\t\tconst isLabelAssigned = this.context.inputRef;\n\t\tconst labelFor = this.context.labelFor;\n\t\tif (!isLabelAssigned) {\n\t\t\tthis.context.inputRef = this.inputRef;\n\t\t}\n\n\t\tif (input != null && isValidElement(input)) {\n\t\t\treturn cloneElement(input as any, {\n\t\t\t\t...htmlInputProps,\n\t\t\t\tid: this.props.id || (!isLabelAssigned ? labelFor : undefined),\n\t\t\t});\n\t\t}\n\n\t\treturn createElement('input', {\n\t\t\t...htmlInputProps,\n\t\t\ttype,\n\t\t\tid: this.props.id || (!isLabelAssigned ? labelFor : undefined),\n\t\t});\n\t};\n\n\trenderShortLabel = () => {\n\t\tconst { shortLabel } = this.props;\n\n\t\tif (typeof shortLabel === 'string' && shortLabel !== '') {\n\t\t\treturn (\n\t\t\t\t<InputAddon onClick={() => this.focus()}>\n\t\t\t\t\t{shortLabel}\n\t\t\t\t</InputAddon>\n\t\t\t);\n\t\t}\n\n\t\t// Label passed as React element\n\t\tif (shortLabel != null && isValidElement(shortLabel)) {\n\t\t\tconst iconSize =\n\t\t\t\t(shortLabel as any).props.size || this.computeSize().iconSize;\n\n\t\t\tconst hasOnClick =\n\t\t\t\ttypeof (shortLabel.props as any)?.onClick !== 'undefined';\n\n\t\t\treturn (\n\t\t\t\t<InputAddon onClick={() => !hasOnClick && this.focus()}>\n\t\t\t\t\t{cloneElement(shortLabel as any, { size: iconSize })}\n\t\t\t\t</InputAddon>\n\t\t\t);\n\t\t}\n\n\t\treturn null;\n\t};\n\n\t// Handling with size-related shortcut props, like xsmall=\"true\"...\n\tcomputeSize = (): { inputSize: InputProps['size']; iconSize: string } => {\n\t\tlet inputSize = this.props.size;\n\n\t\tif (this.props.xsmall) inputSize = 'xsmall';\n\t\tif (this.props.small) inputSize = 'small';\n\t\tif (this.props.large) inputSize = 'large';\n\n\t\tconst iconSize = {\n\t\t\txsmall: '16px',\n\t\t\tsmall: '20px',\n\t\t\tmedium: '20px',\n\t\t\tlarge: '24px',\n\t\t}[inputSize];\n\n\t\treturn { inputSize, iconSize };\n\t};\n\n\tcomputeTabIndex = () => {\n\t\tif (this.props.tabIndex) return this.props.tabIndex;\n\t\tif (this.props.disabled) return -1;\n\t};\n\n\tfocus = () => this.inputRef.current.focus();\n\n\tselect = () => this.inputRef.current.select();\n\n\thandleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n\t\tif (this.props.onChange) {\n\t\t\tthis.props.onChange(e, { ...this.props, value: e.target.value });\n\t\t}\n\t};\n\n\thandleChildOverrides = (child: any, defaultProps: any) => ({\n\t\t...defaultProps,\n\t\t...child.props,\n\t\tref: (c: any) => {\n\t\t\thandleRef(child.ref, c);\n\t\t\t(this.inputRef.current as any) = c;\n\t\t},\n\t});\n\n\trender() {\n\t\tconst {\n\t\t\tactionPosition,\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tdisabled,\n\t\t\tel: InputElement,\n\t\t\terror,\n\t\t\tfluid,\n\t\t\tfocus,\n\t\t\ticonPosition,\n\t\t\tinverted,\n\t\t\tloading,\n\t\t\tshortLabelPosition,\n\t\t\ttransparent,\n\t\t\treadOnly,\n\t\t\treadonly,\n\t\t} = this.props;\n\t\tconst { inputRef, ...inputProps } = this.props;\n\n\t\tif ('readonly' in inputProps && !('readOnly' in inputProps)) {\n\t\t\tinputProps.readOnly = inputProps.readonly;\n\t\t}\n\n\t\tconst InputClasses = classnames('Input', className, {\n\t\t\t[`Input--${this.computeSize().inputSize}`]:\n\t\t\t\tthis.computeSize().inputSize,\n\t\t\t'Input--disabled': disabled,\n\t\t\t'Input--error': error,\n\t\t\t'Input--fluid': fluid,\n\t\t\t'Input--focus': focus,\n\t\t\t'Input--inverted': inverted,\n\t\t\t'Input--loading': loading,\n\t\t\t'Input--transparent': transparent,\n\t\t\t'Input--readonly': readOnly || readonly,\n\t\t});\n\n\t\tconst [strictHtmlInputProps] = splitPropsUsingArray(\n\t\t\tinputProps,\n\t\t\thtmlInputPropsArray\n\t\t);\n\t\tconst htmlInputProps = {\n\t\t\t...strictHtmlInputProps,\n\t\t\ttabIndex: this.computeTabIndex(),\n\t\t\tonChange: this.handleChange,\n\t\t\tref: this.inputRef,\n\t\t};\n\t\tconst [, rest] = splitPropsUsingArray(inputProps, [\n\t\t\t...htmlInputPropsArray,\n\t\t\t...inputPropsArray,\n\t\t]);\n\n\t\t// Case of children passed directly into Input\n\t\tif (Children.count(children) !== 0) {\n\t\t\tconst childElements = Children.toArray(children).map((child, k) => {\n\t\t\t\tif (isElementOfType(child, Button)) {\n\t\t\t\t\treturn child;\n\t\t\t\t}\n\n\t\t\t\tif ((child as any).type === 'input') {\n\t\t\t\t\t// Passing htmlInputProps to the <input />\n\t\t\t\t\treturn cloneElement(\n\t\t\t\t\t\tchild as any,\n\t\t\t\t\t\tthis.handleChildOverrides(child, htmlInputProps)\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn <Input.Addon key={k}>{child}</Input.Addon>;\n\t\t\t});\n\n\t\t\treturn (\n\t\t\t\t<InputElement\n\t\t\t\t\t{...rest}\n\t\t\t\t\tclassName={classnames(InputClasses, 'Input--with-children')}\n\t\t\t\t>\n\t\t\t\t\t<div className=\"Input__InnerWrapper\">{childElements}</div>\n\t\t\t\t</InputElement>\n\t\t\t);\n\t\t}\n\n\t\t// Render with shorthands\n\t\treturn (\n\t\t\t<InputElement\n\t\t\t\tclassName={InputClasses}\n\t\t\t\tdata-anvil-component=\"Input\"\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{actionPosition === 'left' && this.renderAction()}\n\t\t\t\t<div className=\"Input__InnerWrapper\">\n\t\t\t\t\t{iconPosition === 'left' && this.renderIcon()}\n\t\t\t\t\t{shortLabelPosition === 'left' && this.renderShortLabel()}\n\t\t\t\t\t{this.renderInput(htmlInputProps)}\n\t\t\t\t\t{loading && (\n\t\t\t\t\t\t<InputAddon onClick={() => this.focus()}>\n\t\t\t\t\t\t\t<Spinner />\n\t\t\t\t\t\t</InputAddon>\n\t\t\t\t\t)}\n\t\t\t\t\t{shortLabelPosition === 'right' && this.renderShortLabel()}\n\t\t\t\t\t{iconPosition === 'right' && this.renderIcon()}\n\t\t\t\t</div>\n\t\t\t\t{actionPosition === 'right' && this.renderAction()}\n\t\t\t</InputElement>\n\t\t);\n\t}\n}\n"]}
|
|
@@ -127,9 +127,6 @@
|
|
|
127
127
|
box-shadow: none;
|
|
128
128
|
/* Chrome autofill styling */
|
|
129
129
|
}
|
|
130
|
-
.Input > .Input__InnerWrapper > input[readonly] {
|
|
131
|
-
background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
|
|
132
|
-
}
|
|
133
130
|
.Input > .Input__InnerWrapper > input::placeholder {
|
|
134
131
|
color: var(--colorsTextDefault, #141414);
|
|
135
132
|
opacity: 0.4;
|
|
@@ -166,8 +163,10 @@
|
|
|
166
163
|
box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
|
|
167
164
|
border-radius: 3px;
|
|
168
165
|
}
|
|
169
|
-
.Input:focus-within > .Input__InnerWrapper, .Input.Input--focus > .Input__InnerWrapper {
|
|
166
|
+
.Input:focus-within:not(.Input--readonly) > .Input__InnerWrapper, .Input.Input--focus:not(.Input--readonly) > .Input__InnerWrapper {
|
|
170
167
|
background-color: var(--colorsSurfaceDefault, white);
|
|
168
|
+
}
|
|
169
|
+
.Input:focus-within > .Input__InnerWrapper, .Input.Input--focus > .Input__InnerWrapper {
|
|
171
170
|
border-color: var(--colorsBorderPrimary, #0265dc);
|
|
172
171
|
}
|
|
173
172
|
.Input:focus-within > .Input__InnerWrapper > input, .Input.Input--focus > .Input__InnerWrapper > input {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Input/Input.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss"],"names":[],"mappings":"AAAA;ACKA;AA2BA;AAmBA;AAAA;AAAA;EACC,wBC/BiB;EDgCjB,2BChCiB;;;ADmClB;AAAA;AAAA;EACC,yBCpCiB;EDqCjB,4BCrCiB;;;ADwClB;AAAA;AAAA;EACC;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;EACC;EACA;;;AAGD;AAAA;AAAA;EACC;EACA;;;AAMD;AASA;AACA;AExFC;EACA;AAEA;EACA;ECLC;EACA;EH4FD;EACA;EACA,OA9Ec;AAmFd;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Input/Input.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss"],"names":[],"mappings":"AAAA;ACKA;AA2BA;AAmBA;AAAA;AAAA;EACC,wBC/BiB;EDgCjB,2BChCiB;;;ADmClB;AAAA;AAAA;EACC,yBCpCiB;EDqCjB,4BCrCiB;;;ADwClB;AAAA;AAAA;EACC;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;EACC;EACA;;;AAGD;AAAA;AAAA;EACC;EACA;;;AAMD;AASA;AACA;AExFC;EACA;AAEA;EACA;ECLC;EACA;EH4FD;EACA;EACA,OA9Ec;AAmFd;AAgFA;AAEA;AAKA;AAmBA;AAmBA;AAuCA;AAiBA;AAEA;AASA;AAmCA;AAmCA;AA0CA;AASA;;AA5TA;EACM;;AAGN;EAAkB,WCkCL;;ADhCb;EAIC,WC6BY;;AD1Bb;EACwB,SApExB;;AAqEA;EAAwB,SA3ExB;;AA4EA;EAAuB,SAzEvB;;AA0EA;EAAuB,SApEvB;;AA6EA;EACC;EACA;EACA;EACA;EACA;AAEA;EACA,kBAhHmB;EAiHnB;EACA,OApHa;EAqHb,eCnHgB;EDoHhB,YA1HD;EA2HC;;AAEA;EAAM;;AAEN;AAvBA;EACA;EACA;EACA;EAuBC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aCVgB;EDWhB;AAEA;EACA;EACA;EACA,OA7IY;EA8IZ,YAlJF;EAmJE;AAOA;;AALA;EACC,OAlJW;EAmJX,SCnDkB;;ADuDnB;EAvFF;;AAyFG;EAzFH;;AA4FE;EA5FF;;AA8FG;EA9FH;;AAsGA;EACC,kBAnKoB;;AAuKrB;EAEC,SC9EiB;;ADiFlB;EAEC,kBA9KoB;;AAgLpB;EACM;;AAEN;EACC,OAxLY;EAyLZ,SCzFmB;;AD8FrB;EAEC,YCxFa;EDyFb,eC/LgB;;ADiMhB;EACC,kBAlMkB;;AAqMnB;EACC,cAhMY;;AAkMZ;EACC,OA3MW;;AAiNd;AA6BC;;AA5BA;EACC,kBAhNgB;EAiNhB,cA9MY;;AAgNZ;EACC,OAtNS;EAuNT;AAEA;;AACA;EACC,OA3NQ;EA4NR,SC7HiB;;ADgIlB;EA5JH;;AA8JI;EA9JJ;;AAiKG;EAjKH;;AAmKI;EAnKJ;;AAuKE;EAAgB,OA1ON;;AA8OX;EAEC;;AAGD;EAAsB,OAnPX;;AA8PX;EACC;EACA;EACA;EACA;EACA,OA9QW;;AAqRb;EACC;EACA;EACA;EACA;EACA;;AASD;EACC,OAhRc;EAiRd,YAJiB;EAKjB;;AAEA;EACC;EACA;EACA;;AAIF;EACC;EACA;EACA,WCjLY;EDkLZ;AAEA;EACA,OAlSc;EAmSd;EACA;EACA;EACA,YACC;;AAMF;EAA+D;;AAC/D;EAA8D;;AAC9D;EAA+D;;AAC/D;EAA8D;;AAE9D;EAAqE;;AACrE;EAAoE;;AACpE;EAAqE;;AACrE;EAAoE;;AAGpE;EAA0E;;AAE1E;EAAoE;;AACpE;EAAmE;;AACnE;EAAoE;;AACpE;EAAmE;;AAGnE;EACC,SAvTD;EAwTC,WCtNY;;ADwNb;EAAsD,SAvTtD;;AAwTA;EAAuD,SArTvD;;AAsTA;EAAsD,SAnTtD;;AAsTA;EAGC;;AAyBA;AAAA;AAAA;EAGC;EACA;;AAEA;AAAA;AAAA;EAGC;;AAGD;AAAA;AAAA;EAGC;;AAMH;AAAA;EAEC;EACA;EACA;EACA;;AAID;EACC;;AAEA;EAAQ;;AAIT;EAAqE;;AACrE;EAAoE;;;AAGrE;EACC;IAAO;;EACP;IAAK","file":"index.css"}
|
|
@@ -4,7 +4,7 @@ import { Link } from './Link';
|
|
|
4
4
|
describe('Link', () => {
|
|
5
5
|
beforeEach(() => jest.spyOn(console, 'error'));
|
|
6
6
|
it('should be an anchor element if href attribute exists', () => {
|
|
7
|
-
const { getByRole } = render(React.createElement(Link, { href: "https://anvil.servicetitan.com" }, "Website"));
|
|
7
|
+
const { getByRole } = render(React.createElement(Link, { href: "https://v1.anvil.servicetitan.com" }, "Website"));
|
|
8
8
|
const link = getByRole('link');
|
|
9
9
|
expect(link).not.toHaveAttribute('type');
|
|
10
10
|
expect(link.tagName).toBe('A');
|
|
@@ -16,7 +16,7 @@ describe('Link', () => {
|
|
|
16
16
|
expect(link.tagName).toBe('BUTTON');
|
|
17
17
|
});
|
|
18
18
|
it('should pass through data automation attributes', () => {
|
|
19
|
-
const { container } = render(React.createElement(Link, { href: "https://anvil.servicetitan.com", "data-auto-sel": "automation-selector" }, "Website"));
|
|
19
|
+
const { container } = render(React.createElement(Link, { href: "https://v1.anvil.servicetitan.com", "data-auto-sel": "automation-selector" }, "Website"));
|
|
20
20
|
const element = container.querySelector('[data-auto-sel="automation-selector"]');
|
|
21
21
|
expect(element).not.toBeNull();
|
|
22
22
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.test.js","sourceRoot":"","sources":["../../../src/components/Link/Link.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACrB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;QAC/D,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI,IAAC,IAAI,EAAC,
|
|
1
|
+
{"version":3,"file":"Link.test.js","sourceRoot":"","sources":["../../../src/components/Link/Link.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACrB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;QAC/D,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI,IAAC,IAAI,EAAC,mCAAmC,cAAe,CAC7D,CAAC;QAEF,MAAM,IAAI,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;QAE/B,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QACzC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;QACjE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,IAAI,IAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,cAAgB,CAAC,CAAC;QAEtE,MAAM,IAAI,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;QAE/B,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACnD,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI,IACJ,IAAI,EAAC,mCAAmC,mBAC1B,qBAAqB,cAG7B,CACP,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Link } from './Link';\n\ndescribe('Link', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should be an anchor element if href attribute exists', () => {\n\t\tconst { getByRole } = render(\n\t\t\t<Link href=\"https://v1.anvil.servicetitan.com\">Website</Link>\n\t\t);\n\n\t\tconst link = getByRole('link');\n\n\t\texpect(link).not.toHaveAttribute('type');\n\t\texpect(link.tagName).toBe('A');\n\t});\n\n\tit('should be a button element if no href attribute exists', () => {\n\t\tconst { getByRole } = render(<Link onClick={() => {}}>Website</Link>);\n\n\t\tconst link = getByRole('link');\n\n\t\texpect(link).not.toHaveAttribute('type', 'button');\n\t\texpect(link.tagName).toBe('BUTTON');\n\t});\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Link\n\t\t\t\thref=\"https://v1.anvil.servicetitan.com\"\n\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t>\n\t\t\t\tWebsite\n\t\t\t</Link>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}
|
|
@@ -681,4 +681,9 @@ span.Popover {
|
|
|
681
681
|
min-width: 60px;
|
|
682
682
|
}
|
|
683
683
|
|
|
684
|
+
.Table.k-grid .k-pager-md .k-pager-numbers-wrap .k-button[aria-current=true] {
|
|
685
|
+
background-color: var(--colorsSurfacePrimary, #0265dc) !important;
|
|
686
|
+
color: var(--colorsTextOnPrimary, white);
|
|
687
|
+
}
|
|
688
|
+
|
|
684
689
|
/*# sourceMappingURL=Table.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/Table/Table.scss"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/Table/Table.scss"],"names":[],"mappings":"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","file":"Table.css"}
|
|
@@ -681,4 +681,9 @@ span.Popover {
|
|
|
681
681
|
min-width: 60px;
|
|
682
682
|
}
|
|
683
683
|
|
|
684
|
+
.Table.k-grid .k-pager-md .k-pager-numbers-wrap .k-button[aria-current=true] {
|
|
685
|
+
background-color: var(--colorsSurfacePrimary, #0265dc) !important;
|
|
686
|
+
color: var(--colorsTextOnPrimary, white);
|
|
687
|
+
}
|
|
688
|
+
|
|
684
689
|
/*# sourceMappingURL=index.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/Table/Table.scss"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/Table/Table.scss"],"names":[],"mappings":"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","file":"index.css"}
|
|
@@ -8192,9 +8192,6 @@ button.a-Icon svg {
|
|
|
8192
8192
|
box-shadow: none;
|
|
8193
8193
|
/* Chrome autofill styling */
|
|
8194
8194
|
}
|
|
8195
|
-
.Input > .Input__InnerWrapper > input[readonly] {
|
|
8196
|
-
background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
|
|
8197
|
-
}
|
|
8198
8195
|
.Input > .Input__InnerWrapper > input::placeholder {
|
|
8199
8196
|
color: var(--colorsTextDefault, #141414);
|
|
8200
8197
|
opacity: 0.4;
|
|
@@ -8231,8 +8228,10 @@ button.a-Icon svg {
|
|
|
8231
8228
|
box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
|
|
8232
8229
|
border-radius: 3px;
|
|
8233
8230
|
}
|
|
8234
|
-
.Input:focus-within > .Input__InnerWrapper, .Input.Input--focus > .Input__InnerWrapper {
|
|
8231
|
+
.Input:focus-within:not(.Input--readonly) > .Input__InnerWrapper, .Input.Input--focus:not(.Input--readonly) > .Input__InnerWrapper {
|
|
8235
8232
|
background-color: var(--colorsSurfaceDefault, white);
|
|
8233
|
+
}
|
|
8234
|
+
.Input:focus-within > .Input__InnerWrapper, .Input.Input--focus > .Input__InnerWrapper {
|
|
8236
8235
|
border-color: var(--colorsBorderPrimary, #0265dc);
|
|
8237
8236
|
}
|
|
8238
8237
|
.Input:focus-within > .Input__InnerWrapper > input, .Input.Input--focus > .Input__InnerWrapper > input {
|
|
@@ -11356,6 +11355,11 @@ button.a-Icon svg {
|
|
|
11356
11355
|
min-width: 60px;
|
|
11357
11356
|
}
|
|
11358
11357
|
|
|
11358
|
+
.Table.k-grid .k-pager-md .k-pager-numbers-wrap .k-button[aria-current=true] {
|
|
11359
|
+
background-color: var(--colorsSurfacePrimary, #0265dc) !important;
|
|
11360
|
+
color: var(--colorsTextOnPrimary, white);
|
|
11361
|
+
}
|
|
11362
|
+
|
|
11359
11363
|
.Tag {
|
|
11360
11364
|
/* Set color on root of component. It can be overridden after the @include */
|
|
11361
11365
|
color: var(--colorsTextDefault, #141414);
|