@momentum-design/components 0.120.17 → 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.
Files changed (27) hide show
  1. package/dist/browser/index.js +212 -212
  2. package/dist/browser/index.js.map +4 -4
  3. package/dist/components/controltypeprovider/controltypeprovider.component.d.ts +34 -0
  4. package/dist/components/controltypeprovider/controltypeprovider.component.js +66 -0
  5. package/dist/components/controltypeprovider/controltypeprovider.constants.d.ts +6 -0
  6. package/dist/components/controltypeprovider/controltypeprovider.constants.js +7 -0
  7. package/dist/components/controltypeprovider/controltypeprovider.context.d.ts +5 -0
  8. package/dist/components/controltypeprovider/controltypeprovider.context.js +4 -0
  9. package/dist/components/controltypeprovider/controltypeprovider.types.d.ts +2 -0
  10. package/dist/components/controltypeprovider/controltypeprovider.types.js +1 -0
  11. package/dist/components/controltypeprovider/index.d.ts +7 -0
  12. package/dist/components/controltypeprovider/index.js +4 -0
  13. package/dist/components/formfieldwrapper/formfieldwrapper.subcomponent.js +1 -1
  14. package/dist/components/menuitemcheckbox/menuitemcheckbox.component.d.ts +1 -1
  15. package/dist/components/menuitemcheckbox/menuitemcheckbox.component.js +3 -3
  16. package/dist/custom-elements.json +3375 -3285
  17. package/dist/index.d.ts +2 -1
  18. package/dist/index.js +2 -1
  19. package/dist/react/controltypeprovider/index.d.ts +17 -0
  20. package/dist/react/controltypeprovider/index.js +26 -0
  21. package/dist/react/index.d.ts +5 -4
  22. package/dist/react/index.js +5 -4
  23. package/dist/utils/mixins/ControlTypeMixin.d.ts +7 -0
  24. package/dist/utils/mixins/ControlTypeMixin.js +40 -0
  25. package/package.json +1 -1
  26. package/dist/utils/mixins/ControlledMixin.d.ts +0 -6
  27. 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;
@@ -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';
@@ -44,9 +45,9 @@ export { default as ListItem } from './listitem';
44
45
  export { default as Marker } from './marker';
45
46
  export { default as MenuBar } from './menubar';
46
47
  export { default as MenuItem } from './menuitem';
47
- export { default as MenuPopover } from './menupopover';
48
- export { default as MenuItemRadio } from './menuitemradio';
49
48
  export { default as MenuItemCheckbox } from './menuitemcheckbox';
49
+ export { default as MenuItemRadio } from './menuitemradio';
50
+ export { default as MenuPopover } from './menupopover';
50
51
  export { default as MenuSection } from './menusection';
51
52
  export { default as NavMenuItem } from './navmenuitem';
52
53
  export { default as OptGroup } from './optgroup';
@@ -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';
@@ -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';
@@ -44,9 +45,9 @@ export { default as ListItem } from './listitem';
44
45
  export { default as Marker } from './marker';
45
46
  export { default as MenuBar } from './menubar';
46
47
  export { default as MenuItem } from './menuitem';
47
- export { default as MenuPopover } from './menupopover';
48
- export { default as MenuItemRadio } from './menuitemradio';
49
48
  export { default as MenuItemCheckbox } from './menuitemcheckbox';
49
+ export { default as MenuItemRadio } from './menuitemradio';
50
+ export { default as MenuPopover } from './menupopover';
50
51
  export { default as MenuSection } from './menusection';
51
52
  export { default as NavMenuItem } from './navmenuitem';
52
53
  export { default as OptGroup } from './optgroup';
@@ -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,7 +1,7 @@
1
1
  {
2
2
  "name": "@momentum-design/components",
3
3
  "packageManager": "yarn@3.2.4",
4
- "version": "0.120.17",
4
+ "version": "0.120.18",
5
5
  "engines": {
6
6
  "node": ">=20.0.0",
7
7
  "npm": ">=8.0.0"
@@ -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
- };