@searchspring/snap-preact-components 0.20.0

package/dist/cjs/mocks/store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../src/mocks/store.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBtB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;CActB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CnB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;GAqCnB,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyEnC,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8E1B,CAAC"}

package/dist/cjs/mocks/store.js

@@ -0,0 +1,273 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.paginationMock = exports.paginationFirstPageMock = exports.filters = exports.sorting = exports.urlManager = exports.controller = void 0;
+exports.controller = {
+    config: { id: 'search', settings: { redirects: { enabled: false } } },
+    client: {},
+    store: 'store',
+    urlManager: {
+        urlState: { id: ['components-pagination--pagination'], viewMode: ['story'] },
+        localState: {},
+        mergedState: { id: ['components-pagination--pagination'], viewMode: ['story'] },
+        omissions: [],
+        translator: { config: { queryParameter: 'q' } },
+        watcherPool: { callbacks: [null] },
+        prevState: {},
+        lastUrl: '?id=components-pagination--pagination&viewMode=story',
+    },
+    eventManager: { events: { beforeSearch: { functions: [null] }, afterSearch: { functions: [null] } } },
+    profiler: { namespace: 'search', profiles: [] },
+};
+exports.urlManager = {
+    urlState: { id: ['components-pagination--pagination'], viewMode: ['story'] },
+    localState: {},
+    mergedState: { id: ['components-pagination--pagination'], viewMode: ['story'] },
+    omissions: [],
+    translator: { config: { queryParameter: 'q' } },
+    watcherPool: { callbacks: [null] },
+    prevState: {},
+    lastUrl: '?id=components-pagination--pagination&viewMode=story',
+    link: {
+        href: 'nfujeidko',
+        onClick: {},
+    },
+    go: function () { },
+};
+exports.sorting = {
+    controller: exports.controller,
+    current: {
+        direction: 'desc',
+        field: 'sales_rank',
+        label: 'Most Popular',
+        type: 'field',
+        url: exports.urlManager,
+    },
+    options: [
+        {
+            direction: 'desc',
+            field: 'sales_rank',
+            label: 'Most Popular',
+            type: 'field',
+            url: exports.urlManager,
+        },
+        {
+            direction: 'asc',
+            field: 'title',
+            label: 'Name (A - Z)',
+            type: 'field',
+            url: exports.urlManager,
+        },
+        {
+            direction: 'asc',
+            field: 'title',
+            label: 'Name (Z - A)',
+            type: 'field',
+            url: exports.urlManager,
+        },
+        {
+            direction: 'desc',
+            field: 'price',
+            label: 'Price ($$$ - $)',
+            type: 'field',
+            url: exports.urlManager,
+        },
+        {
+            direction: 'asc',
+            field: 'price',
+            label: 'Price ($ - $$$)',
+            type: 'field',
+            url: exports.urlManager,
+        },
+    ],
+};
+exports.filters = [
+    {
+        facet: {
+            field: 'size',
+            label: 'Size',
+        },
+        label: 'Size: 7',
+        url: {},
+        value: {
+            value: '7',
+            label: '7',
+        },
+    },
+    {
+        facet: {
+            field: 'size',
+            label: 'Size',
+        },
+        label: 'Size: 7.5',
+        url: {},
+        value: {
+            value: '7.5',
+            label: '7.5',
+        },
+    },
+    {
+        facet: {
+            field: 'color',
+            label: 'Color',
+        },
+        label: 'Color: Blue',
+        url: {},
+        value: {
+            value: 'Blue',
+            label: 'Blue',
+        },
+    },
+];
+exports.paginationFirstPageMock = {
+    controller: exports.controller,
+    page: 1,
+    pageSize: 30,
+    totalResults: 1305,
+    pageSizeOptions: [
+        { label: 'Show 24', value: 24 },
+        { label: 'Show 48', value: 48 },
+        { label: 'Show 72', value: 72 },
+    ],
+    begin: 1,
+    current: {
+        controller: exports.controller,
+        url: exports.urlManager,
+        active: true,
+        number: 1,
+    },
+    first: {
+        controller: exports.controller,
+        url: exports.urlManager,
+        active: true,
+        number: 1,
+    },
+    last: {
+        controller: exports.controller,
+        url: exports.urlManager,
+        active: false,
+        number: 44,
+    },
+    previous: undefined,
+    next: {
+        controller: exports.controller,
+        url: exports.urlManager,
+        active: false,
+        number: 2,
+    },
+    end: 30,
+    totalPages: 44,
+    multiplePages: true,
+    getPages: function () {
+        return [
+            {
+                active: true,
+                number: 1,
+                url: exports.urlManager,
+                controller: exports.controller,
+            },
+            {
+                active: false,
+                number: 2,
+                url: exports.urlManager,
+                controller: exports.controller,
+            },
+            {
+                active: false,
+                number: 3,
+                url: exports.urlManager,
+                controller: exports.controller,
+            },
+            {
+                active: false,
+                number: 4,
+                url: exports.urlManager,
+                controller: exports.controller,
+            },
+            {
+                active: false,
+                number: 5,
+                url: exports.urlManager,
+                controller: exports.controller,
+            },
+        ];
+    },
+};
+exports.paginationMock = {
+    controller: exports.controller,
+    page: 5,
+    pageSize: 30,
+    totalResults: 1305,
+    pageSizeOptions: [
+        { label: 'Show 24', value: 24 },
+        { label: 'Show 48', value: 48 },
+        { label: 'Show 72', value: 72 },
+    ],
+    begin: 1,
+    current: {
+        controller: exports.controller,
+        url: exports.urlManager,
+        active: true,
+        number: 5,
+    },
+    first: {
+        controller: exports.controller,
+        url: exports.urlManager,
+        active: false,
+        number: 1,
+    },
+    last: {
+        controller: exports.controller,
+        url: exports.urlManager,
+        active: false,
+        number: 44,
+    },
+    previous: {
+        controller: exports.controller,
+        url: exports.urlManager,
+        active: false,
+        number: 4,
+    },
+    next: {
+        controller: exports.controller,
+        url: exports.urlManager,
+        active: false,
+        number: 6,
+    },
+    end: 30,
+    totalPages: 44,
+    multiplePages: true,
+    getPages: function () {
+        return [
+            {
+                active: false,
+                number: 3,
+                url: exports.urlManager,
+                controller: exports.controller,
+            },
+            {
+                active: false,
+                number: 4,
+                url: exports.urlManager,
+                controller: exports.controller,
+            },
+            {
+                active: true,
+                number: 5,
+                url: exports.urlManager,
+                controller: exports.controller,
+            },
+            {
+                active: false,
+                number: 6,
+                url: exports.urlManager,
+                controller: exports.controller,
+            },
+            {
+                active: false,
+                number: 7,
+                url: exports.urlManager,
+                controller: exports.controller,
+            },
+        ];
+    },
+};

