@veracity/vui 0.2.3 → 0.3.0

package/button/context.js

@@ -17,7 +17,7 @@ var __read = (this && this.__read) || function (o, n) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useButton = exports.ButtonProvider = void 0;
-var core_1 = require("../core");
-var _a = __read((0, core_1.createContext)({ isOptional: true }), 2), ButtonProvider = _a[0], useButton = _a[1];
+var utils_1 = require("../utils");
+var _a = __read((0, utils_1.createContext)({ isOptional: true }), 2), ButtonProvider = _a[0], useButton = _a[1];
 exports.ButtonProvider = ButtonProvider;
 exports.useButton = useButton;

package/buttonGroup/context.js

@@ -17,7 +17,7 @@ var __read = (this && this.__read) || function (o, n) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useButtonGroup = exports.ButtonGroupProvider = void 0;
-var core_1 = require("../core");
-var _a = __read((0, core_1.createContext)({ isOptional: true }), 2), ButtonGroupProvider = _a[0], useButtonGroup = _a[1];
+var utils_1 = require("../utils");
+var _a = __read((0, utils_1.createContext)({ isOptional: true }), 2), ButtonGroupProvider = _a[0], useButtonGroup = _a[1];
 exports.ButtonGroupProvider = ButtonGroupProvider;
 exports.useButtonGroup = useButtonGroup;

package/checkbox/context.js

@@ -17,7 +17,7 @@ var __read = (this && this.__read) || function (o, n) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCheckboxGroup = exports.CheckboxGroupProvider = void 0;
-var core_1 = require("../core");
-var _a = __read((0, core_1.createContext)({ isOptional: true }), 2), CheckboxGroupProvider = _a[0], useCheckboxGroup = _a[1];
+var utils_1 = require("../utils");
+var _a = __read((0, utils_1.createContext)({ isOptional: true }), 2), CheckboxGroupProvider = _a[0], useCheckboxGroup = _a[1];
 exports.CheckboxGroupProvider = CheckboxGroupProvider;
 exports.useCheckboxGroup = useCheckboxGroup;

package/core/types/index.d.ts

@@ -1,3 +1,2 @@
 export * from './component';
-export * from './context';
 export * from './themeGet';

package/core/types/index.js

@@ -11,5 +11,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./component"), exports);
-__exportStar(require("./context"), exports);
 __exportStar(require("./themeGet"), exports);

package/core/utils.d.ts

@@ -1,11 +1,9 @@
 import { StyleGenerator } from '@xstyled/styled-components';
 import React from 'react';
 import { StyledProps } from 'styled-components';
-import { CreateContextOptions, CreateContextReturn, ThemeGet, VuiComponent, VuiComponentConfig } from './types';
+import { ThemeGet, VuiComponent, VuiComponentConfig } from './types';
 import { Screen, ThemingProps, VuiTheme, VuiThemeExtensions } from '../theme';
 import { AnyNumber, AnyString, Dict, PropsOf } from '../utils';
-/** Generic function to create new Context and context access hook. */
-export declare function createContext<ContextType>(options?: CreateContextOptions): CreateContextReturn<ContextType>;
 /** Merges provided theme extensions and overrides with default VUI theme */
 export declare function extendTheme(extensions: VuiThemeExtensions): VuiTheme;
 /**

package/core/utils.js

@@ -1,5 +1,4 @@
 "use strict";
-/* eslint-disable @typescript-eslint/ban-types */
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -45,27 +44,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.vui = exports.useUp = exports.useTheme = exports.useTh = exports.useStyleConfig = exports.useMedia = exports.useDown = exports.useBetween = exports.th = exports.shouldForwardProp = exports.omitThemingProps = exports.mediaUp = exports.mediaDown = exports.mediaBetween = exports.forwardPropConfig = exports.extendTheme = exports.createContext = void 0;
+exports.vui = exports.useUp = exports.useTheme = exports.useTh = exports.useStyleConfig = exports.useMedia = exports.useDown = exports.useBetween = exports.th = exports.shouldForwardProp = exports.omitThemingProps = exports.mediaUp = exports.mediaDown = exports.mediaBetween = exports.forwardPropConfig = exports.extendTheme = void 0;
 var styled_components_1 = require("@xstyled/styled-components");
 var react_1 = __importStar(require("react"));
 var styled_components_2 = require("styled-components");
 var theme_1 = __importDefault(require("../theme"));
 var utils_1 = require("../utils");
