@sap-ux/ui-components 1.0.0

package/dist/helper/ValidationMessage/MessageWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageWrapper.js","sourceRoot":"","sources":["../../../src/helper/ValidationMessage/MessageWrapper.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,mCAAwE;AACxE,kDAAiD;AACjD,oDAAiD;AAEjD,iCAA+B;AAOlB,QAAA,iBAAiB,GAAG,IAAI,GAAG,CAAwC;IAC5E,CAAC,SAAS,EAAE,eAAO,CAAC,KAAK,CAAC;IAC1B,sBAAyB,eAAO,CAAC,KAAK,CAAC;IACvC,0BAA2B,eAAO,CAAC,OAAO,CAAC;IAC3C,oBAAwB,eAAO,CAAC,IAAI,CAAC;CACxC,CAAC,CAAC;AAEH;;;;;GAKG;AACH,SAAgB,cAAc,CAAC,KAA0B;IACrD,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IACpC,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,mCAA2B,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAChG,MAAM,IAAI,GAAG,yBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACjD,OAAO,CACH,uCAAK,SAAS,EAAE,0CAA0C,WAAW,EAAE;QACnE,uCAAK,SAAS,EAAC,mBAAmB,IAAE,QAAQ,CAAO;QACnD,uCAAK,SAAS,EAAC,iBAAiB;YAC5B,8BAAC,eAAM,IAAC,QAAQ,EAAE,IAAI,GAAI;YAC1B,4CAAO,OAAO,CAAC,OAAO,CAAQ,CAC5B,CACJ,CACT,CAAC;AACN,CAAC;AAbD,wCAaC"}

package/dist/helper/ValidationMessage/MessageWrapper.scss

@@ -0,0 +1,44 @@
+$validation-error-text: var(--vscode-errorForeground);
+$validation-warning-text: var(--vscode-editorMarkerNavigationWarning-background);
+$validation-info-text: var(--vscode-inputValidation-infoBorder);
+
+@mixin apply-message-style($color) {
+    .ts-message-body {
+        color: $color;
+    }
+}
+
+.ts-message {
+    &-wrapper {
+        .ts-message-body {
+            display: flex;
+            font-size: 11px;
+            > span {
+                padding-top: 1px;
+            }
+            > i {
+                margin: 1px 2px 0 0;
+            }
+        }
+        &--error {
+            @include apply-message-style($validation-error-text);
+        }
+        &--warning {
+            @include apply-message-style($validation-warning-text);
+        }
+        &--info {
+            @include apply-message-style($validation-info-text);
+            .ts-icon svg path {
+                fill: $validation-info-text;
+            }
+        }
+        // Horizontal wrapper
+        &--horizontal {
+            display: flex;
+            .ts-message-body {
+                align-self: flex-end;
+                margin: 0 0 7px 5px;
+            }
+        }
+    }
+}

package/dist/helper/ValidationMessage/index.d.ts

@@ -0,0 +1,3 @@
+export * from './MessageWrapper';
+export * from './utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/helper/ValidationMessage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/helper/ValidationMessage/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC"}

package/dist/helper/ValidationMessage/index.js

@@ -0,0 +1,15 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./MessageWrapper"), exports);
+__exportStar(require("./utils"), exports);
+//# sourceMappingURL=index.js.map

package/dist/helper/ValidationMessage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helper/ValidationMessage/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,mDAAiC;AACjC,0CAAwB"}

package/dist/helper/ValidationMessage/utils.d.ts

@@ -0,0 +1,32 @@
+import type { IRawStyle } from '@fluentui/react';
+export declare const enum ErrorMessageType {
+    Error = "Error",
+    Warning = "Warning",
+    Info = "Info"
+}
+export interface UIMessagesExtendedProps {
+    warningMessage?: string;
+    infoMessage?: string;
+}
+export interface UIComponentMessagesProps extends UIMessagesExtendedProps {
+    errorMessage?: string;
+}
+export interface InputErrorMessageStyles {
+    error: IRawStyle;
+    warning: IRawStyle;
+    info: IRawStyle;
+}
+export interface InputValidationMessageInfo {
+    style: IRawStyle;
+    type: ErrorMessageType;
+    message?: string;
+}
+export declare const MESSAGE_TYPES_CLASSNAME_MAP: Map<ErrorMessageType | undefined, string>;
+/**
+ * Method returns object containing data to display message for component.
+ *
+ * @param {UIMessagesExtendedProps} [props] Component props.
+ * @returns {InputValidationMessageInfo} Message info.
+ */
+export declare const getMessageInfo: (props?: UIMessagesExtendedProps | undefined) => InputValidationMessageInfo;
+//# sourceMappingURL=utils.d.ts.map

