@expressms/smartapp-ui 0.0.2 → 0.0.4

package/README.md

@@ -8,5 +8,7 @@ For the styles to work correctly, after installing the library, add styles impor
 
 For the library to work, you need to install react and react-dom version 18 or more.
 
+You can read more about the elements of the library here: https://confluence.ccsteam.ru/display/EI/SmartApp+UI
+
 
 

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

@@ -1,7 +1,7 @@
 export interface IActionModalProps {
     title: string;
     buttonName: string;
-    confirmButtonFunction: (str: string) => void;
+    confirmButtonFunction: (str?: string) => void;
     isModalOpen: boolean;
     cancelButtonFunction: () => void;
     placeholder?: string;

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

@@ -15,6 +15,6 @@ import '../../styles/stories.module.scss';
 import Avatar from '../Avatar';
 function Chips(_a) {
     var name = _a.name, _b = _a.onCancelFunction, onCancelFunction = _b === void 0 ? function () { return undefined; } : _b;
-    return (_jsxs("div", __assign({ className: "smartapp-chips" }, { children: [_jsxs("div", __assign({ className: "smartapp-chips__info" }, { children: [_jsx(Avatar, { username: name, widthHeight: 24 }), _jsx("p", __assign({ className: "smartapp-chips__info--name" }, { children: name }))] })), _jsx("div", __assign({ onClick: onCancelFunction, className: "smartapp-chips__cancel-icon" }, { children: _jsx(Cancel, {}) }))] })));
+    return (_jsxs("div", __assign({ className: "smartapp-chips" }, { children: [_jsxs("div", __assign({ className: "smartapp-chips__info" }, { children: [_jsx(Avatar, { username: name, widthHeight: 24 }), _jsx("p", __assign({ className: "smartapp-chips__info--name" }, { children: name }))] })), _jsx("div", __assign({ onClick: function () { return onCancelFunction(name); }, className: "smartapp-chips__cancel-icon" }, { children: _jsx(Cancel, {}) }))] })));
 }
 export default Chips;

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

@@ -1,4 +1,4 @@
 export interface IChipsProps {
     name: string;
-    onCancelFunction?: () => void;
+    onCancelFunction?: (name?: string) => void;
 }

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

@@ -27,8 +27,10 @@ function CustomSelect(_a) {
             } })); },
         control: function (provided) { return (__assign(__assign({}, provided), { width: width && "".concat(width, "px"), textOverflow: 'ellipsis' })); },
     };
-    return (_jsx("div", __assign({ className: "smartapp-custom-select" }, { children: _jsx(Select, { onChange: function (option) { return onChange(option); }, 
+    return (_jsx("div", __assign({ className: "smartapp-custom-select" }, { children: _jsx(Select
+        /* @ts-ignore */
+        , { 
             /* @ts-ignore */
-            options: options, defaultValue: defaultValue, styles: customStyles, placeholder: _jsx("div", __assign({ className: "smartapp-custom-select__placeholder" }, { children: placeholder })), components: { IndicatorSeparator: function () { return null; } } }) })));
+            onChange: function (option) { return onChange(option); }, options: options, defaultValue: defaultValue, styles: customStyles, placeholder: _jsx("div", __assign({ className: "smartapp-custom-select__placeholder" }, { children: placeholder })), components: { IndicatorSeparator: function () { return null; } } }) })));
 }
 export default CustomSelect;

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

@@ -1,14 +1,12 @@
 import { IntRange } from '../types';
-type TCustomSelectOption = {
+export type TCustomSelectOption = {
     label: string;
     value: string;
-}[];
+};
 export type ICustomSelect = {
-    options: TCustomSelectOption;
-    onChange: (option: any) => void;
-    field?: any;
+    options: TCustomSelectOption[];
+    onChange: (option: TCustomSelectOption) => void;
     placeholder: string;
-    defaultValue?: string;
+    defaultValue?: TCustomSelectOption;
     width?: IntRange<120, 360>;
 };
-export {};

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

@@ -51,8 +51,10 @@ function CustomSelectPriority(_a) {
         var children = _a.children, props = __rest(_a, ["children"]);
         return (_jsxs(components.Option, __assign({}, props, { children: [((_b = props === null || props === void 0 ? void 0 : props.data) === null || _b === void 0 ? void 0 : _b.color) && (_jsx("span", __assign({ style: { marginRight: '8px' } }, { children: _jsx(Ellipse, { style: { paddingBottom: '1px' }, color: (_c = props === null || props === void 0 ? void 0 : props.data) === null || _c === void 0 ? void 0 : _c.color }) }))), children] })));
     };