package/dist/cjs/providers/cache.d.ts

@@ -0,0 +1,6 @@
+import type { EmotionCache } from '@emotion/cache';
+export declare const CacheProvider: (props: {
+    cache?: EmotionCache;
+    children: any;
+}) => JSX.Element;
+//# sourceMappingURL=cache.d.ts.map

package/dist/cjs/providers/cache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cache.d.ts","sourceRoot":"","sources":["../../../src/providers/cache.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAOnD,eAAO,MAAM,aAAa,UAAW;IAAE,KAAK,CAAC,EAAE,YAAY,CAAC;IAAC,QAAQ,EAAE,GAAG,CAAA;CAAE,KAAG,WAE9E,CAAC"}

package/dist/cjs/providers/cache.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CacheProvider = void 0;
+var preact_1 = require("preact");
+var react_1 = require("@emotion/react");
+var cache_1 = __importDefault(require("@emotion/cache"));
+var emotionCache = (0, cache_1.default)({
+    key: 'ss',
+    prepend: true,
+});
+var CacheProvider = function (props) {
+    return (0, preact_1.h)(react_1.CacheProvider, { value: props.cache || emotionCache }, props.children);
+};
+exports.CacheProvider = CacheProvider;

package/dist/cjs/providers/controller.d.ts

@@ -0,0 +1,8 @@
+import preact from 'preact';
+export declare const ControllerProvider: ({ children, controller }: {
+    children: any;
+    controller: any;
+}) => preact.JSX.Element;
+export declare const useController: () => any;
+export declare const withController: (Component: any) => (props: any) => preact.JSX.Element;
+//# sourceMappingURL=controller.d.ts.map

package/dist/cjs/providers/controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/providers/controller.tsx"],"names":[],"mappings":"AAAA,OAAO,MAA4B,MAAM,QAAQ,CAAC;AAKlD,eAAO,MAAM,kBAAkB;;;wBAE9B,CAAC;AAEF,eAAO,MAAM,aAAa,WAAsC,CAAC;AAEjE,eAAO,MAAM,cAAc,wDAE1B,CAAC"}

package/dist/cjs/providers/controller.js

@@ -0,0 +1,28 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withController = exports.useController = exports.ControllerProvider = void 0;
+var preact_1 = require("preact");
+var hooks_1 = require("preact/hooks");
+var ControllerContext = (0, preact_1.createContext)(null);
+var ControllerProvider = function (_a) {
+    var children = _a.children, controller = _a.controller;
+    return (0, preact_1.h)(ControllerContext.Provider, { value: controller }, children);
+};
+exports.ControllerProvider = ControllerProvider;
+var useController = function () { return (0, hooks_1.useContext)(ControllerContext); };
+exports.useController = useController;
+var withController = function (Component) { return function (props) {
+    return (0, preact_1.h)(Component, __assign({ controller: (0, exports.useController)() }, props));
+}; };
+exports.withController = withController;

