@mediusinc/mng-commons 0.11.0 → 0.12.1

package/scss/common/theme/designer/components/input/_autocomplete.scss

@@ -1,3 +1,5 @@
+@use 'sass:math';
+
 .p-autocomplete {
     .p-autocomplete-loader {
         right: nth($inputPadding, 2);
@@ -10,7 +12,7 @@
     }
 
     .p-autocomplete-multiple-container {
-        padding: nth($inputPadding, 1) / 2 nth($inputPadding, 2);
+        padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
 
         &:not(.p-disabled):hover {
             border-color: $inputHoverBorderColor;
@@ -21,7 +23,7 @@
         }
 
         .p-autocomplete-input-token {
-            padding: nth($inputPadding, 1) / 2 0;
+            padding: math.div(nth($inputPadding, 1), 2) 0;
 
             input {
                 font-family: $fontFamily;
@@ -33,7 +35,7 @@
         }
 
         .p-autocomplete-token {
-            padding: nth($inputPadding, 1) / 2 nth($inputPadding, 2);
+            padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
             margin-right: $inlineSpacing;
             background: $highlightBg;
             color: $highlightTextColor;

package/scss/common/theme/designer/components/input/_chips.scss

@@ -1,6 +1,8 @@
+@use 'sass:math';
+
 .p-chips {
     .p-chips-multiple-container {
-        padding: nth($inputPadding, 1) / 2 nth($inputPadding, 2);
+        padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
 
         &:not(.p-disabled):hover {
             border-color: $inputHoverBorderColor;
@@ -11,7 +13,7 @@
         }
 
         .p-chips-token {
-            padding: nth($inputPadding, 1) / 2 nth($inputPadding, 2);
+            padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
             margin-right: $inlineSpacing;
             background: $highlightBg;
             color: $highlightTextColor;
@@ -23,7 +25,7 @@
         }
 
         .p-chips-input-token {
-            padding: nth($inputPadding, 1) / 2 0;
+            padding: math.div(nth($inputPadding, 1), 2) 0;
 
             input {
                 font-family: $fontFamily;

package/scss/common/theme/designer/components/input/_inputswitch.scss

@@ -1,3 +1,5 @@
+@use 'sass:math';
+
 .p-inputswitch {
     width: $inputSwitchWidth;
     height: $inputSwitchHeight;
@@ -12,7 +14,7 @@
             width: $inputSwitchHandleWidth;
             height: $inputSwitchHandleHeight;
             left: $inputSwitchSliderPadding;
-            margin-top: -1 * $inputSwitchHandleHeight / 2;
+            margin-top: -1 * math.div($inputSwitchHandleHeight, 2);
             border-radius: $inputSwitchHandleBorderRadius;
             transition-duration: $transitionDuration;
         }

package/scss/common/theme/designer/components/input/_multiselect.scss

@@ -1,3 +1,5 @@
+@use 'sass:math';
+
 .p-multiselect {
     background: $inputBg;
     border: $inputBorder;
@@ -23,7 +25,7 @@
 
     &.p-multiselect-chip {
         .p-multiselect-token {
-            padding: nth($inputPadding, 1) / 2 nth($inputPadding, 2);
+            padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
             margin-right: $inlineSpacing;
             background: $highlightBg;
             color: $highlightTextColor;
@@ -48,7 +50,7 @@
     .p-multiselect {
         &.p-multiselect-chip {
             .p-multiselect-label {
-                padding: nth($inputPadding, 1) / 2 nth($inputPadding, 2);
+                padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
             }
         }
     }

package/scss/common/theme/designer/components/input/_slider.scss

@@ -1,3 +1,5 @@
+@use 'sass:math';
+
 .p-slider {
     background: $sliderBg;
     border: $sliderBorder;
@@ -7,8 +9,8 @@
         height: $sliderHorizontalHeight;
 
         .p-slider-handle {
-            margin-top: (-1 * $sliderHandleHeight / 2);
-            margin-left: (-1 * $sliderHandleWidth / 2);
+            margin-top: (-1 * math.div($sliderHandleHeight, 2));
+            margin-left: (-1 * math.div($sliderHandleWidth, 2));
         }
     }
 
@@ -16,8 +18,8 @@
         width: $sliderVerticalWidth;
 
         .p-slider-handle {
-            margin-left: (-1 * $sliderHandleWidth / 2);
-            margin-bottom: (-1 * $sliderHandleHeight / 2);
+            margin-left: (-1 * math.div($sliderHandleWidth, 2));
+            margin-bottom: (-1 * math.div($sliderHandleHeight, 2));
         }
     }
 

package/scss/common/theme/designer/components/input/_treeselect.scss

@@ -1,3 +1,5 @@
+@use 'sass:math';
+
 .p-treeselect {
     background: $inputBg;
     border: $inputBorder;
@@ -23,7 +25,7 @@
 
     &.p-treeselect-chip {
         .p-treeselect-token {
-            padding: nth($inputPadding, 1) / 2 nth($inputPadding, 2);
+            padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
             margin-right: $inlineSpacing;
             background: $chipBg;
             color: $chipTextColor;
@@ -48,7 +50,7 @@
     .p-treeselect {
         &.p-treeselect-chip {
             .p-treeselect-label {
-                padding: nth($inputPadding, 1) / 2 nth($inputPadding, 2);
+                padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2);
             }
         }
     }

package/scss/common/theme/designer/components/menu/_steps.scss

@@ -1,3 +1,5 @@
+@use 'sass:math';
+
 .p-steps {
     .p-steps-item {
         .p-menuitem-link {
@@ -48,7 +50,7 @@
             left: 0;
             display: block;
             position: absolute;
-            margin-top: -1 * ($stepsItemNumberHeight / 2);
+            margin-top: -1 * math.div($stepsItemNumberHeight, 2);
         }
     }
 }

package/scss/common/theme/designer/components/misc/_chip.scss

@@ -1,3 +1,5 @@
+@use 'sass:math';
+
 .p-chip {
     background-color: $chipBg;
     color: $chipTextColor;
@@ -6,8 +8,8 @@
 
     .p-chip-text {
         line-height: 1.5;
-        margin-top: nth($inputPadding, 1) / 2;
-        margin-bottom: nth($inputPadding, 1) / 2;
+        margin-top: math.div(nth($inputPadding, 1), 2);
+        margin-bottom: math.div(nth($inputPadding, 1), 2);
     }
 
     .p-chip-icon {

package/scss/common/theme/designer/components/misc/_tag.scss

@@ -1,3 +1,5 @@
+@use 'sass:math';
+
 .p-tag {
     background: $badgeBg;
     color: $badgeTextColor;
@@ -27,7 +29,7 @@
     }
 
     .p-tag-icon {
-        margin-right: $inlineSpacing / 2;
+        margin-right: math.div($inlineSpacing, 2);
         font-size: $badgeFontSize;
     }
 }

package/scss/common/theme/designer/components/overlay/_overlaypanel.scss

@@ -1,3 +1,5 @@
+@use 'sass:math';
+
 .p-overlaypanel {
     background: $overlayContentBg;
     color: $panelContentTextColor;
@@ -17,8 +19,8 @@
         transition: $actionIconTransition;
         border-radius: $actionIconBorderRadius;
         position: absolute;
-        top: -1 * $actionIconWidth / 2;
-        right: -1 * $actionIconWidth / 2;
+        top: -1 * math.div($actionIconWidth, 2);
+        right: -1 * math.div($actionIconWidth, 2);
 
         &:enabled:hover {
             background: $buttonHoverBg;

package/version-info.json

@@ -1,10 +1,10 @@
 {
     "name": "@mediusinc/mng-commons",
-    "version": "0.11.0",
-    "tag": "v0.11.0",
+    "version": "0.12.1",
+    "tag": "v0.12.1",
     "distance": 0,
-    "hash": "59237957",
+    "hash": "d8483e70",
     "dirty": false,
-    "semver": "0.11.0",
-    "raw": "v0.11.0-59237957"
+    "semver": "0.12.1",
+    "raw": "v0.12.1-d8483e70"
 }

package/esm2020/lib/utils/styles.util.mjs

@@ -1,41 +0,0 @@
-import { ActionSizeEnum, TableSizeEnum } from '../descriptors/types';
-export class StylesUtil {
-    static calculateTableColumnActionWidth(table, actions) {
-        const buttonsWidth = actions.reduce((acc, action) => acc + StylesUtil.getActionButtonRoundedWidth(action) + 2 * StylesUtil.ACTION_BUTTON_MARGIN_X, 0);
-        const tablePadding = StylesUtil.getTableCellPaddingX(table);
-        return buttonsWidth + 2 * tablePadding;
-    }
-    static getTableCellPaddingX(table) {
-        switch (table.size) {
-            case TableSizeEnum.Small:
-                return StylesUtil.TABLE_CELL_PADDING_X_SM;
-            case TableSizeEnum.Large:
-                return StylesUtil.TABLE_CELL_PADDING_X_LG;
-            default:
-                return StylesUtil.TABLE_CELL_PADDING_X;
-        }
-    }
-    static getActionButtonRoundedWidth(action) {
-        switch (action.size) {
-            case ActionSizeEnum.ExtraSmall:
-                return StylesUtil.BUTTON_ROUNDED_WIDTH_XS;
-            case ActionSizeEnum.Small:
-                return StylesUtil.BUTTON_ROUNDED_WIDTH_SM;
-            case ActionSizeEnum.Large:
-            case ActionSizeEnum.ExtraLarge:
-                return StylesUtil.BUTTON_ROUNDED_WIDTH_LG;
-            case ActionSizeEnum.Normal:
-            default:
-                return StylesUtil.BUTTON_ROUNDED_WIDTH;
-        }
-    }
-}
-StylesUtil.BUTTON_ROUNDED_WIDTH_XS = 26;
-StylesUtil.BUTTON_ROUNDED_WIDTH_SM = 28;
-StylesUtil.BUTTON_ROUNDED_WIDTH = 32;
-StylesUtil.BUTTON_ROUNDED_WIDTH_LG = 45;
-StylesUtil.ACTION_BUTTON_MARGIN_X = 2;
-StylesUtil.TABLE_CELL_PADDING_X = 8; // left and right paddings are same
-StylesUtil.TABLE_CELL_PADDING_X_SM = 4;
-StylesUtil.TABLE_CELL_PADDING_X_LG = 12;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLnV0aWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL3V0aWxzL3N0eWxlcy51dGlsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBQyxjQUFjLEVBQUUsYUFBYSxFQUFDLE1BQU0sc0JBQXNCLENBQUM7QUFFbkUsTUFBTSxPQUFPLFVBQVU7SUFZWixNQUFNLENBQUMsK0JBQStCLENBQUMsS0FBK0IsRUFBRSxPQUF5QztRQUNwSCxNQUFNLFlBQVksR0FBRyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBRyxFQUFFLE1BQU0sRUFBRSxFQUFFLENBQUMsR0FBRyxHQUFHLFVBQVUsQ0FBQywyQkFBMkIsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLEdBQUcsVUFBVSxDQUFDLHNCQUFzQixFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ3RKLE1BQU0sWUFBWSxHQUFHLFVBQVUsQ0FBQyxvQkFBb0IsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM1RCxPQUFPLFlBQVksR0FBRyxDQUFDLEdBQUcsWUFBWSxDQUFDO0lBQzNDLENBQUM7SUFFTSxNQUFNLENBQUMsb0JBQW9CLENBQUMsS0FBK0I7UUFDOUQsUUFBUSxLQUFLLENBQUMsSUFBSSxFQUFFO1lBQ2hCLEtBQUssYUFBYSxDQUFDLEtBQUs7Z0JBQ3BCLE9BQU8sVUFBVSxDQUFDLHVCQUF1QixDQUFDO1lBQzlDLEtBQUssYUFBYSxDQUFDLEtBQUs7Z0JBQ3BCLE9BQU8sVUFBVSxDQUFDLHVCQUF1QixDQUFDO1lBQzlDO2dCQUNJLE9BQU8sVUFBVSxDQUFDLG9CQUFvQixDQUFDO1NBQzlDO0lBQ0wsQ0FBQztJQUVNLE1BQU0sQ0FBQywyQkFBMkIsQ0FBQyxNQUFpQztRQUN2RSxRQUFRLE1BQU0sQ0FBQyxJQUFJLEVBQUU7WUFDakIsS0FBSyxjQUFjLENBQUMsVUFBVTtnQkFDMUIsT0FBTyxVQUFVLENBQUMsdUJBQXVCLENBQUM7WUFDOUMsS0FBSyxjQUFjLENBQUMsS0FBSztnQkFDckIsT0FBTyxVQUFVLENBQUMsdUJBQXVCLENBQUM7WUFDOUMsS0FBSyxjQUFjLENBQUMsS0FBSyxDQUFDO1lBQzFCLEtBQUssY0FBYyxDQUFDLFVBQVU7Z0JBQzFCLE9BQU8sVUFBVSxDQUFDLHVCQUF1QixDQUFDO1lBQzlDLEtBQUssY0FBYyxDQUFDLE1BQU0sQ0FBQztZQUMzQjtnQkFDSSxPQUFPLFVBQVUsQ0FBQyxvQkFBb0IsQ0FBQztTQUM5QztJQUNMLENBQUM7O0FBekNzQixrQ0FBdUIsR0FBRyxFQUFFLENBQUM7QUFDN0Isa0NBQXVCLEdBQUcsRUFBRSxDQUFDO0FBQzdCLCtCQUFvQixHQUFHLEVBQUUsQ0FBQztBQUMxQixrQ0FBdUIsR0FBRyxFQUFFLENBQUM7QUFFN0IsaUNBQXNCLEdBQUcsQ0FBQyxDQUFDO0FBRTNCLCtCQUFvQixHQUFHLENBQUMsQ0FBQyxDQUFDLG1DQUFtQztBQUM3RCxrQ0FBdUIsR0FBRyxDQUFDLENBQUM7QUFDNUIsa0NBQXVCLEdBQUcsRUFBRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtBY3Rpb25EZXNjcmlwdG9yLCBUYWJsZURlc2NyaXB0b3J9IGZyb20gJy4uL2Rlc2NyaXB0b3JzJztcbmltcG9ydCB7QWN0aW9uU2l6ZUVudW0sIFRhYmxlU2l6ZUVudW19IGZyb20gJy4uL2Rlc2NyaXB0b3JzL3R5cGVzJztcblxuZXhwb3J0IGNsYXNzIFN0eWxlc1V0aWwge1xuICAgIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgQlVUVE9OX1JPVU5ERURfV0lEVEhfWFMgPSAyNjtcbiAgICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IEJVVFRPTl9ST1VOREVEX1dJRFRIX1NNID0gMjg7XG4gICAgcHVibGljIHN0YXRpYyByZWFkb25seSBCVVRUT05fUk9VTkRFRF9XSURUSCA9IDMyO1xuICAgIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgQlVUVE9OX1JPVU5ERURfV0lEVEhfTEcgPSA0NTtcblxuICAgIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgQUNUSU9OX0JVVFRPTl9NQVJHSU5fWCA9IDI7XG5cbiAgICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IFRBQkxFX0NFTExfUEFERElOR19YID0gODsgLy8gbGVmdCBhbmQgcmlnaHQgcGFkZGluZ3MgYXJlIHNhbWVcbiAgICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IFRBQkxFX0NFTExfUEFERElOR19YX1NNID0gNDtcbiAgICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IFRBQkxFX0NFTExfUEFERElOR19YX0xHID0gMTI7XG5cbiAgICBwdWJsaWMgc3RhdGljIGNhbGN1bGF0ZVRhYmxlQ29sdW1uQWN0aW9uV2lkdGgodGFibGU6IFRhYmxlRGVzY3JpcHRvcjx1bmtub3duPiwgYWN0aW9uczogQXJyYXk8QWN0aW9uRGVzY3JpcHRvcjx1bmtub3duPj4pOiBudW1iZXIge1xuICAgICAgICBjb25zdCBidXR0b25zV2lkdGggPSBhY3Rpb25zLnJlZHVjZSgoYWNjLCBhY3Rpb24pID0+IGFjYyArIFN0eWxlc1V0aWwuZ2V0QWN0aW9uQnV0dG9uUm91bmRlZFdpZHRoKGFjdGlvbikgKyAyICogU3R5bGVzVXRpbC5BQ1RJT05fQlVUVE9OX01BUkdJTl9YLCAwKTtcbiAgICAgICAgY29uc3QgdGFibGVQYWRkaW5nID0gU3R5bGVzVXRpbC5nZXRUYWJsZUNlbGxQYWRkaW5nWCh0YWJsZSk7XG4gICAgICAgIHJldHVybiBidXR0b25zV2lkdGggKyAyICogdGFibGVQYWRkaW5nO1xuICAgIH1cblxuICAgIHB1YmxpYyBzdGF0aWMgZ2V0VGFibGVDZWxsUGFkZGluZ1godGFibGU6IFRhYmxlRGVzY3JpcHRvcjx1bmtub3duPik6IG51bWJlciB7XG4gICAgICAgIHN3aXRjaCAodGFibGUuc2l6ZSkge1xuICAgICAgICAgICAgY2FzZSBUYWJsZVNpemVFbnVtLlNtYWxsOlxuICAgICAgICAgICAgICAgIHJldHVybiBTdHlsZXNVdGlsLlRBQkxFX0NFTExfUEFERElOR19YX1NNO1xuICAgICAgICAgICAgY2FzZSBUYWJsZVNpemVFbnVtLkxhcmdlOlxuICAgICAgICAgICAgICAgIHJldHVybiBTdHlsZXNVdGlsLlRBQkxFX0NFTExfUEFERElOR19YX0xHO1xuICAgICAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgICAgICByZXR1cm4gU3R5bGVzVXRpbC5UQUJMRV9DRUxMX1BBRERJTkdfWDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyBzdGF0aWMgZ2V0QWN0aW9uQnV0dG9uUm91bmRlZFdpZHRoKGFjdGlvbjogQWN0aW9uRGVzY3JpcHRvcjx1bmtub3duPik6IG51bWJlciB7XG4gICAgICAgIHN3aXRjaCAoYWN0aW9uLnNpemUpIHtcbiAgICAgICAgICAgIGNhc2UgQWN0aW9uU2l6ZUVudW0uRXh0cmFTbWFsbDpcbiAgICAgICAgICAgICAgICByZXR1cm4gU3R5bGVzVXRpbC5CVVRUT05fUk9VTkRFRF9XSURUSF9YUztcbiAgICAgICAgICAgIGNhc2UgQWN0aW9uU2l6ZUVudW0uU21hbGw6XG4gICAgICAgICAgICAgICAgcmV0dXJuIFN0eWxlc1V0aWwuQlVUVE9OX1JPVU5ERURfV0lEVEhfU007XG4gICAgICAgICAgICBjYXNlIEFjdGlvblNpemVFbnVtLkxhcmdlOlxuICAgICAgICAgICAgY2FzZSBBY3Rpb25TaXplRW51bS5FeHRyYUxhcmdlOlxuICAgICAgICAgICAgICAgIHJldHVybiBTdHlsZXNVdGlsLkJVVFRPTl9ST1VOREVEX1dJRFRIX0xHO1xuICAgICAgICAgICAgY2FzZSBBY3Rpb25TaXplRW51bS5Ob3JtYWw6XG4gICAgICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgICAgICAgIHJldHVybiBTdHlsZXNVdGlsLkJVVFRPTl9ST1VOREVEX1dJRFRIO1xuICAgICAgICB9XG4gICAgfVxufVxuIl19