@momentum-design/components 0.120.16 → 0.120.18
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/browser/index.js +219 -214
- package/dist/browser/index.js.map +4 -4
- package/dist/components/controltypeprovider/controltypeprovider.component.d.ts +34 -0
- package/dist/components/controltypeprovider/controltypeprovider.component.js +66 -0
- package/dist/components/controltypeprovider/controltypeprovider.constants.d.ts +6 -0
- package/dist/components/controltypeprovider/controltypeprovider.constants.js +7 -0
- package/dist/components/controltypeprovider/controltypeprovider.context.d.ts +5 -0
- package/dist/components/controltypeprovider/controltypeprovider.context.js +4 -0
- package/dist/components/controltypeprovider/controltypeprovider.types.d.ts +2 -0
- package/dist/components/controltypeprovider/controltypeprovider.types.js +1 -0
- package/dist/components/controltypeprovider/index.d.ts +7 -0
- package/dist/components/controltypeprovider/index.js +4 -0
- package/dist/components/formfieldwrapper/formfieldwrapper.subcomponent.js +1 -1
- package/dist/components/menuitemcheckbox/menuitemcheckbox.component.d.ts +1 -1
- package/dist/components/menuitemcheckbox/menuitemcheckbox.component.js +3 -3
- package/dist/components/searchfield/searchfield.styles.js +7 -2
- package/dist/custom-elements.json +518 -428
- package/dist/index.d.ts +2 -1
- package/dist/index.js +2 -1
- package/dist/react/controltypeprovider/index.d.ts +17 -0
- package/dist/react/controltypeprovider/index.js +26 -0
- package/dist/react/index.d.ts +3 -2
- package/dist/react/index.js +3 -2
- package/dist/utils/mixins/ControlTypeMixin.d.ts +7 -0
- package/dist/utils/mixins/ControlTypeMixin.js +40 -0
- package/package.json +1 -1
- package/dist/utils/mixins/ControlledMixin.d.ts +0 -6
- package/dist/utils/mixins/ControlledMixin.js +0 -20
package/dist/index.d.ts
CHANGED
@@ -20,6 +20,7 @@ import CardRadio from './components/cardradio';
|
|
20
20
|
import Checkbox from './components/checkbox';
|
21
21
|
import Chip from './components/chip';
|
22
22
|
import Coachmark from './components/coachmark';
|
23
|
+
import ControlTypeProvider from './components/controltypeprovider';
|
23
24
|
import Dialog from './components/dialog';
|
24
25
|
import Divider from './components/divider';
|
25
26
|
import FilterChip from './components/filterchip';
|
@@ -97,6 +98,6 @@ import type { VirtualizedListScrollEvent } from './components/virtualizedlist/vi
|
|
97
98
|
import { BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES } from './components/button/button.constants';
|
98
99
|
import { SKELETON_VARIANTS } from './components/skeleton/skeleton.constants';
|
99
100
|
import { inMemoryCache, webAPIAssetsCache } from './utils/assets-cache';
|
100
|
-
export { Accordion, AccordionButton, AccordionGroup, AlertChip, Animation, AnnouncementDialog, Appheader, Avatar, AvatarButton, Badge, Brandvisual, Bullet, Button, ButtonGroup, ButtonLink, Card, CardButton, CardCheckbox, CardRadio, Checkbox, Chip, Coachmark, Dialog, Divider, FilterChip, FormfieldGroup, Icon, IconProvider, Illustration, IllustrationProvider, Input, InputChip, Link, LinkButton, Linksimple, List, Listheader, ListItem, Marker, MenuBar, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, MenuSection, NavMenuItem, OptGroup, Option, Password, Popover, Presence, Progressbar, Progressspinner, Radio, RadioGroup, ScreenreaderAnnouncer, Searchfield, Select, SelectListbox, SideNavigation, Skeleton, Spinner, StaticChip, StaticCheckbox, StaticRadio, StaticToggle, Stepper, StepperConnector, StepperItem, Tab, TabList, Text, Textarea, ThemeProvider, Toast, Toggle, Typewriter, ToggleTip, Tooltip, VirtualizedList, Combobox, Slider, ListBox, Banner, };
|
101
|
+
export { Accordion, AccordionButton, AccordionGroup, AlertChip, Animation, AnnouncementDialog, Appheader, Avatar, AvatarButton, Badge, Brandvisual, Bullet, Button, ButtonGroup, ButtonLink, Card, CardButton, CardCheckbox, CardRadio, Checkbox, Chip, Coachmark, ControlTypeProvider, Dialog, Divider, FilterChip, FormfieldGroup, Icon, IconProvider, Illustration, IllustrationProvider, Input, InputChip, Link, LinkButton, Linksimple, List, Listheader, ListItem, Marker, MenuBar, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, MenuSection, NavMenuItem, OptGroup, Option, Password, Popover, Presence, Progressbar, Progressspinner, Radio, RadioGroup, ScreenreaderAnnouncer, Searchfield, Select, SelectListbox, SideNavigation, Skeleton, Spinner, StaticChip, StaticCheckbox, StaticRadio, StaticToggle, Stepper, StepperConnector, StepperItem, Tab, TabList, Text, Textarea, ThemeProvider, Toast, Toggle, Typewriter, ToggleTip, Tooltip, VirtualizedList, Combobox, Slider, ListBox, Banner, };
|
101
102
|
export type { BadgeType, ButtonColor, ButtonVariant, IconButtonSize, MenuPopoverActionEvent, MenuPopoverChangeEvent, MenuSectionChangeEvent, PillButtonSize, PopoverPlacement, SkeletonVariant, SelectChangeEvent, SelectInputEvent, SpinnerSize, SpinnerVariant, TextType, TypewriterType, InputInputEvent, InputChangeEvent, InputFocusEvent, InputBlurEvent, InputClearEvent, VirtualizedListScrollEvent, };
|
102
103
|
export { BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, inMemoryCache, PILL_BUTTON_SIZES, SKELETON_VARIANTS, webAPIAssetsCache, };
|
package/dist/index.js
CHANGED
@@ -22,6 +22,7 @@ import CardRadio from './components/cardradio';
|
|
22
22
|
import Checkbox from './components/checkbox';
|
23
23
|
import Chip from './components/chip';
|
24
24
|
import Coachmark from './components/coachmark';
|
25
|
+
import ControlTypeProvider from './components/controltypeprovider';
|
25
26
|
import Dialog from './components/dialog';
|
26
27
|
import Divider from './components/divider';
|
27
28
|
import FilterChip from './components/filterchip';
|
@@ -89,6 +90,6 @@ import { BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES, }
|
|
89
90
|
import { SKELETON_VARIANTS } from './components/skeleton/skeleton.constants';
|
90
91
|
import { inMemoryCache, webAPIAssetsCache } from './utils/assets-cache';
|
91
92
|
// Components Exports
|
92
|
-
export { Accordion, AccordionButton, AccordionGroup, AlertChip, Animation, AnnouncementDialog, Appheader, Avatar, AvatarButton, Badge, Brandvisual, Bullet, Button, ButtonGroup, ButtonLink, Card, CardButton, CardCheckbox, CardRadio, Checkbox, Chip, Coachmark, Dialog, Divider, FilterChip, FormfieldGroup, Icon, IconProvider, Illustration, IllustrationProvider, Input, InputChip, Link, LinkButton, Linksimple, List, Listheader, ListItem, Marker, MenuBar, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, MenuSection, NavMenuItem, OptGroup, Option, Password, Popover, Presence, Progressbar, Progressspinner, Radio, RadioGroup, ScreenreaderAnnouncer, Searchfield, Select, SelectListbox, SideNavigation, Skeleton, Spinner, StaticChip, StaticCheckbox, StaticRadio, StaticToggle, Stepper, StepperConnector, StepperItem, Tab, TabList, Text, Textarea, ThemeProvider, Toast, Toggle, Typewriter, ToggleTip, Tooltip, VirtualizedList, Combobox, Slider, ListBox, Banner, };
|
93
|
+
export { Accordion, AccordionButton, AccordionGroup, AlertChip, Animation, AnnouncementDialog, Appheader, Avatar, AvatarButton, Badge, Brandvisual, Bullet, Button, ButtonGroup, ButtonLink, Card, CardButton, CardCheckbox, CardRadio, Checkbox, Chip, Coachmark, ControlTypeProvider, Dialog, Divider, FilterChip, FormfieldGroup, Icon, IconProvider, Illustration, IllustrationProvider, Input, InputChip, Link, LinkButton, Linksimple, List, Listheader, ListItem, Marker, MenuBar, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, MenuSection, NavMenuItem, OptGroup, Option, Password, Popover, Presence, Progressbar, Progressspinner, Radio, RadioGroup, ScreenreaderAnnouncer, Searchfield, Select, SelectListbox, SideNavigation, Skeleton, Spinner, StaticChip, StaticCheckbox, StaticRadio, StaticToggle, Stepper, StepperConnector, StepperItem, Tab, TabList, Text, Textarea, ThemeProvider, Toast, Toggle, Typewriter, ToggleTip, Tooltip, VirtualizedList, Combobox, Slider, ListBox, Banner, };
|
93
94
|
// Constants / Utils Exports
|
94
95
|
export { BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, inMemoryCache, PILL_BUTTON_SIZES, SKELETON_VARIANTS, webAPIAssetsCache, };
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import Component from '../../components/controltypeprovider';
|
2
|
+
/**
|
3
|
+
* ContolTypeProvider component, which allows to be consumed from sub components
|
4
|
+
* (see `providerUtils.consume` for how to consume)
|
5
|
+
*
|
6
|
+
* attribute 'control-type' sets the default control type for all consumers
|
7
|
+
- 'controlled' the consumer component will not handle any interaction itself, e.g. toggling a checkbox.
|
8
|
+
- 'uncontrolled' the consumer component will handle interactions
|
9
|
+
*
|
10
|
+
* ControlTypeMixin allows components to consume this context
|
11
|
+
* note that this is intended to be set once, ControlTypeMixin will not update on changes to control-type
|
12
|
+
*
|
13
|
+
* @tagname mdc-controltypeprovider
|
14
|
+
*
|
15
|
+
*/
|
16
|
+
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
|
17
|
+
export default reactWrapper;
|
@@ -0,0 +1,26 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
import { createComponent } from '@lit/react';
|
3
|
+
import Component from '../../components/controltypeprovider';
|
4
|
+
import { TAG_NAME } from '../../components/controltypeprovider/controltypeprovider.constants';
|
5
|
+
/**
|
6
|
+
* ContolTypeProvider component, which allows to be consumed from sub components
|
7
|
+
* (see `providerUtils.consume` for how to consume)
|
8
|
+
*
|
9
|
+
* attribute 'control-type' sets the default control type for all consumers
|
10
|
+
- 'controlled' the consumer component will not handle any interaction itself, e.g. toggling a checkbox.
|
11
|
+
- 'uncontrolled' the consumer component will handle interactions
|
12
|
+
*
|
13
|
+
* ControlTypeMixin allows components to consume this context
|
14
|
+
* note that this is intended to be set once, ControlTypeMixin will not update on changes to control-type
|
15
|
+
*
|
16
|
+
* @tagname mdc-controltypeprovider
|
17
|
+
*
|
18
|
+
*/
|
19
|
+
const reactWrapper = createComponent({
|
20
|
+
tagName: TAG_NAME,
|
21
|
+
elementClass: Component,
|
22
|
+
react: React,
|
23
|
+
events: {},
|
24
|
+
displayName: 'ControlTypeProvider',
|
25
|
+
});
|
26
|
+
export default reactWrapper;
|
package/dist/react/index.d.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
-
export { default as Accordion } from './accordion';
|
2
1
|
export { default as AccordionButton } from './accordionbutton';
|
2
|
+
export { default as Accordion } from './accordion';
|
3
3
|
export { default as AccordionGroup } from './accordiongroup';
|
4
4
|
export { default as AlertChip } from './alertchip';
|
5
5
|
export { default as Animation } from './animation';
|
@@ -23,6 +23,7 @@ export { default as Checkbox } from './checkbox';
|
|
23
23
|
export { default as Chip } from './chip';
|
24
24
|
export { default as Coachmark } from './coachmark';
|
25
25
|
export { default as Combobox } from './combobox';
|
26
|
+
export { default as ControlTypeProvider } from './controltypeprovider';
|
26
27
|
export { default as Dialog } from './dialog';
|
27
28
|
export { default as Divider } from './divider';
|
28
29
|
export { default as FilterChip } from './filterchip';
|
@@ -63,9 +64,9 @@ export { default as Searchfield } from './searchfield';
|
|
63
64
|
export { default as Select } from './select';
|
64
65
|
export { default as Selectlistbox } from './selectlistbox';
|
65
66
|
export { default as SideNavigation } from './sidenavigation';
|
66
|
-
export { default as Skeleton } from './skeleton';
|
67
67
|
export { default as Slider } from './slider';
|
68
68
|
export { default as Spinner } from './spinner';
|
69
|
+
export { default as Skeleton } from './skeleton';
|
69
70
|
export { default as StaticCheckbox } from './staticcheckbox';
|
70
71
|
export { default as StaticChip } from './staticchip';
|
71
72
|
export { default as StaticRadio } from './staticradio';
|
package/dist/react/index.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
-
export { default as Accordion } from './accordion';
|
2
1
|
export { default as AccordionButton } from './accordionbutton';
|
2
|
+
export { default as Accordion } from './accordion';
|
3
3
|
export { default as AccordionGroup } from './accordiongroup';
|
4
4
|
export { default as AlertChip } from './alertchip';
|
5
5
|
export { default as Animation } from './animation';
|
@@ -23,6 +23,7 @@ export { default as Checkbox } from './checkbox';
|
|
23
23
|
export { default as Chip } from './chip';
|
24
24
|
export { default as Coachmark } from './coachmark';
|
25
25
|
export { default as Combobox } from './combobox';
|
26
|
+
export { default as ControlTypeProvider } from './controltypeprovider';
|
26
27
|
export { default as Dialog } from './dialog';
|
27
28
|
export { default as Divider } from './divider';
|
28
29
|
export { default as FilterChip } from './filterchip';
|
@@ -63,9 +64,9 @@ export { default as Searchfield } from './searchfield';
|
|
63
64
|
export { default as Select } from './select';
|
64
65
|
export { default as Selectlistbox } from './selectlistbox';
|
65
66
|
export { default as SideNavigation } from './sidenavigation';
|
66
|
-
export { default as Skeleton } from './skeleton';
|
67
67
|
export { default as Slider } from './slider';
|
68
68
|
export { default as Spinner } from './spinner';
|
69
|
+
export { default as Skeleton } from './skeleton';
|
69
70
|
export { default as StaticCheckbox } from './staticcheckbox';
|
70
71
|
export { default as StaticChip } from './staticchip';
|
71
72
|
export { default as StaticRadio } from './staticradio';
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import { LitElement } from 'lit';
|
2
|
+
import type { ControlType } from '../../components/controltypeprovider/controltypeprovider.types';
|
3
|
+
import type { Constructor } from './index.types';
|
4
|
+
export interface ControlTypeMixinInterface {
|
5
|
+
controlType: ControlType;
|
6
|
+
}
|
7
|
+
export declare const ControlTypeMixin: <T extends Constructor<LitElement>>(superClass: T) => Constructor<ControlTypeMixinInterface> & T;
|
@@ -0,0 +1,40 @@
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
6
|
+
};
|
7
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
8
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
9
|
+
};
|
10
|
+
import { property } from 'lit/decorators.js';
|
11
|
+
import ControlTypeProvider from '../../components/controltypeprovider';
|
12
|
+
import providerUtils from '../provider';
|
13
|
+
import { DEFAULTS, VALID_VALUES } from '../../components/controltypeprovider/controltypeprovider.constants';
|
14
|
+
export const ControlTypeMixin = (superClass) => {
|
15
|
+
class InnerMixinClass extends superClass {
|
16
|
+
constructor() {
|
17
|
+
super(...arguments);
|
18
|
+
this.controlTypeProviderContext = providerUtils.consume({
|
19
|
+
host: this,
|
20
|
+
context: ControlTypeProvider.Context,
|
21
|
+
});
|
22
|
+
}
|
23
|
+
willUpdate() {
|
24
|
+
if (!(this.controlType && VALID_VALUES.includes(this.controlType))) {
|
25
|
+
if (this.controlTypeProviderContext.value) {
|
26
|
+
this.controlType = this.controlTypeProviderContext.value;
|
27
|
+
}
|
28
|
+
else {
|
29
|
+
this.controlType = DEFAULTS.CONTROL_TYPE;
|
30
|
+
}
|
31
|
+
}
|
32
|
+
}
|
33
|
+
}
|
34
|
+
__decorate([
|
35
|
+
property({ type: String, attribute: 'control-type', reflect: true }),
|
36
|
+
__metadata("design:type", String)
|
37
|
+
], InnerMixinClass.prototype, "controlType", void 0);
|
38
|
+
// Cast return type to your mixin's interface intersected with the superClass type
|
39
|
+
return InnerMixinClass;
|
40
|
+
};
|
package/package.json
CHANGED
@@ -1,6 +0,0 @@
|
|
1
|
-
import { LitElement } from 'lit';
|
2
|
-
import type { Constructor } from './index.types';
|
3
|
-
export interface ControlledMixinInterface {
|
4
|
-
controlled: boolean;
|
5
|
-
}
|
6
|
-
export declare const ControlledMixin: <T extends Constructor<LitElement>>(superClass: T) => Constructor<ControlledMixinInterface> & T;
|
@@ -1,20 +0,0 @@
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
6
|
-
};
|
7
|
-
var __metadata = (this && this.__metadata) || function (k, v) {
|
8
|
-
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
9
|
-
};
|
10
|
-
import { property } from 'lit/decorators.js';
|
11
|
-
export const ControlledMixin = (superClass) => {
|
12
|
-
class InnerMixinClass extends superClass {
|
13
|
-
}
|
14
|
-
__decorate([
|
15
|
-
property({ reflect: true, type: Boolean }),
|
16
|
-
__metadata("design:type", Boolean)
|
17
|
-
], InnerMixinClass.prototype, "controlled", void 0);
|
18
|
-
// Cast return type to your mixin's interface intersected with the superClass type
|
19
|
-
return InnerMixinClass;
|
20
|
-
};
|