@ni/nimble-components 1.0.0-beta.11 → 1.0.0-beta.110
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/README.md +15 -4
- package/dist/esm/button/behaviors.js.map +1 -1
- package/dist/esm/button/index.d.ts +3 -0
- package/dist/esm/button/index.js +5 -10
- package/dist/esm/button/index.js.map +1 -1
- package/dist/esm/button/styles.js +120 -49
- package/dist/esm/button/styles.js.map +1 -1
- package/dist/esm/checkbox/index.d.ts +2 -0
- package/dist/esm/checkbox/index.js +12 -0
- package/dist/esm/checkbox/index.js.map +1 -0
- package/dist/esm/checkbox/styles.d.ts +1 -0
- package/dist/esm/checkbox/styles.js +92 -0
- package/dist/esm/checkbox/styles.js.map +1 -0
- package/dist/esm/drawer/animations.d.ts +14 -0
- package/dist/esm/drawer/animations.js +52 -0
- package/dist/esm/drawer/animations.js.map +1 -0
- package/dist/esm/drawer/index.d.ts +39 -0
- package/dist/esm/drawer/index.js +190 -0
- package/dist/esm/drawer/index.js.map +1 -0
- package/dist/esm/drawer/styles.d.ts +1 -0
- package/dist/esm/drawer/styles.js +116 -0
- package/dist/esm/drawer/styles.js.map +1 -0
- package/dist/esm/drawer/types.d.ts +10 -0
- package/dist/esm/drawer/types.js +13 -0
- package/dist/esm/drawer/types.js.map +1 -0
- package/dist/esm/icon-base/index.d.ts +12 -0
- package/dist/esm/icon-base/index.js +22 -0
- package/dist/esm/icon-base/index.js.map +1 -0
- package/dist/esm/icon-base/styles.d.ts +1 -0
- package/dist/esm/icon-base/styles.js +38 -0
- package/dist/esm/icon-base/styles.js.map +1 -0
- package/dist/esm/icon-base/template.d.ts +2 -0
- package/dist/esm/icon-base/template.js +7 -0
- package/dist/esm/icon-base/template.js.map +1 -0
- package/dist/esm/icons/access-control.d.ts +7 -0
- package/dist/esm/icons/access-control.js +12 -0
- package/dist/esm/icons/access-control.js.map +1 -0
- package/dist/esm/icons/admin.d.ts +7 -0
- package/dist/esm/icons/admin.js +12 -0
- package/dist/esm/icons/admin.js.map +1 -0
- package/dist/esm/icons/administration.d.ts +7 -0
- package/dist/esm/icons/administration.js +12 -0
- package/dist/esm/icons/administration.js.map +1 -0
- package/dist/esm/icons/all-icons.d.ts +15 -0
- package/dist/esm/icons/all-icons.js +16 -0
- package/dist/esm/icons/all-icons.js.map +1 -0
- package/dist/esm/icons/check.d.ts +7 -0
- package/dist/esm/icons/check.js +12 -0
- package/dist/esm/icons/check.js.map +1 -0
- package/dist/esm/icons/custom-applications.d.ts +7 -0
- package/dist/esm/icons/custom-applications.js +12 -0
- package/dist/esm/icons/custom-applications.js.map +1 -0
- package/dist/esm/icons/delete.d.ts +7 -0
- package/dist/esm/icons/delete.js +12 -0
- package/dist/esm/icons/delete.js.map +1 -0
- package/dist/esm/icons/fail.d.ts +7 -0
- package/dist/esm/icons/fail.js +12 -0
- package/dist/esm/icons/fail.js.map +1 -0
- package/dist/esm/icons/login.d.ts +7 -0
- package/dist/esm/icons/login.js +12 -0
- package/dist/esm/icons/login.js.map +1 -0
- package/dist/esm/icons/logout.d.ts +7 -0
- package/dist/esm/icons/logout.js +12 -0
- package/dist/esm/icons/logout.js.map +1 -0
- package/dist/esm/icons/managed-systems.d.ts +7 -0
- package/dist/esm/icons/managed-systems.js +12 -0
- package/dist/esm/icons/managed-systems.js.map +1 -0
- package/dist/esm/icons/measurement-data-analysis.d.ts +7 -0
- package/dist/esm/icons/measurement-data-analysis.js +12 -0
- package/dist/esm/icons/measurement-data-analysis.js.map +1 -0
- package/dist/esm/icons/settings.d.ts +7 -0
- package/dist/esm/icons/settings.js +12 -0
- package/dist/esm/icons/settings.js.map +1 -0
- package/dist/esm/icons/succeeded.d.ts +7 -0
- package/dist/esm/icons/succeeded.js +12 -0
- package/dist/esm/icons/succeeded.js.map +1 -0
- package/dist/esm/icons/test-insights.d.ts +7 -0
- package/dist/esm/icons/test-insights.js +12 -0
- package/dist/esm/icons/test-insights.js.map +1 -0
- package/dist/esm/icons/utilities.d.ts +7 -0
- package/dist/esm/icons/utilities.js +12 -0
- package/dist/esm/icons/utilities.js.map +1 -0
- package/dist/esm/listbox-option/index.d.ts +10 -0
- package/dist/esm/listbox-option/index.js +29 -0
- package/dist/esm/listbox-option/index.js.map +1 -0
- package/dist/esm/listbox-option/styles.d.ts +1 -0
- package/dist/esm/listbox-option/styles.js +60 -0
- package/dist/esm/listbox-option/styles.js.map +1 -0
- package/dist/esm/menu/index.d.ts +5 -0
- package/dist/esm/menu/index.js +22 -0
- package/dist/esm/menu/index.js.map +1 -0
- package/dist/esm/menu/styles.d.ts +1 -0
- package/dist/esm/menu/styles.js +40 -0
- package/dist/esm/menu/styles.js.map +1 -0
- package/dist/esm/menu-item/index.d.ts +15 -0
- package/dist/esm/menu-item/index.js +22 -0
- package/dist/esm/menu-item/index.js.map +1 -0
- package/dist/esm/menu-item/styles.d.ts +1 -0
- package/dist/esm/menu-item/styles.js +64 -0
- package/dist/esm/menu-item/styles.js.map +1 -0
- package/dist/esm/number-field/index.d.ts +6 -1
- package/dist/esm/number-field/index.js +5 -9
- package/dist/esm/number-field/index.js.map +1 -1
- package/dist/esm/number-field/styles.js +114 -66
- package/dist/esm/number-field/styles.js.map +1 -1
- package/dist/esm/select/index.d.ts +12 -0
- package/dist/esm/select/index.js +46 -0
- package/dist/esm/select/index.js.map +1 -0
- package/dist/esm/select/styles.d.ts +1 -0
- package/dist/esm/select/styles.js +141 -0
- package/dist/esm/select/styles.js.map +1 -0
- package/dist/esm/tab/index.d.ts +2 -0
- package/dist/esm/tab/index.js +9 -0
- package/dist/esm/tab/index.js.map +1 -0
- package/dist/esm/tab/styles.d.ts +1 -0
- package/dist/esm/tab/styles.js +53 -0
- package/dist/esm/tab/styles.js.map +1 -0
- package/dist/esm/tab-panel/index.d.ts +2 -0
- package/dist/esm/tab-panel/index.js +9 -0
- package/dist/esm/tab-panel/index.js.map +1 -0
- package/dist/esm/tab-panel/styles.d.ts +1 -0
- package/dist/esm/tab-panel/styles.js +15 -0
- package/dist/esm/tab-panel/styles.js.map +1 -0
- package/dist/esm/tabs/index.d.ts +2 -0
- package/dist/esm/tabs/index.js +9 -0
- package/dist/esm/tabs/index.js.map +1 -0
- package/dist/esm/tabs/styles.d.ts +1 -0
- package/dist/esm/tabs/styles.js +43 -0
- package/dist/esm/tabs/styles.js.map +1 -0
- package/dist/esm/tabs-toolbar/index.d.ts +6 -0
- package/dist/esm/tabs-toolbar/index.js +15 -0
- package/dist/esm/tabs-toolbar/index.js.map +1 -0
- package/dist/esm/tabs-toolbar/styles.d.ts +1 -0
- package/dist/esm/tabs-toolbar/styles.js +23 -0
- package/dist/esm/tabs-toolbar/styles.js.map +1 -0
- package/dist/esm/tabs-toolbar/template.d.ts +1 -0
- package/dist/esm/tabs-toolbar/template.js +8 -0
- package/dist/esm/tabs-toolbar/template.js.map +1 -0
- package/dist/esm/testing/dom-next-update.d.ts +4 -0
- package/dist/esm/testing/dom-next-update.js +6 -0
- package/dist/esm/testing/dom-next-update.js.map +1 -0
- package/dist/esm/text-field/index.d.ts +6 -1
- package/dist/esm/text-field/index.js +3 -1
- package/dist/esm/text-field/index.js.map +1 -1
- package/dist/esm/text-field/styles.js +139 -63
- package/dist/esm/text-field/styles.js.map +1 -1
- package/dist/esm/theme-provider/design-tokens.d.ts +33 -2
- package/dist/esm/theme-provider/design-tokens.js +118 -13
- package/dist/esm/theme-provider/design-tokens.js.map +1 -1
- package/dist/esm/theme-provider/index.d.ts +10 -1
- package/dist/esm/theme-provider/index.js +9 -15
- package/dist/esm/theme-provider/index.js.map +1 -1
- package/dist/esm/theme-provider/template.d.ts +2 -0
- package/dist/esm/theme-provider/template.js +3 -0
- package/dist/esm/theme-provider/template.js.map +1 -0
- package/dist/esm/theme-provider/themes.d.ts +4 -3
- package/dist/esm/theme-provider/themes.js +4 -3
- package/dist/esm/theme-provider/themes.js.map +1 -1
- package/dist/esm/tree-item/index.d.ts +28 -0
- package/dist/esm/tree-item/index.js +114 -0
- package/dist/esm/tree-item/index.js.map +1 -0
- package/dist/esm/tree-item/styles.d.ts +3 -0
- package/dist/esm/tree-item/styles.js +195 -0
- package/dist/esm/tree-item/styles.js.map +1 -0
- package/dist/esm/tree-view/index.d.ts +16 -0
- package/dist/esm/tree-view/index.js +34 -0
- package/dist/esm/tree-view/index.js.map +1 -0
- package/dist/esm/tree-view/styles.d.ts +1 -0
- package/dist/esm/tree-view/styles.js +17 -0
- package/dist/esm/tree-view/styles.js.map +1 -0
- package/dist/esm/tree-view/types.d.ts +6 -0
- package/dist/esm/tree-view/types.js +8 -0
- package/dist/esm/tree-view/types.js.map +1 -0
- package/dist/esm/utilities/style/focus.d.ts +11 -0
- package/dist/esm/utilities/style/focus.js +14 -0
- package/dist/esm/utilities/style/focus.js.map +1 -0
- package/package.json +41 -28
- package/dist/esm/button/tests/button.spec.d.ts +0 -1
- package/dist/esm/button/tests/button.spec.js +0 -39
- package/dist/esm/button/tests/button.spec.js.map +0 -1
- package/dist/esm/button/tests/button.stories.d.ts +0 -81
- package/dist/esm/button/tests/button.stories.js +0 -59
- package/dist/esm/button/tests/button.stories.js.map +0 -1
- package/dist/esm/number-field/tests/number-field.stories.d.ts +0 -33
- package/dist/esm/number-field/tests/number-field.stories.js +0 -26
- package/dist/esm/number-field/tests/number-field.stories.js.map +0 -1
- package/dist/esm/shared/icon-font.d.ts +0 -3
- package/dist/esm/shared/icon-font.js +0 -6
- package/dist/esm/shared/icon-font.js.map +0 -1
- package/dist/esm/tests/utilities/fixture.d.ts +0 -89
- package/dist/esm/tests/utilities/fixture.js +0 -90
- package/dist/esm/tests/utilities/fixture.js.map +0 -1
- package/dist/esm/tests/utilities/fixture.spec.d.ts +0 -1
- package/dist/esm/tests/utilities/fixture.spec.js +0 -73
- package/dist/esm/tests/utilities/fixture.spec.js.map +0 -1
- package/dist/esm/tests/utilities/setup.d.ts +0 -2
- package/dist/esm/tests/utilities/setup.js +0 -7
- package/dist/esm/tests/utilities/setup.js.map +0 -1
- package/dist/esm/text-field/tests/text-field.stories.d.ts +0 -42
- package/dist/esm/text-field/tests/text-field.stories.js +0 -30
- package/dist/esm/text-field/tests/text-field.stories.js.map +0 -1
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { DOM } from '@microsoft/fast-element';
|
|
2
|
-
import { fixture } from '../../tests/utilities/fixture';
|
|
3
|
-
import '../index';
|
|
4
|
-
async function setup() {
|
|
5
|
-
return fixture('nimble-button');
|
|
6
|
-
}
|
|
7
|
-
describe('Button', () => {
|
|
8
|
-
it('should set the `autofocus` attribute on the internal button when provided', async () => {
|
|
9
|
-
const { element, connect, disconnect } = await setup();
|
|
10
|
-
element.autofocus = true;
|
|
11
|
-
await connect();
|
|
12
|
-
expect(element.shadowRoot?.querySelector('button')?.hasAttribute('autofocus')).toBe(true);
|
|
13
|
-
await disconnect();
|
|
14
|
-
});
|
|
15
|
-
describe("of type 'submit'", () => {
|
|
16
|
-
it('should submit the parent form when clicked', async () => {
|
|
17
|
-
const { element, parent, connect, disconnect } = await setup();
|
|
18
|
-
const form = document.createElement('form');
|
|
19
|
-
element.setAttribute('type', 'submit');
|
|
20
|
-
form.appendChild(element);
|
|
21
|
-
parent.appendChild(form);
|
|
22
|
-
await connect();
|
|
23
|
-
const wasSumbitted = await new Promise(resolve => {
|
|
24
|
-
// Resolve as true when the event listener is handled
|
|
25
|
-
form.addEventListener('submit', (event) => {
|
|
26
|
-
event.preventDefault();
|
|
27
|
-
expect(event.submitter).toEqual(element.proxy);
|
|
28
|
-
resolve(true);
|
|
29
|
-
});
|
|
30
|
-
element.click();
|
|
31
|
-
// Resolve false on the next update in case reset hasn't happened
|
|
32
|
-
DOM.queueUpdate(() => resolve(false));
|
|
33
|
-
});
|
|
34
|
-
expect(wasSumbitted).toBe(true);
|
|
35
|
-
await disconnect();
|
|
36
|
-
});
|
|
37
|
-
});
|
|
38
|
-
});
|
|
39
|
-
//# sourceMappingURL=button.spec.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.spec.js","sourceRoot":"","sources":["../../../../src/button/tests/button.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAW,MAAM,+BAA+B,CAAC;AAEjE,OAAO,UAAU,CAAC;AAElB,KAAK,UAAU,KAAK;IAChB,OAAO,OAAO,CAAS,eAAe,CAAC,CAAC;AAC5C,CAAC;AAED,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACpB,EAAE,CAAC,2EAA2E,EAAE,KAAK,IAAI,EAAE;QACvF,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,MAAM,KAAK,EAAE,CAAC;QAEvD,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC;QAEzB,MAAM,OAAO,EAAE,CAAC;QAEhB,MAAM,CACF,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CACzE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEb,MAAM,UAAU,EAAE,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAC9B,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;YACxD,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,MAAM,KAAK,EAAE,CAAC;YAC/D,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YAC5C,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;YACvC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAC1B,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAEzB,MAAM,OAAO,EAAE,CAAC;YAEhB,MAAM,YAAY,GAAG,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;gBAC7C,qDAAqD;gBACrD,IAAI,CAAC,gBAAgB,CACjB,QAAQ,EACR,CAAC,KAAyC,EAAE,EAAE;oBAC1C,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;oBAC/C,OAAO,CAAC,IAAI,CAAC,CAAC;gBAClB,CAAC,CACJ,CAAC;gBAEF,OAAO,CAAC,KAAK,EAAE,CAAC;gBAEhB,iEAAiE;gBACjE,GAAG,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;YAC1C,CAAC,CAAC,CAAC;YAEH,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAEhC,MAAM,UAAU,EAAE,CAAC;QACvB,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
import { ButtonAppearance } from '../types';
|
|
2
|
-
import '../index';
|
|
3
|
-
declare const _default: {
|
|
4
|
-
title: string;
|
|
5
|
-
decorators: ((...args: any) => any)[];
|
|
6
|
-
parameters: {
|
|
7
|
-
design: {
|
|
8
|
-
artboardUrl: string;
|
|
9
|
-
};
|
|
10
|
-
actions: {
|
|
11
|
-
handles: string[];
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
argTypes: {
|
|
15
|
-
appearance: {
|
|
16
|
-
options: ButtonAppearance[];
|
|
17
|
-
control: {
|
|
18
|
-
type: string;
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
disabled: {
|
|
22
|
-
options: string[];
|
|
23
|
-
control: {
|
|
24
|
-
type: string;
|
|
25
|
-
};
|
|
26
|
-
};
|
|
27
|
-
};
|
|
28
|
-
render: ({ label, appearance, disabled }: {
|
|
29
|
-
label: string;
|
|
30
|
-
appearance: string;
|
|
31
|
-
disabled: string;
|
|
32
|
-
}) => string;
|
|
33
|
-
args: {
|
|
34
|
-
label: string;
|
|
35
|
-
appearance: string;
|
|
36
|
-
};
|
|
37
|
-
};
|
|
38
|
-
export default _default;
|
|
39
|
-
export declare const defaultButton: {
|
|
40
|
-
(): string;
|
|
41
|
-
parameters: any;
|
|
42
|
-
};
|
|
43
|
-
export declare const outlineButton: {
|
|
44
|
-
args: {
|
|
45
|
-
label: string;
|
|
46
|
-
appearance: ButtonAppearance;
|
|
47
|
-
};
|
|
48
|
-
};
|
|
49
|
-
export declare const ghostButton: {
|
|
50
|
-
args: {
|
|
51
|
-
label: string;
|
|
52
|
-
appearance: ButtonAppearance;
|
|
53
|
-
};
|
|
54
|
-
};
|
|
55
|
-
export declare const blockButton: {
|
|
56
|
-
args: {
|
|
57
|
-
label: string;
|
|
58
|
-
appearance: ButtonAppearance;
|
|
59
|
-
};
|
|
60
|
-
};
|
|
61
|
-
export declare const outlineButtonDisabled: {
|
|
62
|
-
args: {
|
|
63
|
-
disabled: string;
|
|
64
|
-
label: string;
|
|
65
|
-
appearance: ButtonAppearance;
|
|
66
|
-
};
|
|
67
|
-
};
|
|
68
|
-
export declare const ghostButtonDisabled: {
|
|
69
|
-
args: {
|
|
70
|
-
disabled: string;
|
|
71
|
-
label: string;
|
|
72
|
-
appearance: ButtonAppearance;
|
|
73
|
-
};
|
|
74
|
-
};
|
|
75
|
-
export declare const blockButtonDisabled: {
|
|
76
|
-
args: {
|
|
77
|
-
disabled: string;
|
|
78
|
-
label: string;
|
|
79
|
-
appearance: ButtonAppearance;
|
|
80
|
-
};
|
|
81
|
-
};
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import { withXD } from 'storybook-addon-xd-designs';
|
|
2
|
-
import { ButtonAppearance } from '../types';
|
|
3
|
-
import '../index';
|
|
4
|
-
export default {
|
|
5
|
-
title: 'Button',
|
|
6
|
-
decorators: [withXD],
|
|
7
|
-
parameters: {
|
|
8
|
-
design: {
|
|
9
|
-
artboardUrl: 'https://xd.adobe.com/view/6fdbdacb-b624-4d2c-950e-a58f3fd7ebac-3a88/screen/aeff5951-0982-4f82-a471-a9e5a0675a63/specs'
|
|
10
|
-
},
|
|
11
|
-
actions: {
|
|
12
|
-
handles: ['click']
|
|
13
|
-
}
|
|
14
|
-
},
|
|
15
|
-
argTypes: {
|
|
16
|
-
appearance: {
|
|
17
|
-
options: Object.values(ButtonAppearance),
|
|
18
|
-
control: { type: 'radio' }
|
|
19
|
-
},
|
|
20
|
-
disabled: {
|
|
21
|
-
options: ['disabled'],
|
|
22
|
-
control: { type: 'check' }
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
render: ({ label, appearance, disabled }) => `<nimble-button ${disabled} appearance="${appearance}">${label}</nimble-button>`,
|
|
26
|
-
args: {
|
|
27
|
-
label: 'Ghost Button',
|
|
28
|
-
appearance: 'ghost'
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
export const defaultButton = () => '<nimble-button>Default Button</nimble-button>';
|
|
32
|
-
export const outlineButton = {
|
|
33
|
-
args: { label: 'Outline Button', appearance: ButtonAppearance.Outline }
|
|
34
|
-
};
|
|
35
|
-
export const ghostButton = {
|
|
36
|
-
args: { label: 'Ghost Button', appearance: ButtonAppearance.Ghost }
|
|
37
|
-
};
|
|
38
|
-
export const blockButton = {
|
|
39
|
-
args: { label: 'Block Button', appearance: ButtonAppearance.Block }
|
|
40
|
-
};
|
|
41
|
-
export const outlineButtonDisabled = {
|
|
42
|
-
args: {
|
|
43
|
-
...outlineButton.args,
|
|
44
|
-
disabled: 'disabled'
|
|
45
|
-
}
|
|
46
|
-
};
|
|
47
|
-
export const ghostButtonDisabled = {
|
|
48
|
-
args: {
|
|
49
|
-
...ghostButton.args,
|
|
50
|
-
disabled: 'disabled'
|
|
51
|
-
}
|
|
52
|
-
};
|
|
53
|
-
export const blockButtonDisabled = {
|
|
54
|
-
args: {
|
|
55
|
-
...blockButton.args,
|
|
56
|
-
disabled: 'disabled'
|
|
57
|
-
}
|
|
58
|
-
};
|
|
59
|
-
//# sourceMappingURL=button.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.stories.js","sourceRoot":"","sources":["../../../../src/button/tests/button.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,UAAU,CAAC;AAElB,eAAe;IACX,KAAK,EAAE,QAAQ;IACf,UAAU,EAAE,CAAC,MAAM,CAAC;IACpB,UAAU,EAAE;QACR,MAAM,EAAE;YACJ,WAAW,EACf,uHAAuH;SACtH;QACD,OAAO,EAAE;YACL,OAAO,EAAE,CAAC,OAAO,CAAC;SACrB;KACJ;IACD,QAAQ,EAAE;QACN,UAAU,EAAE;YACR,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC;YACxC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC7B;QACD,QAAQ,EAAE;YACN,OAAO,EAAE,CAAC,UAAU,CAAC;YACrB,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC7B;KACJ;IACD,MAAM,EAAE,CAAC,EACL,KAAK,EACL,UAAU,EACV,QAAQ,EAKX,EAAU,EAAE,CAAC,kBAAkB,QAAQ,gBAAgB,UAAU,KAAK,KAAK,kBAAkB;IAC9F,IAAI,EAAE;QACF,KAAK,EAAE,cAAc;QACrB,UAAU,EAAE,OAAO;KACtB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAW,EAAE,CAAC,+CAA+C,CAAC;AAE3F,MAAM,CAAC,MAAM,aAAa,GAAG;IACzB,IAAI,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,gBAAgB,CAAC,OAAO,EAAE;CAC1E,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,gBAAgB,CAAC,KAAK,EAAE;CACtE,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,gBAAgB,CAAC,KAAK,EAAE;CACtE,CAAC;AACF,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,IAAI,EAAE;QACF,GAAG,aAAa,CAAC,IAAI;QACrB,QAAQ,EAAE,UAAU;KACvB;CACJ,CAAC;AACF,MAAM,CAAC,MAAM,mBAAmB,GAAG;IAC/B,IAAI,EAAE;QACF,GAAG,WAAW,CAAC,IAAI;QACnB,QAAQ,EAAE,UAAU;KACvB;CACJ,CAAC;AACF,MAAM,CAAC,MAAM,mBAAmB,GAAG;IAC/B,IAAI,EAAE;QACF,GAAG,WAAW,CAAC,IAAI;QACnB,QAAQ,EAAE,UAAU;KACvB;CACJ,CAAC"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import '../index';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
decorators: ((...args: any) => any)[];
|
|
5
|
-
parameters: {
|
|
6
|
-
design: {
|
|
7
|
-
artboardUrl: string;
|
|
8
|
-
};
|
|
9
|
-
actions: {
|
|
10
|
-
handles: string[];
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
render: ({ label, value }: {
|
|
14
|
-
label: string;
|
|
15
|
-
value: string;
|
|
16
|
-
}) => string;
|
|
17
|
-
args: {
|
|
18
|
-
label: string;
|
|
19
|
-
value: string;
|
|
20
|
-
};
|
|
21
|
-
};
|
|
22
|
-
export default _default;
|
|
23
|
-
export declare const numberField: {
|
|
24
|
-
args: {
|
|
25
|
-
label: string;
|
|
26
|
-
};
|
|
27
|
-
};
|
|
28
|
-
export declare const numberFieldWithValue: {
|
|
29
|
-
args: {
|
|
30
|
-
label: string;
|
|
31
|
-
value: number;
|
|
32
|
-
};
|
|
33
|
-
};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { withXD } from 'storybook-addon-xd-designs';
|
|
2
|
-
import '../index';
|
|
3
|
-
export default {
|
|
4
|
-
title: 'Number Field',
|
|
5
|
-
decorators: [withXD],
|
|
6
|
-
parameters: {
|
|
7
|
-
design: {
|
|
8
|
-
artboardUrl: 'https://xd.adobe.com/view/2a5a7401-925e-4fcc-9230-39d8e3c56729-7f09/screen/bd1931c3-ab16-4f62-9249-7be138831280/specs/'
|
|
9
|
-
},
|
|
10
|
-
actions: {
|
|
11
|
-
handles: ['change', 'input']
|
|
12
|
-
}
|
|
13
|
-
},
|
|
14
|
-
render: ({ label, value }) => `<nimble-number-field id='user' placeholder='${label}' value='${value}'>${label}</nimble-number-field>`,
|
|
15
|
-
args: {
|
|
16
|
-
label: 'default label',
|
|
17
|
-
value: 'number'
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
export const numberField = {
|
|
21
|
-
args: { label: 'Number Field' }
|
|
22
|
-
};
|
|
23
|
-
export const numberFieldWithValue = {
|
|
24
|
-
args: { label: 'Number Field', value: 1234567 }
|
|
25
|
-
};
|
|
26
|
-
//# sourceMappingURL=number-field.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"number-field.stories.js","sourceRoot":"","sources":["../../../../src/number-field/tests/number-field.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,UAAU,CAAC;AAElB,eAAe;IACX,KAAK,EAAE,cAAc;IACrB,UAAU,EAAE,CAAC,MAAM,CAAC;IACpB,UAAU,EAAE;QACR,MAAM,EAAE;YACJ,WAAW,EACf,wHAAwH;SACvH;QACD,OAAO,EAAE;YACL,OAAO,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;SAC/B;KACJ;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAoC,EAAU,EAAE,CAAC,+CAA+C,KAAK,YAAY,KAAK,KAAK,KAAK,wBAAwB;IAC/K,IAAI,EAAE;QACF,KAAK,EAAE,eAAe;QACtB,KAAK,EAAE,QAAQ;KAClB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAChC,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE;CAClD,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { css } from '@microsoft/fast-element';
|
|
2
|
-
import styleString from '@ni/nimble-tokens/dist-icons-esm/nimble-icons-font-classes';
|
|
3
|
-
import { NimbleIcons as nimbleIconNames } from '@ni/nimble-tokens/dist-icons-esm/nimble-icons';
|
|
4
|
-
const nimbleIconFontStyles = css([styleString]);
|
|
5
|
-
export { nimbleIconFontStyles, nimbleIconNames };
|
|
6
|
-
//# sourceMappingURL=icon-font.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon-font.js","sourceRoot":"","sources":["../../../src/shared/icon-font.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,WAAW,MAAM,4DAA4D,CAAC;AACrF,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAE/F,MAAM,oBAAoB,GAAG,GAAG,CAAC,CAAC,WAAW,CAAoC,CAAC,CAAC;AACnF,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
import { Constructable, ExecutionContext, HTMLView, ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
-
import { DesignSystem } from '@microsoft/fast-foundation';
|
|
3
|
-
import type { FoundationElementDefinition, FoundationElementRegistry } from '@microsoft/fast-foundation';
|
|
4
|
-
/**
|
|
5
|
-
* Options used to customize the creation of the test fixture.
|
|
6
|
-
*/
|
|
7
|
-
export interface FixtureOptions {
|
|
8
|
-
/**
|
|
9
|
-
* The document to run the fixture in.
|
|
10
|
-
* @defaultValue `globalThis.document`
|
|
11
|
-
*/
|
|
12
|
-
document?: Document;
|
|
13
|
-
/**
|
|
14
|
-
* The parent element to append the fixture to.
|
|
15
|
-
* @defaultValue An instance of `HTMLDivElement`.
|
|
16
|
-
*/
|
|
17
|
-
parent?: HTMLElement;
|
|
18
|
-
/**
|
|
19
|
-
* The data source to bind the HTML to.
|
|
20
|
-
* @defaultValue An empty object.
|
|
21
|
-
*/
|
|
22
|
-
source?: any;
|
|
23
|
-
/**
|
|
24
|
-
* The execution context to use during binding.
|
|
25
|
-
* @defaultValue {@link @microsoft/fast-element#defaultExecutionContext}
|
|
26
|
-
*/
|
|
27
|
-
context?: ExecutionContext;
|
|
28
|
-
/**
|
|
29
|
-
* A pre-configured design system instance used in setting up the fixture.
|
|
30
|
-
*/
|
|
31
|
-
designSystem?: DesignSystem;
|
|
32
|
-
}
|
|
33
|
-
export interface Fixture<TElement = HTMLElement> {
|
|
34
|
-
/**
|
|
35
|
-
* The document the fixture is running in.
|
|
36
|
-
*/
|
|
37
|
-
document: Document;
|
|
38
|
-
/**
|
|
39
|
-
* The template the fixture was created from.
|
|
40
|
-
*/
|
|
41
|
-
template: ViewTemplate;
|
|
42
|
-
/**
|
|
43
|
-
* The view that was created from the fixture's template.
|
|
44
|
-
*/
|
|
45
|
-
view: HTMLView;
|
|
46
|
-
/**
|
|
47
|
-
* The parent element that the view was appended to.
|
|
48
|
-
* @remarks
|
|
49
|
-
* This element will be appended to the DOM only
|
|
50
|
-
* after {@link Fixture.connect} has been called.
|
|
51
|
-
*/
|
|
52
|
-
parent: HTMLElement;
|
|
53
|
-
/**
|
|
54
|
-
* The first element in the {@link Fixture.view}.
|
|
55
|
-
*/
|
|
56
|
-
element: TElement;
|
|
57
|
-
/**
|
|
58
|
-
* Adds the {@link Fixture.parent} to the DOM, causing the
|
|
59
|
-
* connect lifecycle to begin.
|
|
60
|
-
* @remarks
|
|
61
|
-
* Yields control to the caller one Microtask later, in order to
|
|
62
|
-
* ensure that the DOM has settled.
|
|
63
|
-
*/
|
|
64
|
-
connect: () => Promise<void>;
|
|
65
|
-
/**
|
|
66
|
-
* Removes the {@link Fixture.parent} from the DOM, causing the
|
|
67
|
-
* disconnect lifecycle to begin.
|
|
68
|
-
* @remarks
|
|
69
|
-
* Yields control to the caller one Microtask later, in order to
|
|
70
|
-
* ensure that the DOM has settled.
|
|
71
|
-
*/
|
|
72
|
-
disconnect: () => Promise<void>;
|
|
73
|
-
}
|
|
74
|
-
/**
|
|
75
|
-
* Creates a random, unique name suitable for use as a Custom Element name.
|
|
76
|
-
*/
|
|
77
|
-
export declare function uniqueElementName(): string;
|
|
78
|
-
/**
|
|
79
|
-
* Creates a test fixture suitable for testing custom elements, templates, and bindings.
|
|
80
|
-
* @param templateNameOrRegistry An HTML template or single element name to create the fixture for.
|
|
81
|
-
* @param options Enables customizing fixture creation behavior.
|
|
82
|
-
* @remarks
|
|
83
|
-
* Yields control to the caller one Microtask later, in order to
|
|
84
|
-
* ensure that the DOM has settled.
|
|
85
|
-
*/
|
|
86
|
-
export declare function fixture<TElement = HTMLElement>(templateNameOrRegistry: ViewTemplate | string | FoundationElementRegistry<FoundationElementDefinition, Constructable<TElement>> | [
|
|
87
|
-
FoundationElementRegistry<FoundationElementDefinition, Constructable<TElement>>,
|
|
88
|
-
...FoundationElementRegistry<FoundationElementDefinition, Constructable>[]
|
|
89
|
-
], options?: FixtureOptions): Promise<Fixture<TElement>>;
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
/* eslint-disable */
|
|
2
|
-
// Sourced from:
|
|
3
|
-
// https://github.com/microsoft/fast/blob/928d73621c62064992189270a920b2c6d6d9e19e/packages/web-components/fast-foundation/src/test-utilities/fixture.ts
|
|
4
|
-
// Pending standalone availability in a package:
|
|
5
|
-
// https://github.com/microsoft/fast/issues/4930
|
|
6
|
-
// With updated imports and the following type patch:
|
|
7
|
-
// https://github.com/microsoft/fast/issues/4930#issuecomment-885326451
|
|
8
|
-
import { defaultExecutionContext, ViewTemplate, } from '@microsoft/fast-element';
|
|
9
|
-
import { DesignSystem, DesignSystemRegistrationContext, DI } from '@microsoft/fast-foundation';
|
|
10
|
-
function findElement(view) {
|
|
11
|
-
let current = view.firstChild;
|
|
12
|
-
while (current !== null && current.nodeType !== 1) {
|
|
13
|
-
current = current.nextSibling;
|
|
14
|
-
}
|
|
15
|
-
return current;
|
|
16
|
-
}
|
|
17
|
-
/**
|
|
18
|
-
* Creates a random, unique name suitable for use as a Custom Element name.
|
|
19
|
-
*/
|
|
20
|
-
export function uniqueElementName() {
|
|
21
|
-
return `fast-unique-${Math.random().toString(36).substring(7)}`;
|
|
22
|
-
}
|
|
23
|
-
function isElementRegistry(obj) {
|
|
24
|
-
return typeof obj.register === "function";
|
|
25
|
-
}
|
|
26
|
-
/**
|
|
27
|
-
* Creates a test fixture suitable for testing custom elements, templates, and bindings.
|
|
28
|
-
* @param templateNameOrRegistry An HTML template or single element name to create the fixture for.
|
|
29
|
-
* @param options Enables customizing fixture creation behavior.
|
|
30
|
-
* @remarks
|
|
31
|
-
* Yields control to the caller one Microtask later, in order to
|
|
32
|
-
* ensure that the DOM has settled.
|
|
33
|
-
*/
|
|
34
|
-
export async function fixture(templateNameOrRegistry, options = {}) {
|
|
35
|
-
const document = options.document || globalThis.document;
|
|
36
|
-
const parent = options.parent || document.createElement("div");
|
|
37
|
-
const source = options.source || {};
|
|
38
|
-
const context = options.context || defaultExecutionContext;
|
|
39
|
-
if (typeof templateNameOrRegistry === "string") {
|
|
40
|
-
const html = `<${templateNameOrRegistry}></${templateNameOrRegistry}>`;
|
|
41
|
-
templateNameOrRegistry = new ViewTemplate(html, []);
|
|
42
|
-
}
|
|
43
|
-
else if (isElementRegistry(templateNameOrRegistry)) {
|
|
44
|
-
templateNameOrRegistry = [templateNameOrRegistry];
|
|
45
|
-
}
|
|
46
|
-
if (Array.isArray(templateNameOrRegistry)) {
|
|
47
|
-
const first = templateNameOrRegistry[0];
|
|
48
|
-
(options.designSystem || DesignSystem.getOrCreate(parent)).register(templateNameOrRegistry);
|
|
49
|
-
const container = DI.getOrCreateDOMContainer(parent);
|
|
50
|
-
const context = container.get(DesignSystemRegistrationContext);
|
|
51
|
-
const elementName = `${context.elementPrefix}-${first.definition.baseName}`;
|
|
52
|
-
const html = `<${elementName}></${elementName}>`;
|
|
53
|
-
templateNameOrRegistry = new ViewTemplate(html, []);
|
|
54
|
-
}
|
|
55
|
-
const view = templateNameOrRegistry.create();
|
|
56
|
-
const element = findElement(view);
|
|
57
|
-
let isConnected = false;
|
|
58
|
-
view.bind(source, context);
|
|
59
|
-
view.appendTo(parent);
|
|
60
|
-
customElements.upgrade(parent);
|
|
61
|
-
// Hook into the Microtask Queue to ensure the DOM is settled
|
|
62
|
-
// before yielding control to the caller.
|
|
63
|
-
await Promise.resolve();
|
|
64
|
-
const connect = async () => {
|
|
65
|
-
if (isConnected) {
|
|
66
|
-
return;
|
|
67
|
-
}
|
|
68
|
-
isConnected = true;
|
|
69
|
-
document.body.appendChild(parent);
|
|
70
|
-
await Promise.resolve();
|
|
71
|
-
};
|
|
72
|
-
const disconnect = async () => {
|
|
73
|
-
if (!isConnected) {
|
|
74
|
-
return;
|
|
75
|
-
}
|
|
76
|
-
isConnected = false;
|
|
77
|
-
document.body.removeChild(parent);
|
|
78
|
-
await Promise.resolve();
|
|
79
|
-
};
|
|
80
|
-
return {
|
|
81
|
-
document,
|
|
82
|
-
template: templateNameOrRegistry,
|
|
83
|
-
view,
|
|
84
|
-
parent,
|
|
85
|
-
element,
|
|
86
|
-
connect,
|
|
87
|
-
disconnect,
|
|
88
|
-
};
|
|
89
|
-
}
|
|
90
|
-
//# sourceMappingURL=fixture.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fixture.js","sourceRoot":"","sources":["../../../../src/tests/utilities/fixture.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
/* eslint-disable */
|
|
2
|
-
import { __decorate } from "tslib";
|
|
3
|
-
// Source from:
|
|
4
|
-
// https://github.com/microsoft/fast/blob/1afe35adf2bf730ac5c09c315b626eec168cd362/packages/web-components/fast-foundation/src/test-utilities/fixture.spec.ts
|
|
5
|
-
// With updates to use jasmine
|
|
6
|
-
import { attr, customElement, FASTElement, html, DOM, observable, } from "@microsoft/fast-element";
|
|
7
|
-
import { uniqueElementName, fixture } from "./fixture";
|
|
8
|
-
describe("The fixture helper", () => {
|
|
9
|
-
const name = uniqueElementName();
|
|
10
|
-
const template = html `
|
|
11
|
-
${x => x.value}
|
|
12
|
-
<slot></slot>
|
|
13
|
-
`;
|
|
14
|
-
let MyElement = class MyElement extends FASTElement {
|
|
15
|
-
value = "value";
|
|
16
|
-
};
|
|
17
|
-
__decorate([
|
|
18
|
-
attr
|
|
19
|
-
], MyElement.prototype, "value", void 0);
|
|
20
|
-
MyElement = __decorate([
|
|
21
|
-
customElement({
|
|
22
|
-
name,
|
|
23
|
-
template,
|
|
24
|
-
})
|
|
25
|
-
], MyElement);
|
|
26
|
-
class MyModel {
|
|
27
|
-
value = "different value";
|
|
28
|
-
}
|
|
29
|
-
__decorate([
|
|
30
|
-
observable
|
|
31
|
-
], MyModel.prototype, "value", void 0);
|
|
32
|
-
it("can create a fixture for an element by name", async () => {
|
|
33
|
-
const { element } = await fixture(name);
|
|
34
|
-
expect(element).toBeInstanceOf(MyElement);
|
|
35
|
-
});
|
|
36
|
-
it("can create a fixture for an element by template", async () => {
|
|
37
|
-
const { element } = await fixture(html `
|
|
38
|
-
<${name}>
|
|
39
|
-
Some content here.
|
|
40
|
-
</${name}>
|
|
41
|
-
`);
|
|
42
|
-
expect(element).toBeInstanceOf(MyElement);
|
|
43
|
-
expect(element.innerText.trim()).toEqual("Some content here.");
|
|
44
|
-
});
|
|
45
|
-
it("can connect an element", async () => {
|
|
46
|
-
const { element, connect } = await fixture(name);
|
|
47
|
-
expect(element.isConnected).toEqual(false);
|
|
48
|
-
await connect();
|
|
49
|
-
expect(element.isConnected).toEqual(true);
|
|
50
|
-
document.body.removeChild(element.parentElement);
|
|
51
|
-
});
|
|
52
|
-
it("can disconnect an element", async () => {
|
|
53
|
-
const { element, connect, disconnect } = await fixture(name);
|
|
54
|
-
expect(element.isConnected).toEqual(false);
|
|
55
|
-
await connect();
|
|
56
|
-
expect(element.isConnected).toEqual(true);
|
|
57
|
-
await disconnect();
|
|
58
|
-
expect(element.isConnected).toEqual(false);
|
|
59
|
-
});
|
|
60
|
-
// TODO it does not look like the fixture source binding works in the nimble setup
|
|
61
|
-
xit("can bind an element to data", async () => {
|
|
62
|
-
const source = new MyModel();
|
|
63
|
-
const { element, disconnect } = await fixture(html `
|
|
64
|
-
<${name} value=${x => x.value}></${name}>
|
|
65
|
-
`, { source });
|
|
66
|
-
expect(element.value).toEqual(source.value);
|
|
67
|
-
source.value = "something else";
|
|
68
|
-
await DOM.nextUpdate();
|
|
69
|
-
expect(element.value).toEqual(source.value);
|
|
70
|
-
await disconnect();
|
|
71
|
-
});
|
|
72
|
-
});
|
|
73
|
-
//# sourceMappingURL=fixture.spec.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fixture.spec.js","sourceRoot":"","sources":["../../../../src/tests/utilities/fixture.spec.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"setup.js","sourceRoot":"","sources":["../../../../src/tests/utilities/setup.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAE9C,SAAS,SAAS,CAAC,CAAoC;IACnD,CAAC,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AACxB,CAAC;AAED,iCAAiC;AACjC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC"}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import '../index';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
decorators: ((...args: any) => any)[];
|
|
5
|
-
parameters: {
|
|
6
|
-
design: {
|
|
7
|
-
artboardUrl: string;
|
|
8
|
-
};
|
|
9
|
-
actions: {
|
|
10
|
-
handles: string[];
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
render: ({ label, type, value }: {
|
|
14
|
-
label: string;
|
|
15
|
-
type: string;
|
|
16
|
-
value: string;
|
|
17
|
-
}) => string;
|
|
18
|
-
args: {
|
|
19
|
-
label: string;
|
|
20
|
-
type: string;
|
|
21
|
-
value: string;
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
export default _default;
|
|
25
|
-
export declare const textField: {
|
|
26
|
-
args: {
|
|
27
|
-
label: string;
|
|
28
|
-
};
|
|
29
|
-
};
|
|
30
|
-
export declare const passwordField: {
|
|
31
|
-
args: {
|
|
32
|
-
label: string;
|
|
33
|
-
type: string;
|
|
34
|
-
};
|
|
35
|
-
};
|
|
36
|
-
export declare const passwordFieldWithValue: {
|
|
37
|
-
args: {
|
|
38
|
-
label: string;
|
|
39
|
-
type: string;
|
|
40
|
-
value: string;
|
|
41
|
-
};
|
|
42
|
-
};
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { withXD } from 'storybook-addon-xd-designs';
|
|
2
|
-
import '../index';
|
|
3
|
-
export default {
|
|
4
|
-
title: 'Text Field',
|
|
5
|
-
decorators: [withXD],
|
|
6
|
-
parameters: {
|
|
7
|
-
design: {
|
|
8
|
-
artboardUrl: 'https://xd.adobe.com/view/2a5a7401-925e-4fcc-9230-39d8e3c56729-7f09/screen/bd1931c3-ab16-4f62-9249-7be138831280/specs/'
|
|
9
|
-
},
|
|
10
|
-
actions: {
|
|
11
|
-
handles: ['change', 'input']
|
|
12
|
-
}
|
|
13
|
-
},
|
|
14
|
-
render: ({ label, type, value }) => `<nimble-text-field placeholder='${label}' type='${type}' value='${value}'>${label}</nimble-text-field>`,
|
|
15
|
-
args: {
|
|
16
|
-
label: 'default label',
|
|
17
|
-
type: 'text',
|
|
18
|
-
value: ''
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
export const textField = {
|
|
22
|
-
args: { label: 'Text Field' }
|
|
23
|
-
};
|
|
24
|
-
export const passwordField = {
|
|
25
|
-
args: { label: 'Password Field', type: 'password' }
|
|
26
|
-
};
|
|
27
|
-
export const passwordFieldWithValue = {
|
|
28
|
-
args: { label: 'Password Field', type: 'password', value: 'password' }
|
|
29
|
-
};
|
|
30
|
-
//# sourceMappingURL=text-field.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"text-field.stories.js","sourceRoot":"","sources":["../../../../src/text-field/tests/text-field.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,UAAU,CAAC;AAElB,eAAe;IACX,KAAK,EAAE,YAAY;IACnB,UAAU,EAAE,CAAC,MAAM,CAAC;IACpB,UAAU,EAAE;QACR,MAAM,EAAE;YACJ,WAAW,EACf,wHAAwH;SACvH;QACD,OAAO,EAAE;YACL,OAAO,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;SAC/B;KACJ;IACD,MAAM,EAAE,CAAC,EACL,KAAK,EACL,IAAI,EACJ,KAAK,EAKR,EAAU,EAAE,CAAC,mCAAmC,KAAK,WAAW,IAAI,YAAY,KAAK,KAAK,KAAK,sBAAsB;IACtH,IAAI,EAAE;QACF,KAAK,EAAE,eAAe;QACtB,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,EAAE;KACZ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,IAAI,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE;CAChC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG;IACzB,IAAI,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,UAAU,EAAE;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG;IAClC,IAAI,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;CACzE,CAAC"}
|