@expressms/smartapp-ui 2.8.7-alpha.1 → 2.8.7-alpha.2

package/build/main//321/201omponents/UserDropdown/helpers.d.ts

@@ -0,0 +1,94 @@
+/// <reference types="react" />
+import { TCorporateEntity, TGenerateContactsOption, TGenerateContactsOptionsToSelect, TGenerateCorporateOption, TGenerateCorporateOptionsToSelect, TGenerateEnteredByUserOption } from './types';
+export declare const generateCorporateOption: ({ option: { name, avatar, email, contacts, serverName, company, department, companyPosition, isPrivateSchedule }, ...remainingFields }: TGenerateCorporateOption) => {
+    platform: string;
+    layoutType: string;
+    isChipsCollapsable: boolean;
+    isInputFocused: import("react").RefObject<boolean>;
+    selectRef: import("react").RefObject<any>;
+    value: string;
+    label: string;
+    name: string;
+    avatar: string | null;
+    email: string;
+    contacts: {
+        userHuid: string;
+        contact: string;
+        contactType: string;
+    }[];
+    serverName: string | null;
+    company: string | null;
+    department: string | null;
+    companyPosition: string | null;
+    isPrivateSchedule: boolean | undefined;
+};
+export declare const generateCorporateOptionsToSelect: ({ language, options, setIsSearchable, setModalData, ...remainingFields }: TGenerateCorporateOptionsToSelect) => {
+    language: string;
+    setIsSearchable: (isSearchable: boolean) => void;
+    setModalData: (modalData: import("./types").TModalData | null) => void;
+    platform: string;
+    layoutType: string;
+    isChipsCollapsable: boolean;
+    isInputFocused: import("react").RefObject<boolean>;
+    selectRef: import("react").RefObject<any>;
+    value: string;
+    label: string;
+    name: string;
+    avatar: string | null;
+    email: string;
+    contacts: {
+        userHuid: string;
+        contact: string;
+        contactType: string;
+    }[];
+    serverName: string | null;
+    company: string | null;
+    department: string | null;
+    companyPosition: string | null;
+    isPrivateSchedule: boolean | undefined;
+}[];
+export declare const generateContactsOption: ({ option: { name, avatar, email, isPrivateSchedule }, ...remainingFields }: TGenerateContactsOption) => {
+    platform: string;
+    layoutType: string;
+    isChipsCollapsable: boolean;
+    isInputFocused: import("react").RefObject<boolean>;
+    selectRef: import("react").RefObject<any>;
+    value: string;
+    label: string;
+    name: string | null;
+    avatar: string | null;
+    email: string;
+    isMyContacts: boolean;
+    isPrivateSchedule: boolean | undefined;
+};
+export declare const generateContactsOptionsToSelect: ({ options, ...remainingFields }: TGenerateContactsOptionsToSelect) => {
+    platform: string;
+    layoutType: string;
+    isChipsCollapsable: boolean;
+    isInputFocused: import("react").RefObject<boolean>;
+    selectRef: import("react").RefObject<any>;
+    value: string;
+    label: string;
+    name: string | null;
+    avatar: string | null;
+    email: string;
+    isMyContacts: boolean;
+    isPrivateSchedule: boolean | undefined;
+}[];
+export declare const generateEnteredByUserOption: ({ email, ...remainingFields }: TGenerateEnteredByUserOption) => {
+    platform: string;
+    layoutType: string;
+    isChipsCollapsable: boolean;
+    isInputFocused: import("react").RefObject<boolean>;
+    selectRef: import("react").RefObject<any>;
+    isError?: boolean | undefined;
+    value: string;
+    label: string;
+    email: string;
+    isEnteredByUser: boolean;
+};
+export declare const IndicatorSeparator: () => null;
+export declare const DropdownIndicator: () => null;
+export declare const MultiValueRemove: () => null;
+export declare const LoadingIndicator: () => null;
+export declare const sortCorporateContacts: (contacts: TCorporateEntity[], query: string) => TCorporateEntity[];

package/build/main//321/201omponents/UserDropdown/helpers.js