package/dist/helper/ValidationMessage/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/helper/ValidationMessage/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,0BAAkB,gBAAgB;IAC9B,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,IAAI,SAAS;CAChB;AAED,MAAM,WAAW,uBAAuB;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,wBAAyB,SAAQ,uBAAuB;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,uBAAuB;IACpC,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,0BAA0B;IACvC,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,gBAAgB,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAoDD,eAAO,MAAM,2BAA2B,2CAKtC,CAAC;AA2DH;;;;;GAKG;AACH,eAAO,MAAM,cAAc,mDAAsC,0BAOhE,CAAC"}

package/dist/helper/ValidationMessage/utils.js

@@ -0,0 +1,124 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMessageInfo = exports.MESSAGE_TYPES_CLASSNAME_MAP = exports.ErrorMessageType = void 0;
+var ErrorMessageType;
+(function (ErrorMessageType) {
+    ErrorMessageType["Error"] = "Error";
+    ErrorMessageType["Warning"] = "Warning";
+    ErrorMessageType["Info"] = "Info";
+})(ErrorMessageType = exports.ErrorMessageType || (exports.ErrorMessageType = {}));
+/**
+ * Private method to get common styling for coloring by applying incoming colors.
+ *
+ * @param {string} bgColor Background color.
+ * @param {string} borderColor Border color.
+ * @returns {IRawStyle} Object with styles for message.
+ */
+const getMessageColorStylings = (bgColor, borderColor) => {
+    const border = `1px solid ${borderColor}`;
+    return {
+        backgroundColor: bgColor,
+        borderLeft: border,
+        borderRight: border,
+        borderBottom: border,
+        borderColor: borderColor
+    };
+};
+const messagesStyles = {
+    error: {
+        color: 'var(--vscode-input-foreground)',
+        ...getMessageColorStylings('var(--vscode-inputValidation-errorBackground)', 'var(--vscode-inputValidation-errorBorder)'),
+        paddingTop: 4,
+        paddingBottom: 5,
+        paddingLeft: 8,
+        margin: 0
+    },
+    warning: {},
+    info: {}
+};
+messagesStyles.warning = {
+    ...messagesStyles.error,
+    ...getMessageColorStylings('var(--vscode-inputValidation-warningBackground)', 'var(--vscode-inputValidation-warningBorder)')
+};
+messagesStyles.info = {
+    ...messagesStyles.error,
+    ...getMessageColorStylings('var(--vscode-inputValidation-infoBackground)', 'var(--vscode-inputValidation-infoBorder)')
+};
+exports.MESSAGE_TYPES_CLASSNAME_MAP = new Map([
+    [undefined, 'error'],
+    ["Error" /* Error */, 'error'],
+    ["Warning" /* Warning */, 'warning'],
+    ["Info" /* Info */, 'info']
+]);
+/**
+ * Method returns input message styles for passed message type.
+ * Default style is for Error message.
+ *
+ * @param {ErrorMessageType} [type] Message type.
+ * @returns {IRawStyle} Object with styles for message.
+ */
+const getMessageStyle = (type) => {
+    let style;
+    switch (type) {
+        case "Warning" /* Warning */: {
+            style = messagesStyles.warning;
+            break;
+        }
+        case "Info" /* Info */: {
+            style = messagesStyles.info;
+            break;
+        }
+        default: {
+            style = messagesStyles.error;
+            break;
+        }
+    }
+    return style;
+};
+/**
+ * Method returns error message type depends on properties of UIComponentMessagesProps.
+ *
+ * @param {UIComponentMessagesProps} [props] Component props.
+ * @returns {ErrorMessageType} Message type.
+ */
+const getMessageType = (props) => {
+    if (props) {
+        if (props.errorMessage) {
+            return "Error" /* Error */;
+        }
+        else if (props.warningMessage) {
+            return "Warning" /* Warning */;
+        }
+        else if (props.infoMessage) {
+            return "Info" /* Info */;
+        }
+    }
+    return "Error" /* Error */;
+};
+/**
+ * Method returns error message string by handling property of all messages like Error Warning and Info.
+ *
+ *  @param {UIComponentMessagesProps} [props] Component props.
+ * @returns {string | undefined} Message string.
+ */
+const getErrorMessage = (props) => {
+    if (props) {
+        return props.errorMessage || props.warningMessage || props.infoMessage;
+    }
+};
+/**
+ * Method returns object containing data to display message for component.
+ *
+ * @param {UIMessagesExtendedProps} [props] Component props.
+ * @returns {InputValidationMessageInfo} Message info.
+ */
+const getMessageInfo = (props) => {
+    const errorType = getMessageType(props);
+    return {
+        type: errorType,
+        style: getMessageStyle(errorType),
+        message: getErrorMessage(props)
+    };
+};
+exports.getMessageInfo = getMessageInfo;
+//# sourceMappingURL=utils.js.map

package/dist/helper/ValidationMessage/utils.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './utilities';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC"}

package/dist/index.js

@@ -0,0 +1,15 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components"), exports);
+__exportStar(require("./utilities"), exports);
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,+CAA6B;AAC7B,8CAA4B"}