-/** Generic function to create new Context and context access hook. */
-function createContext(options) {
-    if (options === void 0) { options = {}; }
-    var _a = options.errorMessage, errorMessage = _a === void 0 ? 'Context can only be accessed by components wrapped with the Provider.' : _a, isOptional = options.isOptional, name = options.name;
-    var Context = react_1.default.createContext(undefined);
-    Context.displayName = name;
-    function useContext() {
-        var context = react_1.default.useContext(Context);
-        if (!isOptional && context === undefined)
-            throw new Error(errorMessage);
-        return context;
-    }
-    return [Context.Provider, useContext];
-}
-exports.createContext = createContext;
 /** Merges provided theme extensions and overrides with default VUI theme */
 function extendTheme(extensions) {
     return (0, utils_1.merge)(theme_1.default, extensions);

package/footer/consts.d.ts

@@ -0,0 +1,69 @@
+import { FooterColumnsData } from './footer.types';
+/**
+ * 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: FooterColumnsData;
+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://services.veracity.com/form/Support";
+    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 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";
+};
+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://servicesstag.veracity.com/form/Support";
+    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 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";
+};
+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://servicestest.veracity.com/form/Support";
+    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 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";
+};

package/footer/consts.js

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

package/footer/footer.d.ts

@@ -0,0 +1,15 @@
+import { VuiComponent } from '../core';
+import { FooterProps } from './footer.types';
+import FooterColumn from './footerColumn';
+import FooterHeading from './footerHeading';
+import FooterLink from './footerLink';
+import FooterRow from './footerRow';
+import FooterSection from './footerSection';
+declare const Footer: VuiComponent<"div", FooterProps> & {
+    Column: typeof FooterColumn;
+    Heading: typeof FooterHeading;
+    Link: typeof FooterLink;
+    Row: typeof FooterRow;
+    Section: typeof FooterSection;
+};
+export default Footer;

package/footer/footer.js

@@ -0,0 +1,74 @@
+"use strict";
+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;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var box_1 = require("../box");
+var core_1 = require("../core");
+var divider_1 = require("../divider");
+var footerColumn_1 = __importDefault(require("./footerColumn"));
+var footerHeading_1 = __importDefault(require("./footerHeading"));
+var footerLink_1 = __importDefault(require("./footerLink"));
+var footerRow_1 = __importDefault(require("./footerRow"));
+var footerSection_1 = __importDefault(require("./footerSection"));
+var footerTrademark_1 = __importDefault(require("./footerTrademark"));
+var Footer = (0, core_1.vui)(function (props, ref) {
+    var children = props.children, columns = props.columns, rest = __rest(props, ["children", "columns"]);
+    return (react_1.default.createElement(box_1.Box, __assign({ bg: "prussian.80", color: "white", px: 3, py: 5, ref: ref }, rest),
+        react_1.default.createElement(box_1.Box, { column: true, maxW: 1200, mx: "auto", w: "100%" }, children !== null && children !== void 0 ? children : (columns && (react_1.default.createElement(footerRow_1.default, null, Object.entries(columns).map(function (_a) {
+            var _b = __read(_a, 2), columnName = _b[0], column = _b[1];
+            return (react_1.default.createElement(footerColumn_1.default, { key: columnName }, Object.entries(column).map(function (_a) {
+                var _b = __read(_a, 2), sectionName = _b[0], section = _b[1];
+                return (react_1.default.createElement(footerSection_1.default, __assign({ key: sectionName }, section)));
+            })));
+        })))),
+            children || columns ? react_1.default.createElement(divider_1.Divider, { borderColor: "grey.60", my: 4 }) : null,
+            react_1.default.createElement(footerRow_1.default, null,
+                react_1.default.createElement(footerTrademark_1.default, null)))));
+});
+Footer.displayName = 'Footer';
+Footer.Column = footerColumn_1.default;
+Footer.Heading = footerHeading_1.default;
+Footer.Link = footerLink_1.default;
+Footer.Row = footerRow_1.default;
+Footer.Section = footerSection_1.default;
+exports.default = Footer;

package/footer/footer.types.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import { BoxProps } from '../box';
+import { ThemingProps } from '../theme';
+declare type FooterBoxProps = Omit<BoxProps, 'size' | 'variant'>;
+/** Column consists of one ore more sections with a heading and links. */
+export declare type FooterColumnData = {
+    [section: string]: FooterSectionData;
+};
+export declare type FooterColumnProps = FooterBoxProps;
+/** Footer consists of multiple columns */
+export declare type FooterColumnsData = {
+    [column: string]: FooterColumnData;
+};
+export declare type FooterLinkData = {
+    text: string;
+    url: string;
+};
+export declare type FooterProps = FooterBoxProps & ThemingProps<'Footer'> & {
+    columns?: FooterColumnsData;
+};
+/** Section consists of multiple links with text (label) and url */
+export declare type FooterSectionData = {
+    heading: string;
+    links: FooterLinkData[];
+};
+export declare type FooterSectionProps = FooterBoxProps & {
+    heading?: FooterSectionData['heading'] | JSX.Element;
+    links?: FooterSectionData['links'] | JSX.Element;
+};
+export {};