@@ -0,0 +1,93 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { transliterate as tr } from 'transliteration';
+import ru from 'convert-layout/ru';
+export var generateCorporateOption = function (_a) {
+    var _b = _a.option, name = _b.name, avatar = _b.avatar, email = _b.email, contacts = _b.contacts, serverName = _b.serverName, company = _b.company, department = _b.department, companyPosition = _b.companyPosition, isPrivateSchedule = _b.isPrivateSchedule, remainingFields = __rest(_a, ["option"]);
+    return (__assign({ value: contacts[0].userHuid, label: name, name: name, avatar: avatar, email: email || contacts[0].contact, contacts: contacts, serverName: serverName, company: company, department: department, companyPosition: companyPosition, isPrivateSchedule: isPrivateSchedule }, remainingFields));
+};
+export var generateCorporateOptionsToSelect = function (_a) {
+    var language = _a.language, options = _a.options, setIsSearchable = _a.setIsSearchable, setModalData = _a.setModalData, remainingFields = __rest(_a, ["language", "options", "setIsSearchable", "setModalData"]);
+    return options.map(function (option) { return (__assign(__assign({}, generateCorporateOption(__assign({ option: option }, remainingFields))), { language: language, setIsSearchable: setIsSearchable, setModalData: setModalData })); });
+};
+export var generateContactsOption = function (_a) {
+    var _b = _a.option, name = _b.name, avatar = _b.avatar, email = _b.email, isPrivateSchedule = _b.isPrivateSchedule, remainingFields = __rest(_a, ["option"]);
+    return (__assign({ value: email, label: name || email, name: name, avatar: avatar, email: email, isMyContacts: true, isPrivateSchedule: isPrivateSchedule }, remainingFields));
+};
+export var generateContactsOptionsToSelect = function (_a) {
+    var options = _a.options, remainingFields = __rest(_a, ["options"]);
+    return options.map(function (option) { return generateContactsOption(__assign({ option: option }, remainingFields)); });
+};
+export var generateEnteredByUserOption = function (_a) {
+    var email = _a.email, remainingFields = __rest(_a, ["email"]);
+    return (__assign({ value: email, label: email, email: email, isEnteredByUser: true }, remainingFields));
+};
+export var IndicatorSeparator = function () { return null; };
+export var DropdownIndicator = function () { return null; };
+export var MultiValueRemove = function () { return null; };
+export var LoadingIndicator = function () { return null; };
+var generateQueryVariants = function (query) { return ({
+    origin: query,
+    translit: tr(query),
+    toEng: ru.toEn(query),
+    fromEng: ru.fromEn(query),
+}); };
+var generateNameFromContact = function (name) { return name.split(' ')[0].split('.')[0].toLowerCase(); };
+var sortedContacts = function (_a) {
+    var contactA = _a.contactA, contactB = _a.contactB, query = _a.query;
+    var nameA = generateNameFromContact(contactA);
+    var nameB = generateNameFromContact(contactB);
+    var lowerQuery = query.toLowerCase();
+    var _b = generateQueryVariants(lowerQuery), origin = _b.origin, translit = _b.translit, toEng = _b.toEng, fromEng = _b.fromEng;
+    var isStartsWithValue = function (str) {
+        return str.startsWith(origin, 0) || str.startsWith(translit, 0) || str.startsWith(toEng, 0) || str.startsWith(fromEng, 0);
+    };
+    var isNameAStartsWithValue = isStartsWithValue(tr(nameA));
+    var isNameBStartsWithValue = isStartsWithValue(tr(nameB));
+    if (isNameAStartsWithValue && !isNameBStartsWithValue)
+        return -1;
+    if (isNameBStartsWithValue && !isNameAStartsWithValue)
+        return 1;
+    return 0;
+};
+// после объединения корпоративных и трастовых контактов в один массив сортируем по алфавиту, а затем поднимаем наверх те, чье имя начинается с квери
+export var sortCorporateContacts = function (contacts, query) {
+    return contacts
+        .sort(function (_a, _b) {
+        var nameA = _a.name;
+        var nameB = _b.name;
+        var contactA = generateNameFromContact(nameA);
+        var contactB = generateNameFromContact(nameB);
+        if (contactA < contactB)
+            return -1;
+        if (contactA > contactB)
+            return 1;
+        return 0;
+    })
+        .sort(function (_a, _b) {
+        var contactA = _a.name;
+        var contactB = _b.name;
+        return sortedContacts({ contactA: contactA, contactB: contactB, query: query });
+    });
+};
+//# sourceMappingURL=helpers.js.map

package/build/main//321/201omponents/UserDropdown/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/сomponents/UserDropdown/helpers.ts"],"names":[],"mappings":"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"}

package/build/main//321/201omponents/UserDropdown/index.d.ts

@@ -0,0 +1 @@
+export { default } from './UserDropdown';

package/build/main//321/201omponents/UserDropdown/index.js

@@ -0,0 +1,2 @@
+export { default } from './UserDropdown';
+//# sourceMappingURL=index.js.map

package/build/main//321/201omponents/UserDropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/UserDropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA"}

package/build/main//321/201omponents/UserDropdown/selectStyles.d.ts

