@momentum-design/components 0.15.5 → 0.15.6

package/dist/index.d.ts

@@ -10,6 +10,7 @@ import Bullet from './components/bullet';
 import Marker from './components/marker';
 import Divider from './components/divider';
 import Buttonsimple from './components/buttonsimple';
+import Avatarbutton from './components/avatarbutton';
 import type { TextType } from './components/text/text.types';
-export { ThemeProvider, Icon, IconProvider, Avatar, Badge, Presence, Text, Button, Bullet, Marker, Divider, Buttonsimple, };
+export { ThemeProvider, Icon, IconProvider, Avatar, Badge, Presence, Text, Button, Bullet, Marker, Divider, Buttonsimple, Avatarbutton, };
 export type { TextType, };

package/dist/index.js

@@ -10,4 +10,5 @@ import Bullet from './components/bullet';
 import Marker from './components/marker';
 import Divider from './components/divider';
 import Buttonsimple from './components/buttonsimple';
-export { ThemeProvider, Icon, IconProvider, Avatar, Badge, Presence, Text, Button, Bullet, Marker, Divider, Buttonsimple, };
+import Avatarbutton from './components/avatarbutton';
+export { ThemeProvider, Icon, IconProvider, Avatar, Badge, Presence, Text, Button, Bullet, Marker, Divider, Buttonsimple, Avatarbutton, };

package/dist/react/avatarbutton/index.d.ts

@@ -0,0 +1,13 @@
+import Component from '../../components/avatarbutton';
+/**
+ * The `mdc-avatarbutton` component is an interactable version of the `mdc-avatar` component.
+ *
+ * This component is made by extending `buttonsimple` class.
+ * The button component acts as a wrapper for the avatar component.
+ *
+ * @dependency mdc-avatar
+ *
+ * @tagname mdc-avatarbutton
+ */
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
+export default reactWrapper;

package/dist/react/avatarbutton/index.js

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/avatarbutton';
+import { TAG_NAME } from '../../components/avatarbutton/avatarbutton.constants';
+/**
+ * The `mdc-avatarbutton` component is an interactable version of the `mdc-avatar` component.
+ *
+ * This component is made by extending `buttonsimple` class.
+ * The button component acts as a wrapper for the avatar component.
+ *
+ * @dependency mdc-avatar
+ *
+ * @tagname mdc-avatarbutton
+ */
+const reactWrapper = createComponent({
+    tagName: TAG_NAME,
+    elementClass: Component,
+    react: React,
+    events: {},
+    displayName: 'AvatarButton',
+});
+export default reactWrapper;

package/dist/react/index.d.ts

@@ -1,5 +1,6 @@
-export { default as Badge } from './badge';
 export { default as Avatar } from './avatar';
+export { default as AvatarButton } from './avatarbutton';
+export { default as Badge } from './badge';
 export { default as Bullet } from './bullet';
 export { default as Button } from './button';
 export { default as Buttonsimple } from './buttonsimple';

package/dist/react/index.js

@@ -1,5 +1,6 @@
-export { default as Badge } from './badge';
 export { default as Avatar } from './avatar';
+export { default as AvatarButton } from './avatarbutton';
+export { default as Badge } from './badge';
 export { default as Bullet } from './bullet';
 export { default as Button } from './button';
 export { default as Buttonsimple } from './buttonsimple';

package/dist/utils/mixins/AvatarComponentMixin.d.ts

@@ -0,0 +1,15 @@
+import type { AvatarSize } from '../../components/avatar/avatar.types';
+import type { IconNames } from '../../components/icon/icon.types';
+import type { PresenceType } from '../../components/presence/presence.types';
+import type { Component } from '../../models';
+import type { Constructor } from './index.types';
+export interface AvatarComponentMixinInterface {
+    src?: string;
+    initials?: string;
+    presence?: PresenceType;
+    size: AvatarSize;
+    iconName?: IconNames;
+    counter?: number;
+    isTyping: boolean;
+}
+export declare const AvatarComponentMixin: <T extends Constructor<Component>>(superClass: T) => Constructor<AvatarComponentMixinInterface> & T;

package/dist/utils/mixins/AvatarComponentMixin.js

@@ -0,0 +1,66 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { property } from 'lit/decorators.js';
+import { DEFAULTS as AVATAR_DEFAULTS } from '../../components/avatar/avatar.constants';
+export const AvatarComponentMixin = (superClass) => {
+    class InnerMixinClass extends superClass {
+        constructor() {
+            super(...arguments);
+            /**
+             * Acceptable values include (size in px unit):
+             * - 24
+             * - 32
+             * - 48
+             * - 64
+             * - 72
+             * - 88
+             * - 124
+             *
+             * @default 32
+             */
+            this.size = AVATAR_DEFAULTS.SIZE;
+            /**
+             * Represents the typing indicator when the user is typing.
+             * @default false
+             */
+            this.isTyping = false;
+        }
+    }
+    __decorate([
+        property({ type: String }),
+        __metadata("design:type", String)
+    ], InnerMixinClass.prototype, "src", void 0);
+    __decorate([
+        property({ type: String }),
+        __metadata("design:type", String)
+    ], InnerMixinClass.prototype, "initials", void 0);
+    __decorate([
+        property({ type: String }),
+        __metadata("design:type", String)
+    ], InnerMixinClass.prototype, "presence", void 0);
+    __decorate([
+        property({ type: Number, reflect: true, attribute: 'size' }),
+        __metadata("design:type", Number)
+    ], InnerMixinClass.prototype, "size", void 0);
+    __decorate([
+        property({ type: String, attribute: 'icon-name' }),
+        __metadata("design:type", String)
+    ], InnerMixinClass.prototype, "iconName", void 0);
+    __decorate([
+        property({ type: Number }),
+        __metadata("design:type", Number)
+    ], InnerMixinClass.prototype, "counter", void 0);
+    __decorate([
+        property({ type: Boolean, attribute: 'is-typing' }),
+        __metadata("design:type", Object)
+    ], InnerMixinClass.prototype, "isTyping", void 0);
+    // Cast return type to your mixin's interface intersected with the superClass type
+    return InnerMixinClass;
+};

package/dist/utils/mixins/DisabledMixin.d.ts

@@ -1,7 +1,6 @@
 import { LitElement } from 'lit';
-type Constructor<T = {}> = new (...args: any[]) => T;
+import type { Constructor } from './index.types';
 export interface DisabledMixinInterface {
     disabled: boolean;
 }
 export declare const DisabledMixin: <T extends Constructor<LitElement>>(superClass: T) => Constructor<DisabledMixinInterface> & T;
-export {};

package/dist/utils/mixins/TabIndexMixin.d.ts

@@ -1,7 +1,6 @@
 import { LitElement } from 'lit';
-type Constructor<T = {}> = new (...args: any[]) => T;
+import type { Constructor } from './index.types';
 export interface TabIndexMixinInterface {
     tabIndex: number;
 }
 export declare const TabIndexMixin: <T extends Constructor<LitElement>>(superClass: T) => Constructor<TabIndexMixinInterface> & T;
-export {};

package/dist/utils/mixins/index.types.d.ts

@@ -0,0 +1 @@
+export type Constructor<T = {}> = new (...args: any[]) => T;

package/dist/utils/mixins/index.types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -35,5 +35,5 @@
     "@momentum-design/tokens": "*",
     "lit": "^3.2.0"
   },
-  "version": "0.15.5"
+  "version": "0.15.6"
 }