@open-tender/store 0.5.9 → 0.5.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/.DS_Store +0 -0
- package/dist/cjs/slices/config.d.ts +1 -1
- package/dist/cjs/slices/config.js +5 -2
- package/dist/cjs/slices/kiosk.d.ts +0 -2
- package/dist/cjs/slices/kiosk.js +5 -8
- package/dist/cjs/utils/themeCloud.d.ts +3 -3
- package/dist/cjs/utils/themeCloud.js +17 -21
- package/dist/esm/slices/config.d.ts +1 -1
- package/dist/esm/slices/config.js +4 -1
- package/dist/esm/slices/kiosk.d.ts +0 -2
- package/dist/esm/slices/kiosk.js +4 -6
- package/dist/esm/utils/themeCloud.d.ts +3 -3
- package/dist/esm/utils/themeCloud.js +15 -19
- package/package.json +1 -1
package/dist/.DS_Store
CHANGED
|
Binary file
|
|
@@ -29,7 +29,7 @@ export declare const fetchConfig: import("@reduxjs/toolkit").AsyncThunk<ConfigSt
|
|
|
29
29
|
state: AppState;
|
|
30
30
|
rejectValue: RequestError;
|
|
31
31
|
}>;
|
|
32
|
-
export declare const resetConfig: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetRetries: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, incrementRetries: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, setVersion: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
|
|
32
|
+
export declare const resetConfig: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetRetries: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, incrementRetries: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, setVersion: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>, setApi: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
|
|
33
33
|
export declare const selectConfig: (state: AppState) => ConfigState;
|
|
34
34
|
export declare const selectApi: (state: AppState) => any;
|
|
35
35
|
export declare const selectVersion: (state: AppState) => string | null | undefined;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var _a;
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.configReducer = exports.selectLoyalty = exports.selectTimezone = exports.selectMenuColors = exports.selectSelectOptions = exports.selectStore = exports.selectRevenueCenterId = exports.selectCashDrawer = exports.selectPinpad = exports.selectVersion = exports.selectApi = exports.selectConfig = exports.setVersion = exports.incrementRetries = exports.resetRetries = exports.resetConfig = exports.fetchConfig = exports.ConfigActionType = void 0;
|
|
4
|
+
exports.configReducer = exports.selectLoyalty = exports.selectTimezone = exports.selectMenuColors = exports.selectSelectOptions = exports.selectStore = exports.selectRevenueCenterId = exports.selectCashDrawer = exports.selectPinpad = exports.selectVersion = exports.selectApi = exports.selectConfig = exports.setApi = exports.setVersion = exports.incrementRetries = exports.resetRetries = exports.resetConfig = exports.fetchConfig = exports.ConfigActionType = void 0;
|
|
5
5
|
var tslib_1 = require("tslib");
|
|
6
6
|
var toolkit_1 = require("@reduxjs/toolkit");
|
|
7
7
|
var services_1 = require("../services");
|
|
@@ -113,6 +113,9 @@ var configSlice = (0, toolkit_1.createSlice)({
|
|
|
113
113
|
},
|
|
114
114
|
setVersion: function (state, action) {
|
|
115
115
|
state.version = action.payload;
|
|
116
|
+
},
|
|
117
|
+
setApi: function (state, action) {
|
|
118
|
+
state.api = action.payload;
|
|
116
119
|
}
|
|
117
120
|
},
|
|
118
121
|
extraReducers: function (builder) {
|
|
@@ -143,7 +146,7 @@ var configSlice = (0, toolkit_1.createSlice)({
|
|
|
143
146
|
});
|
|
144
147
|
}
|
|
145
148
|
});
|
|
146
|
-
exports.resetConfig = (_a = configSlice.actions, _a.resetConfig), exports.resetRetries = _a.resetRetries, exports.incrementRetries = _a.incrementRetries, exports.setVersion = _a.setVersion;
|
|
149
|
+
exports.resetConfig = (_a = configSlice.actions, _a.resetConfig), exports.resetRetries = _a.resetRetries, exports.incrementRetries = _a.incrementRetries, exports.setVersion = _a.setVersion, exports.setApi = _a.setApi;
|
|
147
150
|
var selectConfig = function (state) { return state.config; };
|
|
148
151
|
exports.selectConfig = selectConfig;
|
|
149
152
|
var selectApi = function (state) { return state.config.api; };
|
|
@@ -4,7 +4,6 @@ export interface KioskApp {
|
|
|
4
4
|
apiUrl: string;
|
|
5
5
|
}
|
|
6
6
|
export interface KioskState {
|
|
7
|
-
api: any;
|
|
8
7
|
app: KioskApp | null;
|
|
9
8
|
version?: string | null;
|
|
10
9
|
store: Store | null;
|
|
@@ -27,7 +26,6 @@ export declare const fetchKioskConfig: import("@reduxjs/toolkit").AsyncThunk<Kio
|
|
|
27
26
|
}>;
|
|
28
27
|
export declare const resetKiosk: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetKioskRetries: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, incrementKioskRetries: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, setKioskVersion: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
|
|
29
28
|
export declare const selectKiosk: (state: AppState) => KioskState;
|
|
30
|
-
export declare const selectKioskApi: (state: AppState) => any;
|
|
31
29
|
export declare const selectKioskVersion: (state: AppState) => string | null | undefined;
|
|
32
30
|
export declare const selectKioskStore: (state: AppState) => Store | null;
|
|
33
31
|
export declare const selectKioskRcId: (state: AppState) => number | null;
|
package/dist/cjs/slices/kiosk.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var _a;
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.kioskReducer = exports.selectKioskContentSection = exports.selectKioskTheme = exports.selectKioskContent = exports.selectKioskBrand = exports.selectKioskRcId = exports.selectKioskStore = exports.selectKioskVersion = exports.
|
|
4
|
+
exports.kioskReducer = exports.selectKioskContentSection = exports.selectKioskTheme = exports.selectKioskContent = exports.selectKioskBrand = exports.selectKioskRcId = exports.selectKioskStore = exports.selectKioskVersion = exports.selectKiosk = exports.setKioskVersion = exports.incrementKioskRetries = exports.resetKioskRetries = exports.resetKiosk = exports.fetchKioskConfig = exports.KioskActionType = void 0;
|
|
5
5
|
var tslib_1 = require("tslib");
|
|
6
6
|
var toolkit_1 = require("@reduxjs/toolkit");
|
|
7
7
|
var services_1 = require("../services");
|
|
8
8
|
var types_1 = require("./types");
|
|
9
9
|
var errors_1 = require("../services/errors");
|
|
10
|
+
var config_1 = require("./config");
|
|
10
11
|
var initialState = {
|
|
11
|
-
api: null,
|
|
12
12
|
app: null,
|
|
13
13
|
version: null,
|
|
14
14
|
store: null,
|
|
@@ -26,7 +26,7 @@ var KioskActionType;
|
|
|
26
26
|
})(KioskActionType = exports.KioskActionType || (exports.KioskActionType = {}));
|
|
27
27
|
exports.fetchKioskConfig = (0, toolkit_1.createAsyncThunk)(KioskActionType.FetchKiosk, function (_a, _b) {
|
|
28
28
|
var apiUrl = _a.apiUrl;
|
|
29
|
-
var rejectWithValue = _b.rejectWithValue;
|
|
29
|
+
var dispatch = _b.dispatch, rejectWithValue = _b.rejectWithValue;
|
|
30
30
|
return tslib_1.__awaiter(void 0, void 0, void 0, function () {
|
|
31
31
|
var app, api, _c, kioskConfig, store, err, brand, content, theme, revenueCenterId, err_1;
|
|
32
32
|
return tslib_1.__generator(this, function (_d) {
|
|
@@ -45,10 +45,10 @@ exports.fetchKioskConfig = (0, toolkit_1.createAsyncThunk)(KioskActionType.Fetch
|
|
|
45
45
|
err = errors_1.errorsApi.internalServerError;
|
|
46
46
|
return [2 /*return*/, rejectWithValue(err)];
|
|
47
47
|
}
|
|
48
|
+
dispatch((0, config_1.setApi)(api));
|
|
48
49
|
brand = kioskConfig.brand, content = kioskConfig.content, theme = kioskConfig.theme;
|
|
49
50
|
revenueCenterId = store.revenue_center_id;
|
|
50
51
|
return [2 /*return*/, {
|
|
51
|
-
api: api,
|
|
52
52
|
app: app,
|
|
53
53
|
store: store,
|
|
54
54
|
revenueCenterId: revenueCenterId,
|
|
@@ -85,8 +85,7 @@ var kioskSlice = (0, toolkit_1.createSlice)({
|
|
|
85
85
|
extraReducers: function (builder) {
|
|
86
86
|
builder
|
|
87
87
|
.addCase(exports.fetchKioskConfig.fulfilled, function (state, action) {
|
|
88
|
-
var _a = action.payload,
|
|
89
|
-
state.api = api;
|
|
88
|
+
var _a = action.payload, app = _a.app, store = _a.store, revenueCenterId = _a.revenueCenterId, brand = _a.brand, content = _a.content, theme = _a.theme;
|
|
90
89
|
state.app = app;
|
|
91
90
|
state.store = store;
|
|
92
91
|
state.revenueCenterId = revenueCenterId;
|
|
@@ -109,8 +108,6 @@ var kioskSlice = (0, toolkit_1.createSlice)({
|
|
|
109
108
|
exports.resetKiosk = (_a = kioskSlice.actions, _a.resetKiosk), exports.resetKioskRetries = _a.resetKioskRetries, exports.incrementKioskRetries = _a.incrementKioskRetries, exports.setKioskVersion = _a.setKioskVersion;
|
|
110
109
|
var selectKiosk = function (state) { return state.kiosk; };
|
|
111
110
|
exports.selectKiosk = selectKiosk;
|
|
112
|
-
var selectKioskApi = function (state) { return state.kiosk.api; };
|
|
113
|
-
exports.selectKioskApi = selectKioskApi;
|
|
114
111
|
var selectKioskVersion = function (state) { return state.kiosk.version; };
|
|
115
112
|
exports.selectKioskVersion = selectKioskVersion;
|
|
116
113
|
var selectKioskStore = function (state) { return state.kiosk.store; };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { HEX, Rems, ThemeCloud } from '../types';
|
|
2
|
+
export declare const hexToRgbA: (hex: HEX, opacity: string) => string | null;
|
|
2
3
|
export declare const remsToPixels: (rems: string, ratio: number) => string;
|
|
3
4
|
export declare const remsToNumber: (rems: Rems) => number;
|
|
4
5
|
export declare const makeRatio: (width: number, height: number) => number;
|
|
5
6
|
export declare const makeWidthRatio: (width: number) => number;
|
|
6
7
|
export declare const makeHeightRatio: (height: number) => number;
|
|
7
|
-
export declare const decorateTheme: (theme: ThemeCloud,
|
|
8
|
-
export declare function hexToRgbA(hex: HEX, opacity: string): string | null;
|
|
8
|
+
export declare const decorateTheme: (theme: ThemeCloud, ratio: number) => ThemeCloud;
|
|
@@ -1,7 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.decorateTheme = exports.makeHeightRatio = exports.makeWidthRatio = exports.makeRatio = exports.remsToNumber = exports.remsToPixels = exports.hexToRgbA = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
|
+
var hexToRgbA = function (hex, opacity) {
|
|
6
|
+
var c;
|
|
7
|
+
if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)) {
|
|
8
|
+
c = hex.substring(1).split('');
|
|
9
|
+
if (c.length === 3) {
|
|
10
|
+
c = [c[0], c[0], c[1], c[1], c[2], c[2]];
|
|
11
|
+
}
|
|
12
|
+
c = '0x' + c.join('');
|
|
13
|
+
return ('rgba(' +
|
|
14
|
+
[(c >> 16) & 255, (c >> 8) & 255, c & 255].join(',') +
|
|
15
|
+
",".concat(opacity, ")"));
|
|
16
|
+
}
|
|
17
|
+
return null;
|
|
18
|
+
};
|
|
19
|
+
exports.hexToRgbA = hexToRgbA;
|
|
5
20
|
var remsToPixels = function (rems, ratio) {
|
|
6
21
|
var pixels = parseFloat(rems.replace('rem', '')) * 10;
|
|
7
22
|
var adjustedPixels = pixels * ratio;
|
|
@@ -174,11 +189,7 @@ var makeHeightRatio = function (height) {
|
|
|
174
189
|
return height / DEFAULT_HEIGHT;
|
|
175
190
|
};
|
|
176
191
|
exports.makeHeightRatio = makeHeightRatio;
|
|
177
|
-
var decorateTheme = function (theme,
|
|
178
|
-
if (responsive === void 0) { responsive = true; }
|
|
179
|
-
var width = dimensions.width;
|
|
180
|
-
// const ratio = responsive ? makeRatio(width, height) : 1.0
|
|
181
|
-
var ratio = responsive ? (0, exports.makeWidthRatio)(width) : 1.0;
|
|
192
|
+
var decorateTheme = function (theme, ratio) {
|
|
182
193
|
var border = makeBorder(theme.border, ratio);
|
|
183
194
|
var buttons = makeButtons(theme.buttons, ratio);
|
|
184
195
|
var cards = makeCards(theme.cards, ratio);
|
|
@@ -192,18 +203,3 @@ var decorateTheme = function (theme, dimensions, responsive) {
|
|
|
192
203
|
return tslib_1.__assign(tslib_1.__assign({}, theme), { border: border, buttons: buttons, cards: cards, counts: counts, fonts: fonts, inputs: inputs, item: item, lineHeight: lineHeight, layout: layout, welcome: welcome });
|
|
193
204
|
};
|
|
194
205
|
exports.decorateTheme = decorateTheme;
|
|
195
|
-
function hexToRgbA(hex, opacity) {
|
|
196
|
-
var c;
|
|
197
|
-
if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)) {
|
|
198
|
-
c = hex.substring(1).split('');
|
|
199
|
-
if (c.length === 3) {
|
|
200
|
-
c = [c[0], c[0], c[1], c[1], c[2], c[2]];
|
|
201
|
-
}
|
|
202
|
-
c = '0x' + c.join('');
|
|
203
|
-
return ('rgba(' +
|
|
204
|
-
[(c >> 16) & 255, (c >> 8) & 255, c & 255].join(',') +
|
|
205
|
-
",".concat(opacity, ")"));
|
|
206
|
-
}
|
|
207
|
-
return null;
|
|
208
|
-
}
|
|
209
|
-
exports.hexToRgbA = hexToRgbA;
|
|
@@ -29,7 +29,7 @@ export declare const fetchConfig: import("@reduxjs/toolkit").AsyncThunk<ConfigSt
|
|
|
29
29
|
state: AppState;
|
|
30
30
|
rejectValue: RequestError;
|
|
31
31
|
}>;
|
|
32
|
-
export declare const resetConfig: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetRetries: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, incrementRetries: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, setVersion: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
|
|
32
|
+
export declare const resetConfig: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetRetries: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, incrementRetries: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, setVersion: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>, setApi: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
|
|
33
33
|
export declare const selectConfig: (state: AppState) => ConfigState;
|
|
34
34
|
export declare const selectApi: (state: AppState) => any;
|
|
35
35
|
export declare const selectVersion: (state: AppState) => string | null | undefined;
|
|
@@ -110,6 +110,9 @@ var configSlice = createSlice({
|
|
|
110
110
|
},
|
|
111
111
|
setVersion: function (state, action) {
|
|
112
112
|
state.version = action.payload;
|
|
113
|
+
},
|
|
114
|
+
setApi: function (state, action) {
|
|
115
|
+
state.api = action.payload;
|
|
113
116
|
}
|
|
114
117
|
},
|
|
115
118
|
extraReducers: function (builder) {
|
|
@@ -140,7 +143,7 @@ var configSlice = createSlice({
|
|
|
140
143
|
});
|
|
141
144
|
}
|
|
142
145
|
});
|
|
143
|
-
export var resetConfig = (_a = configSlice.actions, _a.resetConfig), resetRetries = _a.resetRetries, incrementRetries = _a.incrementRetries, setVersion = _a.setVersion;
|
|
146
|
+
export var resetConfig = (_a = configSlice.actions, _a.resetConfig), resetRetries = _a.resetRetries, incrementRetries = _a.incrementRetries, setVersion = _a.setVersion, setApi = _a.setApi;
|
|
144
147
|
export var selectConfig = function (state) { return state.config; };
|
|
145
148
|
export var selectApi = function (state) { return state.config.api; };
|
|
146
149
|
export var selectVersion = function (state) { return state.config.version; };
|
|
@@ -4,7 +4,6 @@ export interface KioskApp {
|
|
|
4
4
|
apiUrl: string;
|
|
5
5
|
}
|
|
6
6
|
export interface KioskState {
|
|
7
|
-
api: any;
|
|
8
7
|
app: KioskApp | null;
|
|
9
8
|
version?: string | null;
|
|
10
9
|
store: Store | null;
|
|
@@ -27,7 +26,6 @@ export declare const fetchKioskConfig: import("@reduxjs/toolkit").AsyncThunk<Kio
|
|
|
27
26
|
}>;
|
|
28
27
|
export declare const resetKiosk: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, resetKioskRetries: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, incrementKioskRetries: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, setKioskVersion: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;
|
|
29
28
|
export declare const selectKiosk: (state: AppState) => KioskState;
|
|
30
|
-
export declare const selectKioskApi: (state: AppState) => any;
|
|
31
29
|
export declare const selectKioskVersion: (state: AppState) => string | null | undefined;
|
|
32
30
|
export declare const selectKioskStore: (state: AppState) => Store | null;
|
|
33
31
|
export declare const selectKioskRcId: (state: AppState) => number | null;
|
package/dist/esm/slices/kiosk.js
CHANGED
|
@@ -4,8 +4,8 @@ import { createSlice, createAsyncThunk } from '@reduxjs/toolkit';
|
|
|
4
4
|
import { PosAPI } from '../services';
|
|
5
5
|
import { ReducerType } from './types';
|
|
6
6
|
import { errorsApi } from '../services/errors';
|
|
7
|
+
import { setApi } from './config';
|
|
7
8
|
var initialState = {
|
|
8
|
-
api: null,
|
|
9
9
|
app: null,
|
|
10
10
|
version: null,
|
|
11
11
|
store: null,
|
|
@@ -23,7 +23,7 @@ export var KioskActionType;
|
|
|
23
23
|
})(KioskActionType || (KioskActionType = {}));
|
|
24
24
|
export var fetchKioskConfig = createAsyncThunk(KioskActionType.FetchKiosk, function (_a, _b) {
|
|
25
25
|
var apiUrl = _a.apiUrl;
|
|
26
|
-
var rejectWithValue = _b.rejectWithValue;
|
|
26
|
+
var dispatch = _b.dispatch, rejectWithValue = _b.rejectWithValue;
|
|
27
27
|
return __awaiter(void 0, void 0, void 0, function () {
|
|
28
28
|
var app, api, _c, kioskConfig, store, err, brand, content, theme, revenueCenterId, err_1;
|
|
29
29
|
return __generator(this, function (_d) {
|
|
@@ -42,10 +42,10 @@ export var fetchKioskConfig = createAsyncThunk(KioskActionType.FetchKiosk, funct
|
|
|
42
42
|
err = errorsApi.internalServerError;
|
|
43
43
|
return [2 /*return*/, rejectWithValue(err)];
|
|
44
44
|
}
|
|
45
|
+
dispatch(setApi(api));
|
|
45
46
|
brand = kioskConfig.brand, content = kioskConfig.content, theme = kioskConfig.theme;
|
|
46
47
|
revenueCenterId = store.revenue_center_id;
|
|
47
48
|
return [2 /*return*/, {
|
|
48
|
-
api: api,
|
|
49
49
|
app: app,
|
|
50
50
|
store: store,
|
|
51
51
|
revenueCenterId: revenueCenterId,
|
|
@@ -82,8 +82,7 @@ var kioskSlice = createSlice({
|
|
|
82
82
|
extraReducers: function (builder) {
|
|
83
83
|
builder
|
|
84
84
|
.addCase(fetchKioskConfig.fulfilled, function (state, action) {
|
|
85
|
-
var _a = action.payload,
|
|
86
|
-
state.api = api;
|
|
85
|
+
var _a = action.payload, app = _a.app, store = _a.store, revenueCenterId = _a.revenueCenterId, brand = _a.brand, content = _a.content, theme = _a.theme;
|
|
87
86
|
state.app = app;
|
|
88
87
|
state.store = store;
|
|
89
88
|
state.revenueCenterId = revenueCenterId;
|
|
@@ -105,7 +104,6 @@ var kioskSlice = createSlice({
|
|
|
105
104
|
});
|
|
106
105
|
export var resetKiosk = (_a = kioskSlice.actions, _a.resetKiosk), resetKioskRetries = _a.resetKioskRetries, incrementKioskRetries = _a.incrementKioskRetries, setKioskVersion = _a.setKioskVersion;
|
|
107
106
|
export var selectKiosk = function (state) { return state.kiosk; };
|
|
108
|
-
export var selectKioskApi = function (state) { return state.kiosk.api; };
|
|
109
107
|
export var selectKioskVersion = function (state) { return state.kiosk.version; };
|
|
110
108
|
export var selectKioskStore = function (state) { return state.kiosk.store; };
|
|
111
109
|
export var selectKioskRcId = function (state) { return state.kiosk.revenueCenterId; };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { HEX, Rems, ThemeCloud } from '../types';
|
|
2
|
+
export declare const hexToRgbA: (hex: HEX, opacity: string) => string | null;
|
|
2
3
|
export declare const remsToPixels: (rems: string, ratio: number) => string;
|
|
3
4
|
export declare const remsToNumber: (rems: Rems) => number;
|
|
4
5
|
export declare const makeRatio: (width: number, height: number) => number;
|
|
5
6
|
export declare const makeWidthRatio: (width: number) => number;
|
|
6
7
|
export declare const makeHeightRatio: (height: number) => number;
|
|
7
|
-
export declare const decorateTheme: (theme: ThemeCloud,
|
|
8
|
-
export declare function hexToRgbA(hex: HEX, opacity: string): string | null;
|
|
8
|
+
export declare const decorateTheme: (theme: ThemeCloud, ratio: number) => ThemeCloud;
|
|
@@ -1,4 +1,18 @@
|
|
|
1
1
|
import { __assign } from "tslib";
|
|
2
|
+
export var hexToRgbA = function (hex, opacity) {
|
|
3
|
+
var c;
|
|
4
|
+
if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)) {
|
|
5
|
+
c = hex.substring(1).split('');
|
|
6
|
+
if (c.length === 3) {
|
|
7
|
+
c = [c[0], c[0], c[1], c[1], c[2], c[2]];
|
|
8
|
+
}
|
|
9
|
+
c = '0x' + c.join('');
|
|
10
|
+
return ('rgba(' +
|
|
11
|
+
[(c >> 16) & 255, (c >> 8) & 255, c & 255].join(',') +
|
|
12
|
+
",".concat(opacity, ")"));
|
|
13
|
+
}
|
|
14
|
+
return null;
|
|
15
|
+
};
|
|
2
16
|
export var remsToPixels = function (rems, ratio) {
|
|
3
17
|
var pixels = parseFloat(rems.replace('rem', '')) * 10;
|
|
4
18
|
var adjustedPixels = pixels * ratio;
|
|
@@ -166,11 +180,7 @@ export var makeWidthRatio = function (width) {
|
|
|
166
180
|
export var makeHeightRatio = function (height) {
|
|
167
181
|
return height / DEFAULT_HEIGHT;
|
|
168
182
|
};
|
|
169
|
-
export var decorateTheme = function (theme,
|
|
170
|
-
if (responsive === void 0) { responsive = true; }
|
|
171
|
-
var width = dimensions.width;
|
|
172
|
-
// const ratio = responsive ? makeRatio(width, height) : 1.0
|
|
173
|
-
var ratio = responsive ? makeWidthRatio(width) : 1.0;
|
|
183
|
+
export var decorateTheme = function (theme, ratio) {
|
|
174
184
|
var border = makeBorder(theme.border, ratio);
|
|
175
185
|
var buttons = makeButtons(theme.buttons, ratio);
|
|
176
186
|
var cards = makeCards(theme.cards, ratio);
|
|
@@ -183,17 +193,3 @@ export var decorateTheme = function (theme, dimensions, responsive) {
|
|
|
183
193
|
var welcome = makeWelcomes(theme.welcome, ratio);
|
|
184
194
|
return __assign(__assign({}, theme), { border: border, buttons: buttons, cards: cards, counts: counts, fonts: fonts, inputs: inputs, item: item, lineHeight: lineHeight, layout: layout, welcome: welcome });
|
|
185
195
|
};
|
|
186
|
-
export function hexToRgbA(hex, opacity) {
|
|
187
|
-
var c;
|
|
188
|
-
if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)) {
|
|
189
|
-
c = hex.substring(1).split('');
|
|
190
|
-
if (c.length === 3) {
|
|
191
|
-
c = [c[0], c[0], c[1], c[1], c[2], c[2]];
|
|
192
|
-
}
|
|
193
|
-
c = '0x' + c.join('');
|
|
194
|
-
return ('rgba(' +
|
|
195
|
-
[(c >> 16) & 255, (c >> 8) & 255, c & 255].join(',') +
|
|
196
|
-
",".concat(opacity, ")"));
|
|
197
|
-
}
|
|
198
|
-
return null;
|
|
199
|
-
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@open-tender/store",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.11",
|
|
4
4
|
"description": "A library of hooks, reducers, utility functions, and types for use with Open Tender applications that utilize our in-store POS API",
|
|
5
5
|
"main": "./dist/cjs/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|