@@ -0,0 +1,15 @@
+import { TSelectStyles } from './types';
+declare const _default: ({ isChipsVisible, isMaxMembersAdded, isDisabled, isError, lastRowNumber, paddingLeft, fillType, platform, layoutType, }: TSelectStyles) => {
+    control: (provided: any, { isFocused }: any) => any;
+    menu: (provided: any) => any;
+    menuList: (provided: any) => any;
+    valueContainer: (provided: any, { hasValue }: any) => any;
+    placeholder: (provided: any) => any;
+    input: (provided: any) => any;
+    multiValue: (provided: any) => any;
+    multiValueLabel: (provided: any) => any;
+    noOptionsMessage: (provided: any) => any;
+    loadingMessage: (provided: any) => any;
+    option: (provided: any) => any;
+};
+export default _default;

package/build/main//321/201omponents/UserDropdown/selectStyles.js

@@ -0,0 +1,75 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { isFullScreen, isPrimaryFillType, isWebPlatform } from '../../helpers';
+import { COLORS } from '../../constants';
+// eslint-disable-next-line import/no-anonymous-default-export
+export default (function (_a) {
+    var isChipsVisible = _a.isChipsVisible, isMaxMembersAdded = _a.isMaxMembersAdded, isDisabled = _a.isDisabled, isError = _a.isError, lastRowNumber = _a.lastRowNumber, paddingLeft = _a.paddingLeft, fillType = _a.fillType, platform = _a.platform, layoutType = _a.layoutType;
+    return ({
+        control: function (provided, _a) {
+            var isFocused = _a.isFocused;
+            var borderColor = isFocused ? 'var(--color-border-focused)' : 'var(--color-border)';
+            var hoverBorderColor = isFocused ? 'var(--color-border-focused)' : 'var(--color-border-hover)';
+            var background = isPrimaryFillType(fillType) ? 'var(--color-input-secondary)' : 'var(--color-input-tertiary)';
+            var disabledBackground = 'var(--color-bg-tertiary)';
+            return __assign(__assign({}, provided), { background: isDisabled ? disabledBackground : background, borderRadius: '10px', borderColor: isError ? 'var(--color-border-error)' : isDisabled ? disabledBackground : borderColor, boxShadow: 'none', cursor: 'text', transition: 'border-color 250ms ease-in-out, background 250ms ease-in-out', '&:hover': {
+                    borderColor: isWebPlatform(platform) && (isError ? 'var(--color-border-error)' : hoverBorderColor),
+                } });
+        },
+        menu: function (provided) { return (__assign(__assign({}, provided), { width: isFullScreen(layoutType) ? '384px' : '100%', left: isFullScreen(layoutType) ? '55px' : 0, background: COLORS.transparent, borderRadius: '10px', boxShadow: "0 3px 17px 0 ".concat(COLORS.selectBoxShadow), margin: '4px 0', zIndex: 2, '& > div:last-child > div:first-child > div:last-child > div:last-child > div:last-child > div:last-child': {
+                '.smartapp-option__container': {
+                    borderBottom: 'none',
+                },
+            }, '[role=option]:has(+[role=option]:hover)': {
+                '.smartapp-option__container': {
+                    borderBottomColor: isWebPlatform(platform) && COLORS.transparent,
+                },
+            } })); },
+        menuList: function (provided) { return (__assign(__assign({}, provided), { maxHeight: '292px', background: 'var(--color-item)', borderRadius: '10px', padding: '0', scrollbarColor: "var(--color-scrollbar-thumb) ".concat(COLORS.transparent), '::-webkit-scrollbar-thumb': {
+                background: 'var(--color-scrollbar-thumb)',
+            }, '::-webkit-scrollbar-track': {
+                background: COLORS.transparent,
+            } })); },
+        valueContainer: function (provided, _a) {
+            var hasValue = _a.hasValue;
+            var padding = lastRowNumber === 1 ? "12.5px 16px 12.5px ".concat(paddingLeft) : "6px 16px 6px ".concat(paddingLeft);
+            return hasValue && isChipsVisible ? __assign(__assign({}, provided), { display: 'flex', gap: '8px', padding: padding }) : __assign(__assign({}, provided), { padding: padding });
+        },
+        placeholder: function (provided) { return (__assign(__assign({}, provided), { fontFamily: "Open Sans, 'sans-serif'", fontSize: '14px', fontWeight: '400', lineHeight: '19px', color: 'var(--color-text-tertiary)', margin: 0 })); },
+        input: function (provided) { return (__assign(__assign({}, provided), { display: isMaxMembersAdded || isDisabled ? 'none' : 'grid', fontSize: '14px', fontWeight: '400', lineHeight: '19px', color: 'var(--color-text-primary)', caretColor: 'var(--color-icon-accent)', padding: 0, margin: 0, overflow: 'auto' })); },
+        multiValue: function (provided) { return (__assign(__assign({}, provided), { width: 'auto', background: 'unset', borderRadius: '20px', margin: 0, '&:has(.multi-value-label-counter)': {
+                width: 'fit-content',
+                cursor: 'default',
+            }, '&:empty': {
+                display: 'none',
+            } })); },
+        multiValueLabel: function (provided) { return (__assign(__assign({}, provided), { width: '100%', padding: '0 !important', '.smartapp-chip': {
+                maxWidth: '100%',
+            } })); },
+        noOptionsMessage: function (provided) { return (__assign(__assign({}, provided), { fontSize: '12px', fontWeight: 400, color: 'var(--color-text-secondary)', background: 'var(--color-item)', borderRadius: '10px', padding: '8px 16px' })); },
+        loadingMessage: function (provided) { return (__assign(__assign({}, provided), { maxHeight: '292px', borderRadius: '10px', padding: 0, overflow: 'hidden' })); },
+        option: function (provided) { return (__assign(__assign({}, provided), { height: '54px', background: 'var(--color-item)', padding: '0 0 0 16px', cursor: isWebPlatform(platform) && 'pointer', '&:hover': {
+                background: isWebPlatform(platform) && 'var(--color-item-transparent-hover)',
+                '.smartapp-option__container::before': {
+                    borderBottomColor: isWebPlatform(platform) && COLORS.transparent,
+                },
+                '.smartapp-option__container::after': {
+                    borderBottomColor: isWebPlatform(platform) && 'var(--color-item)',
+                },
+            }, '&:active': {
+                background: COLORS.transparent,
+            }, '&:focus-visible': {
+                outline: 'none',
+            } })); },
+    });
+});
+//# sourceMappingURL=selectStyles.js.map

