@veracity/vui 0.4.0 → 0.5.0

package/theme/foundations/gridTemplateColumns.d.ts

@@ -0,0 +1,15 @@
+declare const _default: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+};
+export default _default;

package/theme/foundations/gridTemplateColumns.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    1: 'repeat(1, minmax(0, 1fr))',
+    2: 'repeat(2, minmax(0, 1fr))',
+    3: 'repeat(3, minmax(0, 1fr))',
+    4: 'repeat(4, minmax(0, 1fr))',
+    5: 'repeat(5, minmax(0, 1fr))',
+    6: 'repeat(6, minmax(0, 1fr))',
+    7: 'repeat(7, minmax(0, 1fr))',
+    8: 'repeat(8, minmax(0, 1fr))',
+    9: 'repeat(9, minmax(0, 1fr))',
+    10: 'repeat(10, minmax(0, 1fr))',
+    11: 'repeat(11, minmax(0, 1fr))',
+    12: 'repeat(12, minmax(0, 1fr))'
+};

package/theme/foundations/gridTemplateRows.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+};
+export default _default;

package/theme/foundations/gridTemplateRows.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    1: 'repeat(1, minmax(0, 1fr))',
+    2: 'repeat(2, minmax(0, 1fr))',
+    3: 'repeat(3, minmax(0, 1fr))',
+    4: 'repeat(4, minmax(0, 1fr))',
+    5: 'repeat(5, minmax(0, 1fr))',
+    6: 'repeat(6, minmax(0, 1fr))'
+};

package/theme/foundations/index.d.ts

@@ -123,6 +123,28 @@ declare const _default: {
         demi: string;
         bold: string;
     };
+    gridTemplateColumns: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+    };
+    gridTemplateRows: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+    };
     radii: {
         none: number;
         sm: number;
@@ -165,6 +187,12 @@ declare const _default: {
     };
     transforms: {};
     transitions: {};
-    zIndices: {};
+    timingFunctions: {};
+    zIndices: {
+        drawer: number;
+        modal: number;
+        toast: number;
+        tooltip: number;
+    };
 };
 export default _default;

package/theme/foundations/index.js

@@ -10,12 +10,15 @@ var durations_1 = __importDefault(require("./durations"));
 var fonts_1 = __importDefault(require("./fonts"));
 var fontSizes_1 = __importDefault(require("./fontSizes"));
 var fontWeights_1 = __importDefault(require("./fontWeights"));
+var gridTemplateColumns_1 = __importDefault(require("./gridTemplateColumns"));
+var gridTemplateRows_1 = __importDefault(require("./gridTemplateRows"));
 var radii_1 = __importDefault(require("./radii"));
 var ringWidths_1 = __importDefault(require("./ringWidths"));
 var screens_1 = __importDefault(require("./screens"));
 var shadows_1 = __importDefault(require("./shadows"));
 var sizes_1 = __importDefault(require("./sizes"));
 var spaces_1 = __importDefault(require("./spaces"));
+var timingFunctions_1 = __importDefault(require("./timingFunctions"));
 var transformers_1 = __importDefault(require("./transformers"));
 var transforms_1 = __importDefault(require("./transforms"));
 var transitions_1 = __importDefault(require("./transitions"));