-    return (_jsx("div", __assign({ className: "smartapp-custom-select" }, { children: _jsx(Select, { onChange: function (option) { return onChange(option); }, 
+    return (_jsx("div", __assign({ className: "smartapp-custom-select" }, { children: _jsx(Select
+        /* @ts-ignore */
+        , { 
             /* @ts-ignore */
-            options: options, defaultValue: defaultValue, styles: customStyles, placeholder: _jsx("div", __assign({ className: "smartapp-custom-select__placeholder" }, { children: placeholder })), components: { Option: Option, Control: Control, DropdownIndicator: DropdownIndicator, IndicatorSeparator: function () { return null; } } }) })));
+            onChange: function (option) { return onChange(option); }, options: options, defaultValue: defaultValue, styles: customStyles, placeholder: _jsx("div", __assign({ className: "smartapp-custom-select__placeholder" }, { children: placeholder })), components: { Option: Option, Control: Control, DropdownIndicator: DropdownIndicator, IndicatorSeparator: function () { return null; } } }) })));
 }
 export default CustomSelectPriority;

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

@@ -6,8 +6,7 @@ export type TCustomSelectOptionPriority = {
 };
 export interface ICustomSelectPriority {
     options: TCustomSelectOptionPriority[];
-    onChange: (option: any) => void;
-    field?: any;
+    onChange: (option: TCustomSelectOptionPriority) => void;
     placeholder: string;
     defaultValue?: TCustomSelectOptionPriority;
     width?: IntRange<130, 360>;

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

@@ -48,6 +48,10 @@ function CustomSelectPriority(_a) {
         var props = __rest(_a, []);
         return (_jsx(components.Option, __assign({}, props, { children: _jsxs("div", __assign({ className: "smartapp-custom-select__option" }, { children: [_jsx("div", __assign({ className: "smartapp-custom-select__option--avatar" }, { children: _jsx(Avatar, { widthHeight: 32, username: (_b = props === null || props === void 0 ? void 0 : props.data) === null || _b === void 0 ? void 0 : _b.username }) })), _jsxs("div", __assign({ className: "smartapp-custom-select__option--info" }, { children: [_jsxs("p", __assign({ className: "smartapp-custom-select__option--info__title" }, { children: [(_c = props === null || props === void 0 ? void 0 : props.data) === null || _c === void 0 ? void 0 : _c.username, " "] })), _jsxs("p", __assign({ className: "smartapp-custom-select__option--info__email" }, { children: [(_d = props === null || props === void 0 ? void 0 : props.data) === null || _d === void 0 ? void 0 : _d.email, " "] }))] }))] })) })));
     };
-    return (_jsx("div", __assign({ className: "smartapp-custom-select" }, { children: _jsx(Select, { onChange: function (option) { return onChange(option); }, options: options, defaultValue: defaultValue, styles: customStyles, getOptionLabel: function (option) { return option.username; }, getOptionValue: function (option) { return option.email; }, placeholder: _jsx("div", __assign({ className: "smartapp-custom-select__placeholder" }, { children: placeholder })), components: { Option: Option, Control: Control, DropdownIndicator: DropdownIndicator, IndicatorSeparator: function () { return null; } } }) })));
+    return (_jsx("div", __assign({ className: "smartapp-custom-select" }, { children: _jsx(Select
+        /* @ts-ignore */
+        , { 
+            /* @ts-ignore */
+            onChange: function (option) { return onChange(option); }, options: options, defaultValue: defaultValue, styles: customStyles, getOptionLabel: function (option) { return option.username; }, getOptionValue: function (option) { return option.email; }, placeholder: _jsx("div", __assign({ className: "smartapp-custom-select__placeholder" }, { children: placeholder })), components: { Option: Option, Control: Control, DropdownIndicator: DropdownIndicator, IndicatorSeparator: function () { return null; } } }) })));
 }
 export default CustomSelectPriority;

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

@@ -5,9 +5,8 @@ export type TCustomSelectOptionProfiles = {
 };
 export interface ICustomSelectProfiles {
     options: TCustomSelectOptionProfiles[];
-    onChange: (option: any) => void;
-    field?: any;
-    placeholder: string;
+    onChange: (option: TCustomSelectOptionProfiles) => void;
+    placeholder?: string;
     defaultValue?: TCustomSelectOptionProfiles;
     width?: IntRange<130, 360>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expressms/smartapp-ui",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "SmartApp UI library",
   "license": "MIT",
   "main": "build/main/index.js",
@@ -54,7 +54,6 @@
     "jest-resolve": "^27.4.2",
     "jest-watch-typeahead": "^1.0.0",
     "mini-css-extract-plugin": "^2.4.5",
-    "node-sass": "^8.0.0",
     "postcss": "^8.4.4",
     "postcss-flexbugs-fixes": "^5.0.2",
     "postcss-loader": "^6.2.1",
@@ -75,7 +74,7 @@
     "reactjs-popup": "^2.0.5",
     "resolve": "^1.20.0",
     "resolve-url-loader": "2.3.1",
-    "sass": "^1.57.1",
+    "sass": "^1.63.6",
     "sass-loader": "^12.3.0",
     "semver": "^7.3.5",
     "source-map-loader": "^3.0.0",