package/dist/cjs/providers/index.d.ts

@@ -0,0 +1,5 @@
+export * from './cache';
+export * from './controller';
+export * from './store';
+export * from './theme';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/providers/index.d.ts.map

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

package/dist/cjs/providers/index.js

@@ -0,0 +1,16 @@
+"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("./cache"), exports);
+__exportStar(require("./controller"), exports);
+__exportStar(require("./store"), exports);
+__exportStar(require("./theme"), exports);

package/dist/cjs/providers/store.d.ts

@@ -0,0 +1,8 @@
+import preact from 'preact';
+export declare const StoreProvider: ({ children, store }: {
+    children: any;
+    store: any;
+}) => preact.JSX.Element;
+export declare const useStore: () => any;
+export declare const withStore: (Component: any) => (props: any) => preact.JSX.Element;
+//# sourceMappingURL=store.d.ts.map

package/dist/cjs/providers/store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../src/providers/store.tsx"],"names":[],"mappings":"AAAA,OAAO,MAA4B,MAAM,QAAQ,CAAC;AAKlD,eAAO,MAAM,aAAa;;;wBAEzB,CAAC;AAEF,eAAO,MAAM,QAAQ,WAAiC,CAAC;AAEvD,eAAO,MAAM,SAAS,wDAErB,CAAC"}

package/dist/cjs/providers/store.js

@@ -0,0 +1,28 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withStore = exports.useStore = exports.StoreProvider = void 0;
+var preact_1 = require("preact");
+var hooks_1 = require("preact/hooks");
+var StoreContext = (0, preact_1.createContext)(null);
+var StoreProvider = function (_a) {
+    var children = _a.children, store = _a.store;
+    return (0, preact_1.h)(StoreContext.Provider, { value: store }, children);
+};
+exports.StoreProvider = StoreProvider;
+var useStore = function () { return (0, hooks_1.useContext)(StoreContext); };
+exports.useStore = useStore;
+var withStore = function (Component) { return function (props) {
+    return (0, preact_1.h)(Component, __assign({ store: (0, exports.useStore)() }, props));
+}; };
+exports.withStore = withStore;

package/dist/cjs/providers/theme.d.ts

@@ -0,0 +1,19 @@
+export { ThemeProvider, useTheme, withTheme } from '@emotion/react';
+export declare const defaultTheme: Theme;
+export interface Theme {
+    colors?: {
+        primary: string;
+        secondary: string;
+        hover?: string;
+        text?: {
+            secondary: string;
+        };
+        message?: {
+            error: string;
+            warning: string;
+            info: string;
+        };
+    };
+    components?: any;
+}
+//# sourceMappingURL=theme.d.ts.map

package/dist/cjs/providers/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/providers/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEpE,eAAO,MAAM,YAAY,EAAE,KAe1B,CAAC;AAEF,MAAM,WAAW,KAAK;IACrB,MAAM,CAAC,EAAE;QACR,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE;YACN,SAAS,EAAE,MAAM,CAAC;SAClB,CAAC;QACF,OAAO,CAAC,EAAE;YACT,KAAK,EAAE,MAAM,CAAC;YACd,OAAO,EAAE,MAAM,CAAC;YAChB,IAAI,EAAE,MAAM,CAAC;SACb,CAAC;KACF,CAAC;IACF,UAAU,CAAC,EAAE,GAAG,CAAC;CACjB"}

package/dist/cjs/providers/theme.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultTheme = exports.withTheme = exports.useTheme = exports.ThemeProvider = void 0;
+var react_1 = require("@emotion/react");
+Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return react_1.ThemeProvider; } });
+Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return react_1.useTheme; } });
+Object.defineProperty(exports, "withTheme", { enumerable: true, get: function () { return react_1.withTheme; } });
+exports.defaultTheme = {
+    colors: {
+        primary: '#3A23AD',
+        secondary: '#00cee1',
+        hover: '#f8f6fd',
+        text: {
+            secondary: '#ffffff',
+        },
+        message: {
+            error: '#cc1212',
+            warning: '#ecaa15',
+            info: '#4c3ce2',
+        },
+    },
+    components: {},
+};

package/dist/cjs/setupTests.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=setupTests.d.ts.map

package/dist/cjs/setupTests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupTests.d.ts","sourceRoot":"","sources":["../../src/setupTests.ts"],"names":[],"mappings":""}

package/dist/cjs/setupTests.js

@@ -0,0 +1 @@
+require('@testing-library/jest-dom/extend-expect');