package/build/main//321/201omponents/UserDropdown/selectStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectStyles.js","sourceRoot":"","sources":["../../../../src/сomponents/UserDropdown/selectStyles.ts"],"names":[],"mappings":"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"}

package/build/main//321/201omponents/UserDropdown/types.d.ts

@@ -0,0 +1,194 @@
+import { RefObject } from 'react';
+import { MenuListProps, OptionProps } from 'react-select';
+import { ICommonProps, ILayoutTypeProps, TStyles } from '../../constants';
+export interface IContactBottomSheet {
+    language: string;
+    avatar: string | null;
+    name: string;
+    email: string;
+    serverName: string | null;
+    company: string | null;
+    department: string | null;
+    companyPosition: string | null;
+}
+export interface IContactInfo {
+    elementRef?: RefObject<HTMLDivElement | null>;
+    language: string;
+    serverName: string | null;
+    company: string | null;
+    department: string | null;
+    companyPosition: string | null;
+}
+export type TRenderInfoItem = {
+    title: string;
+    info: string;
+};
+export interface ILoadingMessage {
+    skeletonRowsCount?: number;
+}
+export interface IMenuListProps extends MenuListProps {
+    selectRef: RefObject<any>;
+    scrollFromTop: RefObject<number>;
+    hasNextPage: boolean;
+    isLoading: boolean;
+    isUserTyping: boolean;
+    isNextPageLoading: boolean;
+    onLoadNextPage: (inputValue: string) => void;
+}
+type TData = {
+    label: string;
+    avatar: string | null;
+    email: string;
+    serverName: string | null;
+    company: string | null;
+    department: string | null;
+    companyPosition: string | null;
+    isMyContacts: boolean;
+    platform: 'web' | 'ios' | 'android';
+    language: 'ru' | 'en' | 'de' | 'es' | 'fr' | 'ar' | 'mal' | 'tr';
+    setIsSearchable: (isSearchable: boolean) => void;
+    setModalData: (modalData: TModalData | null) => void;
+};
+export interface IOptionProps extends OptionProps {
+    data: TData;
+}
+export type TModalData = {
+    avatar: string | null;
+    name: string;
+    email: string;
+    serverName: string | null;
+    company: string | null;
+    department: string | null;
+    companyPosition: string | null;
+};
+type TGenerateCommonOption = {
+    platform: string;
+    layoutType: string;
+    isChipsCollapsable: boolean;
+    isInputFocused: RefObject<boolean>;
+    selectRef: RefObject<any>;
+};
+export type TGenerateCorporateOption = TGenerateCommonOption & {
+    option: TCorporateEntity;
+};
+export type TGenerateCorporateOptionsToSelect = TGenerateCommonOption & {
+    language: string;
+    options: TCorporateEntity[];
+    setIsSearchable: (isSearchable: boolean) => void;
+    setModalData: (modalData: TModalData | null) => void;
+};
+export type TGenerateContactsOption = TGenerateCommonOption & {
+    option: TMyContactsEntries;
+};
+export type TGenerateContactsOptionsToSelect = TGenerateCommonOption & {
+    options: TMyContactsEntries[];
+};
+export type TGenerateEnteredByUserOption = TGenerateCommonOption & {
+    email: string;
+    isError?: boolean;
+};
+export type TSortedContacts = {
+    contactA: string;
+    contactB: string;
+    query: string;
+};
+export type TSelectStyles = {
+    isChipsVisible: boolean;
+    isMaxMembersAdded: boolean;
+    isDisabled: boolean;
+    isError: boolean;
+    lastRowNumber: number;
+    paddingLeft: string;
+    fillType: string;
+    platform: string;
+    layoutType: string;
+};
+export type TGenerateNoOptionsMessage = {
+    inputValue: string;
+};
+export type THandleFilterOption = {
+    data: MultiOptionType;
+};
+export type TSelectProps = {
+    options: MultiOptionType[];
+    inputValue: string;
+    onChange: (value: MultiOptionType[]) => void;
+    onInputChange: (value: string) => void;
+};
+export interface MultiOptionType {
+    value: string;
+    label: string;
+    avatar?: string | null;
+    email: string;
+    layoutType: string;
+    isChipsCollapsable: boolean;
+    platform?: string;
+    serverName?: string | null;
+    company?: string | null;
+    department?: string | null;
+    companyPosition?: string | null;
+    isMyContacts?: boolean;
+    isEnteredByUser?: boolean;
+    isError?: boolean;
+}
+export type TMyContactsEntries = {
+    isPrivateSchedule?: boolean;
+    name: string | null;
+    email: string;
+    avatar: string | null;
+};
+type TContacts = {
+    userHuid: string;
+    contact: string;
+    contactType: string;
+};
+export type TCorporateEntity = {
+    isPrivateSchedule?: boolean;
+    avatar: string | null;
+    name: string;
+    email: string | null;
+    serverName: string | null;
+    company: string | null;
+    department: string | null;
+    companyPosition: string | null;
+    contacts: TContacts[];
+};
+type TCorporateEntries = {
+    corpPhonebookEntries: TCorporateEntity[];
+    trustSearchEntries: TCorporateEntity[];
+};
+export type TUser = TCorporateEntity | TMyContactsEntries | {
+    email: string;
+    isPrivateSchedule?: boolean;
+};
+export interface IUserDropdownProps extends ICommonProps, ILayoutTypeProps {
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    isChipsVisible?: boolean;
+    isChipsCollapsable?: boolean;
+    isMenuCloseOnSelect?: boolean;
+    isFilteringDisabled?: boolean;
+    hasNextPage?: boolean;
+    isNextPageLoading?: boolean;
+    language?: 'ru' | 'en' | 'de' | 'es' | 'fr' | 'ar' | 'mal' | 'tr';
+    title?: string;
+    mask?: string;
+    placeholder?: string;
+    hint?: string;
+    noOptionsMessage?: string;
+    maxMembersCount?: number;
+    fillType?: 'primary' | 'secondary';
+    menuPosition?: 'bottom' | 'auto' | 'top';
+    autoFocus?: boolean;
+    containerClassName?: string;
+    containerStyles?: TStyles;
+    selectedEntries?: TUser[];
+    corporateEntries: TCorporateEntries | null;
+    myContactsEntries: TMyContactsEntries[] | null;
+    onInputChange: (inputValue: string) => void;
+    onChange: (users: TUser[]) => void;
+    onMenuOpen?: () => void;
+    onMenuClose?: () => void;
+    onLoadNextPage?: (inputValue: string) => void;
+}
+export {};

package/build/main//321/201omponents/UserDropdown/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/main//321/201omponents/UserDropdown/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/UserDropdown/types.ts"],"names":[],"mappings":""}

package/build/main//321/201omponents/types.d.ts

@@ -0,0 +1,2 @@
+export type Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N ? Acc[number] : Enumerate<N, [...Acc, Acc['length']]>;
+export type IntRange<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;

package/build/main//321/201omponents/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/main//321/201omponents/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/сomponents/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expressms/smartapp-ui",
-  "version": "2.8.7-alpha.1",
+  "version": "2.8.7-alpha.2",
   "description": "SmartApp UI library",
   "license": "MIT",
   "main": "build/main/index.js",