@@ -28,6 +31,8 @@ exports.default = {
     fonts: fonts_1.default,
     fontSizes: fontSizes_1.default,
     fontWeights: fontWeights_1.default,
+    gridTemplateColumns: gridTemplateColumns_1.default,
+    gridTemplateRows: gridTemplateRows_1.default,
     radii: radii_1.default,
     ringWidths: ringWidths_1.default,
     screens: screens_1.default,
@@ -37,5 +42,6 @@ exports.default = {
     transformers: transformers_1.default,
     transforms: transforms_1.default,
     transitions: transitions_1.default,
+    timingFunctions: timingFunctions_1.default,
     zIndices: zIndices_1.default
 };

package/theme/foundations/timingFunctions.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/theme/foundations/timingFunctions.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {};

package/theme/foundations/zIndices.d.ts

@@ -1,2 +1,7 @@
-declare const _default: {};
+declare const _default: {
+    drawer: number;
+    modal: number;
+    toast: number;
+    tooltip: number;
+};
 export default _default;

package/theme/foundations/zIndices.js

@@ -1,3 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {};
+exports.default = {
+    drawer: 1300,
+    modal: 1400,
+    toast: 1500,
+    tooltip: 1600
+};

package/theme/types.d.ts

@@ -1,14 +1,22 @@
 import defaultTheme from './defaultTheme';
 export declare type Animation = keyof VuiTheme['animations'];
+export declare type Border = keyof VuiTheme['borders'];
 export declare type Color = keyof VuiTheme['colors'];
 export declare type Component = keyof VuiTheme['components'];
+export declare type Font = keyof VuiTheme['fonts'];
 export declare type FontSize = keyof VuiTheme['fontSizes'];
 export declare type FontWeight = keyof VuiTheme['fontWeights'];
-export declare type Font = keyof VuiTheme['fonts'];
+export declare type GridTemplateColumn = keyof VuiTheme['gridTemplateColumns'];
+export declare type GridTemplateRow = keyof VuiTheme['gridTemplateRows'];
 export declare type Radius = keyof VuiTheme['radii'];
+export declare type RingWidth = keyof VuiTheme['ringWidths'];
 export declare type Screen = keyof VuiTheme['screens'];
 export declare type Shadow = keyof VuiTheme['shadows'];
+export declare type Size = keyof VuiTheme['sizes'];
+export declare type Space = keyof VuiTheme['spaces'];
+export declare type Transform = keyof VuiTheme['transforms'];
 export declare type TransitionDuration = keyof VuiTheme['durations'];
+export declare type ZIndex = keyof VuiTheme['zIndices'];
 export declare type VuiThemeDefaults = typeof defaultTheme;
 /** Can be extended to add new properties to the theme or override default ones  */
 export interface VuiThemeExtensions {

package/utils/assertion.d.ts

@@ -4,6 +4,8 @@ import { Dict } from './types';
 export declare function isArray<T>(value: any): value is T[];
 /** Is value a function. */
 export declare function isFunction<T extends Function = Function>(value: any): value is T;
+/** Is value JSX / React Element */
+export declare function isJsx<T = JSX.Element>(value: any): value is T;
 /** Is value a number. */
 export declare function isNumber(value: any): value is number;
 /** Is value a regular object (functions, arrays and React elements excluded). */

package/utils/assertion.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isString = exports.isReactText = exports.isObject = exports.isNumber = exports.isFunction = exports.isArray = void 0;
+exports.isString = exports.isReactText = exports.isObject = exports.isNumber = exports.isJsx = exports.isFunction = exports.isArray = void 0;
 var react_1 = __importDefault(require("react"));
 /** Is value an array. */
 function isArray(value) {
@@ -15,6 +15,11 @@ function isFunction(value) {
     return typeof value === 'function';
 }
 exports.isFunction = isFunction;
+/** Is value JSX / React Element */
+function isJsx(value) {
+    return react_1.default.isValidElement(value);
+}
+exports.isJsx = isJsx;
 /** Is value a number. */
 function isNumber(value) {
     return typeof value === 'number';

package/utils/function.d.ts

@@ -1,3 +1,7 @@
+import { AnyFunction } from './types';
+/** Calls each provided function with the same set of arguments. Useful for merging multiple callbacks. */
+export declare function callAll(...fns: (AnyFunction | undefined)[]): (...args: any[]) => void;
+export declare function noop(): void;
 /**
  * If given value is a function, it's called with any additional arguments provided.
  * Otherwise, the provided value is returned directly.

package/utils/function.js

@@ -25,8 +25,26 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.runIfFn = void 0;
+exports.runIfFn = exports.noop = exports.callAll = void 0;
 var assertion_1 = require("./assertion");
+/** Calls each provided function with the same set of arguments. Useful for merging multiple callbacks. */
+function callAll() {
+    var fns = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        fns[_i] = arguments[_i];
+    }
+    return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        return fns.forEach(function (fn) { return typeof fn === 'function' && fn.apply(void 0, __spreadArray([], __read(args), false)); });
+    };
+}
+exports.callAll = callAll;
+// Used as a safe default to be called when no function is provided.
+function noop() { }
+exports.noop = noop;
 /**
  * If given value is a function, it's called with any additional arguments provided.
  * Otherwise, the provided value is returned directly.

package/utils/index.d.ts

@@ -1,7 +1,7 @@
 export * from './assertion';
 export * from './function';
+export * from './number';
 export * from './object';
 export * from './react';
-export * from './string';
 export * from './styles';
 export * from './types';

package/utils/index.js

@@ -12,8 +12,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./assertion"), exports);
 __exportStar(require("./function"), exports);
+__exportStar(require("./number"), exports);
 __exportStar(require("./object"), exports);
 __exportStar(require("./react"), exports);
-__exportStar(require("./string"), exports);
 __exportStar(require("./styles"), exports);
 __exportStar(require("./types"), exports);

package/utils/number.d.ts

@@ -0,0 +1,2 @@
+/** Returns a random integer within the provided range. Default: 0 - 1000000 */
+export declare function random(start?: number, end?: number): number;

package/utils/number.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.random = void 0;
+/** Returns a random integer within the provided range. Default: 0 - 1000000 */
+function random(start, end) {
+    if (start === void 0) { start = 0; }
+    if (end === void 0) { end = 1000000; }
+    return Math.floor(Math.random() * end) + start;
+}
+exports.random = random;

package/utils/object.js

@@ -19,25 +19,17 @@ function merge() {
         Object.keys(source).forEach(function (key) {
             if (key === '__proto__')
                 return;
-            if (target[key] === undefined) {
-                // Key not in target yet, assign source
-                target[key] = source[key];
+            if ((0, assertion_1.isObject)(target[key]) && (0, assertion_1.isObject)(source[key])) {
+                // Merge objects
+                target[key] = merge(target[key], source[key]);
             }
-            else if (typeof target[key] === typeof source[key]) {
-                // Same types
-                if ((0, assertion_1.isObject)(source[key])) {
-                    target[key] = merge(target[key], source[key]);
-                }
-                else if ((0, assertion_1.isArray)(source[key])) {
-                    target[key] = target[key].concat(source[key]);
-                }
-                else {
-                    target[key] = source[key];
-                }
-                // Different types
+            else if ((0, assertion_1.isArray)(target[key]) && (0, assertion_1.isArray)(source[key])) {
+                // Concat arrays
+                target[key] = target[key].concat(source[key]);
             }
-            else {
-                return;
+            else if (source[key] !== undefined) {
+                // Pick source if it exists
+                target[key] = source[key];
             }
         });
     });

package/utils/react.d.ts

@@ -20,4 +20,6 @@ export declare function useCallbackRef<T extends AnyFunction>(callback?: T): T;
  * @param events - array of events listened for (default: ['mousedown', 'touchstart'])
  */
 export declare function useClickOutside(ref: RefObject<HTMLElement | null> | RefObject<HTMLElement | null>[], callback?: (event: Event) => void, events?: string[]): void;
+/** Returns an array with each prefix added to the id. Useful for aria attributes in compound components. */
+export declare function useIds(id: string, prefixes: string[]): string[];
 export {};

package/utils/react.js

@@ -45,7 +45,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useClickOutside = exports.useCallbackRef = exports.mergeRefs = exports.createContext = exports.assignRef = void 0;
+exports.useIds = exports.useClickOutside = exports.useCallbackRef = exports.mergeRefs = exports.createContext = exports.assignRef = void 0;
 var react_1 = __importStar(require("react"));
 var assertion_1 = require("./assertion");
 /**
@@ -136,3 +136,8 @@ function useClickOutside(ref, callback, events) {
     }, [eventsString, ref]);
 }
 exports.useClickOutside = useClickOutside;
+/** Returns an array with each prefix added to the id. Useful for aria attributes in compound components. */
+function useIds(id, prefixes) {
+    return prefixes.map(function (prefix) { return prefix + "-" + id; });
+}
+exports.useIds = useIds;

package/footer/consts.d.ts

@@ -1,169 +0,0 @@
-import { Environment } from '../utils';
-/**
- * Defines the structure of columns and sections of the Footer.
- * Links' url values here are unique references to actual urls in the footerLinks dictionary.
- */
-export declare const footerColumnsTemplate: {
-    readonly column1: {
-        readonly section1: {
-            readonly heading: "Platform";
-            readonly links: readonly [{
-                readonly text: "About Veracity";
-                readonly url: "aboutVeracity";
-            }, {
-                readonly text: "News";
-                readonly url: "news";
-            }, {
-                readonly text: "Marketplace";
-                readonly url: "marketplace";
-            }, {
-                readonly text: "Veracity trust center";
-                readonly url: "veracityTrustCenter";
-            }, {
-                readonly text: "Career";
-                readonly url: "career";
-            }];
-        };
-    };
-    readonly column2: {
-        readonly section1: {
-            readonly heading: "Products";
-            readonly links: readonly [{
-                readonly text: "Veracity Connected app";
-                readonly url: "veracityConnectedApp";
-            }, {
-                readonly text: "Veracity Data Fabric";
-                readonly url: "veracityDataFabric";
-            }, {
-                readonly text: "Deep Search";
-                readonly url: "deepSearch";
-            }, {
-                readonly text: "Asset Connect";
-                readonly url: "assetConnect";
-            }, {
-                readonly text: "Veracity Adapter for Power BI (VAP)";
-                readonly url: "veracityAdapterForPowerBI";
-            }];
-        };
-    };
-    readonly column3: {
-        readonly section1: {
-            readonly heading: "Partnership";
-            readonly links: readonly [{
-                readonly text: "Selling on Veracity";
-                readonly url: "sellingOnVeracity";
-            }, {
-                readonly text: "Veracity partner program";
-                readonly url: "veracityPartnerProgram";
-            }];
-        };
-        readonly section2: {
-            readonly heading: "Developer";
-            readonly links: readonly [{
-                readonly text: "Developer community";
-                readonly url: "developerCommunity";
-            }, {
-                readonly text: "Documentation";
-                readonly url: "documentation";
-            }, {
-                readonly text: "API explorer";
-                readonly url: "apiExplorer";
-            }];
-        };
-    };
-    readonly column4: {
-        readonly section1: {
-            readonly heading: "Support";
-            readonly links: readonly [{
-                readonly text: "Help center";
-                readonly url: "helpCenter";
-            }, {
-                readonly text: "Contact us";
-                readonly url: "contactUs";
-            }];
-        };
-        readonly section2: {
-            readonly heading: "Legal";
-            readonly links: readonly [{
-                readonly text: "Privacy statement";
-                readonly url: "privacyStatement";
-            }, {
-                readonly text: "Terms of use";
-                readonly url: "termsOfUse";
-            }, {
-                readonly text: "Cookies policy";
-                readonly url: "cookiesPolicy";
-            }];
-        };
-    };
-};
-/** Footer link URLs used in Production environment. */
-export declare const footerLinksProd: {
-    readonly aboutVeracity: "https://www.veracity.com/about";
-    readonly apiExplorer: "https://developer.veracity.com/api";
-    readonly assetConnect: "https://www.veracity.com/article/veracity-asset";
-    readonly career: "https://www.veracity.com/career";
-    readonly contactUs: "https://support.veracity.com";
-    readonly cookiesPolicy: "https://services.veracity.com/CookieList";
-    readonly deepSearch: "https://store.veracity.com/veracity-deep-search";
-    readonly developerCommunity: "https://developer.veracity.com";
-    readonly documentation: "https://developer.veracity.com/docs";
-    readonly helpCenter: "https://help-center.veracity.com";
-    readonly marketplace: "https://store.veracity.com";
-    readonly news: "https://www.veracity.com";
-    readonly privacyStatement: "https://services.veracity.com/PrivacyStatement";
-    readonly sellingOnVeracity: "https://developer.veracity.com/article/are-you-ready-to-sell-on-veracity";
-    readonly termsOfUse: "https://id.veracity.com/terms-of-use";
-    readonly veracityAdapterForPowerBI: "https://store.veracity.com/veracity-adapter-for-power-bi-vap";
-    readonly veracityConnectedApp: "https://www.veracity.com/article/veracity-connected-bringing-veracity-to-your-mobile";
-    readonly veracityDataFabric: "https://store.veracity.com/veracity-data-fabric-secure-data-sharing";
-    readonly veracityPartnerProgram: "https://www.veracity.com/partner";
-    readonly veracityTrustCenter: "https://www.veracity.com/veracity-trust-center";
-};
-/** Footer link URLs used in Staging environment. */
-export declare const footerLinksStag: {
-    readonly aboutVeracity: "https://wwwstag.veracity.com/about";
-    readonly apiExplorer: "https://developer.veracity.com/api";
-    readonly assetConnect: "https://www.veracity.com/article/veracity-asset";
-    readonly career: "https://wwwstag.veracity.com/career";
-    readonly contactUs: "https://support.veracity.com";
-    readonly cookiesPolicy: "https://servicesstag.veracity.com/CookieList";
-    readonly deepSearch: "https://storestag.veracity.com/veracity-deep-search";
-    readonly developerCommunity: "https://developerstag.veracity.com";
-    readonly documentation: "https://developerstag.veracity.com/docs";
-    readonly helpCenter: "https://help-center.veracity.com";
-    readonly marketplace: "https://storestag.veracity.com";
-    readonly news: "https://wwwstag.veracity.com";
-    readonly privacyStatement: "https://servicesstag.veracity.com/PrivacyStatement";
-    readonly sellingOnVeracity: "https://developer.veracity.com/article/are-you-ready-to-sell-on-veracity";
-    readonly termsOfUse: "https://id.veracity.com/terms-of-use";
-    readonly veracityAdapterForPowerBI: "https://storestag.veracity.com/veracity-adapter-for-power-bi-vap";
-    readonly veracityConnectedApp: "https://www.veracity.com/article/veracity-connected-bringing-veracity-to-your-mobile";
-    readonly veracityDataFabric: "https://storestag.veracity.com/veracity-data-fabric-secure-data-sharing";
-    readonly veracityPartnerProgram: "https://wwwstag.veracity.com/partner";
-    readonly veracityTrustCenter: "https://www.veracity.com/veracity-trust-center";
-};
-/** Footer link URLs used in Test environment. */
-export declare const footerLinksTest: {
-    readonly aboutVeracity: "https://wwwtest.veracity.com/about";
-    readonly apiExplorer: "https://developer.veracity.com/api";
-    readonly assetConnect: "https://www.veracity.com/article/veracity-asset";
-    readonly career: "https://www.veracity.com/career";
-    readonly contactUs: "https://support.veracity.com";
-    readonly cookiesPolicy: "https://servicestest.veracity.com/CookieList";
-    readonly deepSearch: "https://storetest.veracity.com/veracity-deep-search";
-    readonly developerCommunity: "https://developertest.veracity.com";
-    readonly documentation: "https://developertest.veracity.com/docs";
-    readonly helpCenter: "https://help-center.veracity.com";
-    readonly marketplace: "https://storetest.veracity.com";
-    readonly news: "https://wwwtest.veracity.com";
-    readonly privacyStatement: "https://servicestest.veracity.com/PrivacyStatement";
-    readonly sellingOnVeracity: "https://developer.veracity.com/article/are-you-ready-to-sell-on-veracity";
-    readonly termsOfUse: "https://id.veracity.com/terms-of-use";
-    readonly veracityAdapterForPowerBI: "https://storetest.veracity.com/veracity-adapter-for-power-bi-vap";
-    readonly veracityConnectedApp: "https://www.veracity.com/article/veracity-connected-bringing-veracity-to-your-mobile";
-    readonly veracityDataFabric: "https://storetest.veracity.com/veracity-data-fabric-secure-data-sharing";
-    readonly veracityPartnerProgram: "https://wwwtest.veracity.com/partner";
-    readonly veracityTrustCenter: "https://www.veracity.com/veracity-trust-center";
-};
-export declare const footerLinks: Record<Environment, Record<string, string>>;