@bigbinary/neeto-themes-frontend 1.2.8 → 1.2.10
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/index.cjs.js +100 -60
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.js +88 -54
- package/dist/index.js.map +1 -1
- package/package.json +9 -9
package/dist/index.cjs.js
CHANGED
|
@@ -15,12 +15,12 @@ var reactI18next = require('react-i18next');
|
|
|
15
15
|
var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
|
|
16
16
|
var _regeneratorRuntime = require('@babel/runtime/regenerator');
|
|
17
17
|
var Toastr = require('@bigbinary/neetoui/Toastr');
|
|
18
|
-
var reactQuery = require('react-query');
|
|
18
|
+
var reactQuery = require('@tanstack/react-query');
|
|
19
19
|
var axios = require('axios');
|
|
20
20
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
21
21
|
var ramda = require('ramda');
|
|
22
22
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
23
|
-
var
|
|
23
|
+
var Close = require('@bigbinary/neeto-icons/Close');
|
|
24
24
|
var Button = require('@bigbinary/neetoui/Button');
|
|
25
25
|
var Popover = require('@bigbinary/neetoui/Popover');
|
|
26
26
|
var Typography = require('@bigbinary/neetoui/Typography');
|
|
@@ -31,13 +31,18 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
31
31
|
var neetoImageUploaderFrontend = require('@bigbinary/neeto-image-uploader-frontend');
|
|
32
32
|
var utils = require('@bigbinary/neeto-commons-frontend/utils');
|
|
33
33
|
var Select = require('@bigbinary/neetoui/Select');
|
|
34
|
+
var CenterAlign = require('@bigbinary/neeto-icons/CenterAlign');
|
|
35
|
+
var LeftAlign = require('@bigbinary/neeto-icons/LeftAlign');
|
|
34
36
|
var ColorPicker = require('@bigbinary/neetoui/ColorPicker');
|
|
35
37
|
var antd = require('antd');
|
|
38
|
+
var classnames = require('classnames');
|
|
39
|
+
var HelpPopover = require('@bigbinary/neeto-molecules/HelpPopover');
|
|
36
40
|
var Switch = require('@bigbinary/neetoui/Switch');
|
|
37
41
|
var Input = require('@bigbinary/neetoui/formik/Input');
|
|
38
42
|
var Search = require('@bigbinary/neeto-molecules/Search');
|
|
39
|
-
var classnames = require('classnames');
|
|
40
43
|
var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
|
|
44
|
+
var LeftArrow = require('@bigbinary/neeto-icons/LeftArrow');
|
|
45
|
+
var Plus = require('@bigbinary/neeto-icons/Plus');
|
|
41
46
|
|
|
42
47
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
43
48
|
|
|
@@ -68,18 +73,24 @@ var Toastr__default = /*#__PURE__*/_interopDefaultLegacy(Toastr);
|
|
|
68
73
|
var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
|
|
69
74
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
70
75
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
76
|
+
var Close__default = /*#__PURE__*/_interopDefaultLegacy(Close);
|
|
71
77
|
var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
|
|
72
78
|
var Popover__default = /*#__PURE__*/_interopDefaultLegacy(Popover);
|
|
73
79
|
var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
|
|
74
80
|
var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
|
|
75
81
|
var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
|
|
76
82
|
var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
|
|
83
|
+
var CenterAlign__default = /*#__PURE__*/_interopDefaultLegacy(CenterAlign);
|
|
84
|
+
var LeftAlign__default = /*#__PURE__*/_interopDefaultLegacy(LeftAlign);
|
|
77
85
|
var ColorPicker__default = /*#__PURE__*/_interopDefaultLegacy(ColorPicker);
|
|
86
|
+
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
87
|
+
var HelpPopover__default = /*#__PURE__*/_interopDefaultLegacy(HelpPopover);
|
|
78
88
|
var Switch__default = /*#__PURE__*/_interopDefaultLegacy(Switch);
|
|
79
89
|
var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
|
|
80
90
|
var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search);
|
|
81
|
-
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
82
91
|
var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
|
|
92
|
+
var LeftArrow__default = /*#__PURE__*/_interopDefaultLegacy(LeftArrow);
|
|
93
|
+
var Plus__default = /*#__PURE__*/_interopDefaultLegacy(Plus);
|
|
83
94
|
|
|
84
95
|
/** @type {import("neetocommons/react-utils").ZustandStoreHook} */
|
|
85
96
|
var useConfigStore = zustand.create(reactUtils.withImmutableActions(function (set) {
|
|
@@ -188,9 +199,11 @@ var QUERY_KEYS = {
|
|
|
188
199
|
};
|
|
189
200
|
|
|
190
201
|
var useShowThemeEntity = function useShowThemeEntity(entityId) {
|
|
191
|
-
return reactQuery.useQuery(
|
|
192
|
-
|
|
193
|
-
|
|
202
|
+
return reactQuery.useQuery({
|
|
203
|
+
queryKey: [QUERY_KEYS.THEME_ENTITY_DETAILS, entityId],
|
|
204
|
+
queryFn: function queryFn() {
|
|
205
|
+
return entitiesApi.show(entityId);
|
|
206
|
+
},
|
|
194
207
|
enabled: !!entityId
|
|
195
208
|
});
|
|
196
209
|
};
|
|
@@ -249,8 +262,11 @@ var useListThemes = function useListThemes(entityId) {
|
|
|
249
262
|
}, shallow.shallow),
|
|
250
263
|
isTemplateThemesEnabled = _useConfigStore.isTemplateThemesEnabled;
|
|
251
264
|
var queryKey = isTemplateThemesEnabled ? [QUERY_KEYS.THEMES_LIST, entityId] : [QUERY_KEYS.THEMES_LIST];
|
|
252
|
-
return reactQuery.useQuery(
|
|
253
|
-
|
|
265
|
+
return reactQuery.useQuery({
|
|
266
|
+
queryKey: queryKey,
|
|
267
|
+
queryFn: function queryFn() {
|
|
268
|
+
return themesApi.list(entityId);
|
|
269
|
+
}
|
|
254
270
|
});
|
|
255
271
|
};
|
|
256
272
|
var useCreateTheme = function useCreateTheme() {
|
|
@@ -265,12 +281,12 @@ var useUpdateTheme = function useUpdateTheme(themeId) {
|
|
|
265
281
|
payload: payload
|
|
266
282
|
});
|
|
267
283
|
}, {
|
|
268
|
-
keysToInvalidate: [QUERY_KEYS.THEMES_LIST, QUERY_KEYS.THEME_ENTITY_DETAILS, [QUERY_KEYS.THEME_DETAILS, themeId]]
|
|
284
|
+
keysToInvalidate: [[QUERY_KEYS.THEMES_LIST], [QUERY_KEYS.THEME_ENTITY_DETAILS], [QUERY_KEYS.THEME_DETAILS, themeId]]
|
|
269
285
|
});
|
|
270
286
|
};
|
|
271
287
|
var useDeleteTheme = function useDeleteTheme() {
|
|
272
288
|
return reactUtils.useMutationWithInvalidation(themesApi.destroy, {
|
|
273
|
-
keysToInvalidate: [QUERY_KEYS.THEMES_LIST, QUERY_KEYS.THEME_ENTITY_DETAILS]
|
|
289
|
+
keysToInvalidate: [[QUERY_KEYS.THEMES_LIST], [QUERY_KEYS.THEME_ENTITY_DETAILS]]
|
|
274
290
|
});
|
|
275
291
|
};
|
|
276
292
|
var useCloneTheme = function useCloneTheme() {
|
|
@@ -281,7 +297,7 @@ var useCloneTheme = function useCloneTheme() {
|
|
|
281
297
|
var useApplyTheme = function useApplyTheme(_ref) {
|
|
282
298
|
var onSuccess = _ref.onSuccess;
|
|
283
299
|
return reactUtils.useMutationWithInvalidation(themesApi.apply, {
|
|
284
|
-
keysToInvalidate: [QUERY_KEYS.THEMES_LIST, QUERY_KEYS.THEME_ENTITY_DETAILS],
|
|
300
|
+
keysToInvalidate: [[QUERY_KEYS.THEMES_LIST], [QUERY_KEYS.THEME_ENTITY_DETAILS]],
|
|
285
301
|
onSuccess: onSuccess
|
|
286
302
|
});
|
|
287
303
|
};
|
|
@@ -325,10 +341,10 @@ var schemasApi = {
|
|
|
325
341
|
list: list
|
|
326
342
|
};
|
|
327
343
|
|
|
328
|
-
var useListSchema = function useListSchema(
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
344
|
+
var useListSchema = function useListSchema() {
|
|
345
|
+
return reactQuery.useQuery({
|
|
346
|
+
queryKey: [QUERY_KEYS.SCHEMA_DETAILS],
|
|
347
|
+
queryFn: schemasApi.list
|
|
332
348
|
});
|
|
333
349
|
};
|
|
334
350
|
|
|
@@ -342,28 +358,23 @@ var useThemeUtils = function useThemeUtils() {
|
|
|
342
358
|
}, shallow.shallow),
|
|
343
359
|
previewingTheme = _useThemeStore.previewingTheme,
|
|
344
360
|
currentTheme = _useThemeStore.currentTheme;
|
|
345
|
-
var _useListSchema = useListSchema(
|
|
346
|
-
onSuccess: function onSuccess(_ref) {
|
|
347
|
-
var _ref$schema = _ref.schema,
|
|
348
|
-
themePropertiesSchema = _ref$schema === void 0 ? [] : _ref$schema,
|
|
349
|
-
_ref$variableNamesMap = _ref.variableNamesMap,
|
|
350
|
-
variableNamesMap = _ref$variableNamesMap === void 0 ? {} : _ref$variableNamesMap,
|
|
351
|
-
_ref$defaultThemeName = _ref.defaultThemeName,
|
|
352
|
-
defaultThemeName = _ref$defaultThemeName === void 0 ? "" : _ref$defaultThemeName;
|
|
353
|
-
return setConfigState({
|
|
354
|
-
themePropertiesSchema: themePropertiesSchema,
|
|
355
|
-
variableNamesMap: variableNamesMap,
|
|
356
|
-
defaultThemeName: defaultThemeName
|
|
357
|
-
});
|
|
358
|
-
}
|
|
359
|
-
}),
|
|
361
|
+
var _useListSchema = useListSchema(),
|
|
360
362
|
isFetchingSchema = _useListSchema.isLoading,
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
themePropertiesSchema =
|
|
365
|
-
|
|
366
|
-
variableNamesMap =
|
|
363
|
+
data = _useListSchema.data;
|
|
364
|
+
var _ref = data || {},
|
|
365
|
+
_ref$schema = _ref.schema,
|
|
366
|
+
themePropertiesSchema = _ref$schema === void 0 ? [] : _ref$schema,
|
|
367
|
+
_ref$variableNamesMap = _ref.variableNamesMap,
|
|
368
|
+
variableNamesMap = _ref$variableNamesMap === void 0 ? {} : _ref$variableNamesMap;
|
|
369
|
+
react.useEffect(function () {
|
|
370
|
+
if (data) {
|
|
371
|
+
setConfigState({
|
|
372
|
+
themePropertiesSchema: data === null || data === void 0 ? void 0 : data.schema,
|
|
373
|
+
variableNamesMap: data === null || data === void 0 ? void 0 : data.variableNamesMap,
|
|
374
|
+
defaultThemeName: data === null || data === void 0 ? void 0 : data.defaultThemeName
|
|
375
|
+
});
|
|
376
|
+
}
|
|
377
|
+
}, [data]);
|
|
367
378
|
react.useEffect(function () {
|
|
368
379
|
return setConfigState({
|
|
369
380
|
isFetchingSchema: isFetchingSchema
|
|
@@ -761,7 +772,7 @@ var AlignmentBlock = function AlignmentBlock(_ref) {
|
|
|
761
772
|
className: "flex items-center gap-3",
|
|
762
773
|
children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
|
|
763
774
|
"data-cy": "alignment-left",
|
|
764
|
-
icon:
|
|
775
|
+
icon: LeftAlign__default["default"],
|
|
765
776
|
size: "large",
|
|
766
777
|
style: value === "left" ? "primary" : "text",
|
|
767
778
|
tooltipProps: {
|
|
@@ -773,7 +784,7 @@ var AlignmentBlock = function AlignmentBlock(_ref) {
|
|
|
773
784
|
}
|
|
774
785
|
}), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
|
|
775
786
|
"data-cy": "alignment-center",
|
|
776
|
-
icon:
|
|
787
|
+
icon: CenterAlign__default["default"],
|
|
777
788
|
size: "large",
|
|
778
789
|
style: value === "center" ? "primary" : "text",
|
|
779
790
|
tooltipProps: {
|
|
@@ -884,14 +895,32 @@ var SwitchBlock = function SwitchBlock(_ref) {
|
|
|
884
895
|
var label = _ref.label,
|
|
885
896
|
name = _ref.name,
|
|
886
897
|
switchProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
898
|
+
var _useTranslation = reactI18next.useTranslation(),
|
|
899
|
+
t = _useTranslation.t,
|
|
900
|
+
i18n = _useTranslation.i18n;
|
|
901
|
+
var translationKey = "neetoThemes.properties.boolean.".concat(name, "HelpText");
|
|
902
|
+
var doesHelpTextExist = i18n.exists(translationKey);
|
|
887
903
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
888
904
|
className: "flex items-center justify-between py-3 first:pt-0 last:pb-0",
|
|
889
|
-
children: [/*#__PURE__*/jsxRuntime.
|
|
890
|
-
|
|
891
|
-
children:
|
|
892
|
-
|
|
905
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
906
|
+
className: "inline-flex items-center gap-4",
|
|
907
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
|
|
908
|
+
"data-cy": "style-fields-labels",
|
|
909
|
+
style: "body2",
|
|
910
|
+
className: classnames__default["default"]({
|
|
911
|
+
"w-32": doesHelpTextExist,
|
|
912
|
+
"w-auto": !doesHelpTextExist
|
|
913
|
+
}),
|
|
914
|
+
children: label
|
|
915
|
+
}), doesHelpTextExist && /*#__PURE__*/jsxRuntime.jsx(HelpPopover__default["default"], {
|
|
916
|
+
className: "flex-shrink-0",
|
|
917
|
+
description: t(translationKey)
|
|
918
|
+
})]
|
|
919
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Switch__default["default"], _objectSpread$2(_objectSpread$2({}, _objectSpread$2({
|
|
893
920
|
name: name
|
|
894
|
-
}, switchProps))
|
|
921
|
+
}, switchProps)), {}, {
|
|
922
|
+
"data-cy": "enable-background-color-toggle"
|
|
923
|
+
}))]
|
|
895
924
|
});
|
|
896
925
|
};
|
|
897
926
|
|
|
@@ -975,12 +1004,16 @@ var Properties = function Properties(_ref) {
|
|
|
975
1004
|
}), neetoCist.filterBy({
|
|
976
1005
|
kind: "color"
|
|
977
1006
|
}, values.properties).map(function (_ref5) {
|
|
1007
|
+
var _findBy;
|
|
978
1008
|
var key = _ref5.key,
|
|
979
1009
|
value = _ref5.value,
|
|
980
1010
|
kind = _ref5.kind;
|
|
981
1011
|
return isPropertyVisible(key, values, themePropertiesSchema) && /*#__PURE__*/jsxRuntime.jsx(ColorBlock, {
|
|
982
1012
|
color: value,
|
|
983
1013
|
label: buildLabel(key, kind),
|
|
1014
|
+
showTransparencyControl: ((_findBy = neetoCist.findBy({
|
|
1015
|
+
key: key
|
|
1016
|
+
}, themePropertiesSchema)) === null || _findBy === void 0 ? void 0 : _findBy.showTransparencyControl) || false,
|
|
984
1017
|
onChange: handleColorChange(key)
|
|
985
1018
|
}, key);
|
|
986
1019
|
}), neetoCist.filterBy({
|
|
@@ -1017,16 +1050,16 @@ var Properties = function Properties(_ref) {
|
|
|
1017
1050
|
}), neetoCist.filterBy({
|
|
1018
1051
|
kind: "position_selector"
|
|
1019
1052
|
}, values.properties).map(function (_ref8) {
|
|
1020
|
-
var
|
|
1053
|
+
var _findBy2;
|
|
1021
1054
|
var key = _ref8.key,
|
|
1022
1055
|
kind = _ref8.kind,
|
|
1023
1056
|
value = _ref8.value;
|
|
1024
1057
|
var index = neetoCist.findIndexBy({
|
|
1025
1058
|
key: key
|
|
1026
1059
|
}, values.properties);
|
|
1027
|
-
var options = (
|
|
1060
|
+
var options = (_findBy2 = neetoCist.findBy({
|
|
1028
1061
|
key: key
|
|
1029
|
-
}, themePropertiesSchema)) === null ||
|
|
1062
|
+
}, themePropertiesSchema)) === null || _findBy2 === void 0 || (_findBy2 = _findBy2.options) === null || _findBy2 === void 0 ? void 0 : _findBy2.map(neetoCist.toLabelAndValue);
|
|
1030
1063
|
return isPropertyVisible(key, values, themePropertiesSchema) && /*#__PURE__*/jsxRuntime.jsx(SelectBlock, {
|
|
1031
1064
|
label: buildLabel(key, kind),
|
|
1032
1065
|
options: options || POSITION_OPTIONS,
|
|
@@ -1048,6 +1081,7 @@ var Properties = function Properties(_ref) {
|
|
|
1048
1081
|
return isPropertyVisible(key, values, themePropertiesSchema) && /*#__PURE__*/jsxRuntime.jsx(SwitchBlock, {
|
|
1049
1082
|
checked: value !== "false",
|
|
1050
1083
|
label: buildLabel(key, kind),
|
|
1084
|
+
name: neetoCist.snakeToCamelCase(key),
|
|
1051
1085
|
onChange: function onChange(e) {
|
|
1052
1086
|
return setFieldValue("properties[".concat(index, "].value"), String(e.target.checked));
|
|
1053
1087
|
}
|
|
@@ -1110,10 +1144,10 @@ var Customize = function Customize(_ref) {
|
|
|
1110
1144
|
var submitBtnRef = react.useRef(null);
|
|
1111
1145
|
var _useCreateTheme = useCreateTheme(),
|
|
1112
1146
|
createTheme = _useCreateTheme.mutate,
|
|
1113
|
-
isCreating = _useCreateTheme.
|
|
1147
|
+
isCreating = _useCreateTheme.isPending;
|
|
1114
1148
|
var _useUpdateTheme = useUpdateTheme(themeId),
|
|
1115
1149
|
updateTheme = _useUpdateTheme.mutate,
|
|
1116
|
-
isUpdating = _useUpdateTheme.
|
|
1150
|
+
isUpdating = _useUpdateTheme.isPending;
|
|
1117
1151
|
var isSubmitting = isCreating || isUpdating;
|
|
1118
1152
|
var onSubmit = function onSubmit(values, _ref2) {
|
|
1119
1153
|
var resetForm = _ref2.resetForm;
|
|
@@ -1191,7 +1225,7 @@ var Customize = function Customize(_ref) {
|
|
|
1191
1225
|
className: "flex flex-col items-start gap-2",
|
|
1192
1226
|
children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
|
|
1193
1227
|
className: "absolute right-1 top-1 z-0",
|
|
1194
|
-
icon:
|
|
1228
|
+
icon: Close__default["default"],
|
|
1195
1229
|
size: "small",
|
|
1196
1230
|
style: "text",
|
|
1197
1231
|
onClick: function onClick() {
|
|
@@ -1641,7 +1675,8 @@ var TitleBar = function TitleBar(_ref) {
|
|
|
1641
1675
|
var currentScreen = _ref.currentScreen,
|
|
1642
1676
|
handleBackPress = _ref.handleBackPress,
|
|
1643
1677
|
handleCreateNewTheme = _ref.handleCreateNewTheme,
|
|
1644
|
-
isNewTheme = _ref.isNewTheme
|
|
1678
|
+
isNewTheme = _ref.isNewTheme,
|
|
1679
|
+
themeToEdit = _ref.themeToEdit;
|
|
1645
1680
|
var _useTranslation = reactI18next.useTranslation(),
|
|
1646
1681
|
t = _useTranslation.t;
|
|
1647
1682
|
if (currentScreen === DESIGN_SCREENS.Customize) {
|
|
@@ -1651,14 +1686,16 @@ var TitleBar = function TitleBar(_ref) {
|
|
|
1651
1686
|
className: "flex items-center justify-start space-x-2",
|
|
1652
1687
|
children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
|
|
1653
1688
|
"data-cy": "customize-themes-back-button",
|
|
1654
|
-
icon:
|
|
1689
|
+
icon: LeftArrow__default["default"],
|
|
1655
1690
|
iconPosition: "left",
|
|
1656
1691
|
style: "text",
|
|
1657
1692
|
tooltipProps: {
|
|
1658
1693
|
content: t("neetoThemes.buttons.backToThemes"),
|
|
1659
1694
|
position: "top"
|
|
1660
1695
|
},
|
|
1661
|
-
onClick:
|
|
1696
|
+
onClick: function onClick() {
|
|
1697
|
+
return handleBackPress(themeToEdit);
|
|
1698
|
+
}
|
|
1662
1699
|
}), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
|
|
1663
1700
|
"data-cy": "themes-header",
|
|
1664
1701
|
lineHeight: "normal",
|
|
@@ -1683,7 +1720,7 @@ var TitleBar = function TitleBar(_ref) {
|
|
|
1683
1720
|
className: "self-end",
|
|
1684
1721
|
children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
|
|
1685
1722
|
"data-cy": "customize-themes-add-theme-button",
|
|
1686
|
-
icon:
|
|
1723
|
+
icon: Plus__default["default"],
|
|
1687
1724
|
iconPosition: "left",
|
|
1688
1725
|
style: "text",
|
|
1689
1726
|
tooltipProps: {
|
|
@@ -1757,11 +1794,12 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
1757
1794
|
isCurrentThemeLoading = _useShowThemeEntity.isLoading;
|
|
1758
1795
|
var _useDeleteTheme = useDeleteTheme(),
|
|
1759
1796
|
deleteTheme = _useDeleteTheme.mutate,
|
|
1760
|
-
isDeleting = _useDeleteTheme.
|
|
1797
|
+
isDeleting = _useDeleteTheme.isPending;
|
|
1761
1798
|
var _useApplyTheme = useApplyTheme({
|
|
1762
1799
|
onSuccess: function onSuccess(_ref2) {
|
|
1763
1800
|
var theme = _ref2.theme;
|
|
1764
1801
|
setTheme(theme);
|
|
1802
|
+
highlightTheme(theme);
|
|
1765
1803
|
setThemeState({
|
|
1766
1804
|
previewingTheme: theme
|
|
1767
1805
|
});
|
|
@@ -1786,8 +1824,9 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
1786
1824
|
entityType: entityType
|
|
1787
1825
|
});
|
|
1788
1826
|
};
|
|
1789
|
-
var handleBackPress = function handleBackPress() {
|
|
1827
|
+
var handleBackPress = function handleBackPress(theme) {
|
|
1790
1828
|
setTheme(currentTheme);
|
|
1829
|
+
highlightTheme(neetoCist.isPresent(theme) ? theme : currentTheme);
|
|
1791
1830
|
setThemeState({
|
|
1792
1831
|
previewingTheme: currentTheme
|
|
1793
1832
|
});
|
|
@@ -1797,10 +1836,10 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
1797
1836
|
var highlightTheme = function highlightTheme(themeToHighlight) {
|
|
1798
1837
|
setTimeout(function () {
|
|
1799
1838
|
scrollElementIntoView(themeToHighlight.id);
|
|
1800
|
-
},
|
|
1839
|
+
}, 1000);
|
|
1801
1840
|
setTimeout(function () {
|
|
1802
1841
|
setThemeToHighlight(null);
|
|
1803
|
-
},
|
|
1842
|
+
}, 3500);
|
|
1804
1843
|
setThemeToHighlight(themeToHighlight.id);
|
|
1805
1844
|
};
|
|
1806
1845
|
var onCreateTheme = function onCreateTheme(createdTheme) {
|
|
@@ -1851,7 +1890,8 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
1851
1890
|
handleCreateNewTheme: function handleCreateNewTheme() {
|
|
1852
1891
|
return handleEditTheme({});
|
|
1853
1892
|
},
|
|
1854
|
-
isNewTheme: !((_themeToEdit$current = themeToEdit.current) !== null && _themeToEdit$current !== void 0 && _themeToEdit$current.id)
|
|
1893
|
+
isNewTheme: !((_themeToEdit$current = themeToEdit.current) !== null && _themeToEdit$current !== void 0 && _themeToEdit$current.id),
|
|
1894
|
+
themeToEdit: themeToEdit.current
|
|
1855
1895
|
}), currentScreen === DESIGN_SCREENS.THEMES ? /*#__PURE__*/jsxRuntime.jsx(Themes, {
|
|
1856
1896
|
currentTheme: currentTheme,
|
|
1857
1897
|
defaultThemes: defaultThemes,
|
|
@@ -1937,7 +1977,7 @@ var index = reactUtils.withTitle(NeetoThemesBuilder, i18next.t("neetoThemes.comm
|
|
|
1937
1977
|
|
|
1938
1978
|
var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
|
|
1939
1979
|
|
|
1940
|
-
var css = ".neeto-themes__wrapper{display:flex;width:100%}.neeto-themes__wrapper .neeto-themes-sidebar{background-color:rgb(var(--neeto-ui-white));height:calc(100vh - 64px);width:240px}@media (min-width:1024px){.neeto-themes__wrapper .neeto-themes-sidebar{width:280px}}@media (min-width:1280px){.neeto-themes__wrapper .neeto-themes-sidebar{width:320px}}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__header{padding-bottom:8px;padding-top:16px}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__scroll{height:calc(100vh - 120px);overflow-y:auto}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__scroll .neeto-ui-colorpicker__target .neeto-ui-colorpicker-target__code{display:none}.neeto-themes__wrapper .neeto-themes-preview__wrapper{flex-grow:1;height:calc(100vh - 64px);position:relative}.neeto-themes-theme-thumbnail--preview-active{border-color:rgb(var(--neeto-ui-gray-600))!important;outline:1px solid rgb(var(--neeto-ui-gray-600))!important}.neeto-themes-theme-thumbnail--active
|
|
1980
|
+
var css = ".neeto-themes__wrapper{display:flex;width:100%}.neeto-themes__wrapper .neeto-themes-sidebar{background-color:rgb(var(--neeto-ui-white));height:calc(100vh - 64px);width:240px}@media (min-width:1024px){.neeto-themes__wrapper .neeto-themes-sidebar{width:280px}}@media (min-width:1280px){.neeto-themes__wrapper .neeto-themes-sidebar{width:320px}}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__header{padding-bottom:8px;padding-top:16px}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__scroll{height:calc(100vh - 120px);overflow-y:auto}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__scroll .neeto-ui-colorpicker__target .neeto-ui-colorpicker-target__code{display:none}.neeto-themes__wrapper .neeto-themes-preview__wrapper{flex-grow:1;height:calc(100vh - 64px);position:relative}.neeto-themes-theme-thumbnail--preview-active{border-color:rgb(var(--neeto-ui-gray-600))!important;outline:1px solid rgb(var(--neeto-ui-gray-600))!important}.neeto-themes-theme-thumbnail--active{border-color:rgb(var(--neeto-ui-primary-500))!important;outline:2px solid rgb(var(--neeto-ui-primary-500))!important}.neeto-themes-theme-thumbnail--highlight-active{border-color:rgb(var(--neeto-ui-gray-400))!important;outline:2px solid rgb(var(--neeto-ui-gray-400))!important}.neeto-themes-theme-thumbnail__apply-btn{--neeto-ui-btn-padding-x:12px;--neeto-ui-btn-border-radius:100px}.neeto-themes-theme-thumbnail__apply-btn:disabled,.neeto-themes-theme-thumbnail__apply-btn[disabled]{opacity:1!important}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX3RoZW1lcy5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3R5bGVzaGVldHMvYXBwbGljYXRpb24uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx1QkFFRSxZQUFBLENBREEsVUNFRixDRENFLDZDQUdFLDJDQUFBLENBREEseUJBQUEsQ0FEQSxXQ0dKLENEQ0ksMEJBTEYsNkNBTUksV0NFSixDQUNGLENEREksMEJBUkYsNkNBU0ksV0NJSixDQUNGLENERkksMkVBRUUsa0JBQUEsQ0FEQSxnQkNLTixDRERJLDJFQUNFLDBCQUFBLENBQ0EsZUNHTixDREFRLDRJQUNFLFlDRVYsQ0RJRSxzREFHRSxXQUFBLENBREEseUJBQUEsQ0FEQSxpQkNBSixDRE1BLDhDQUNFLG9EQUFBLENBQ0EseURDSEYsQ0RNQSxzQ0FDRSx1REFBQSxDQUNBLDREQ0hGLENETUEsZ0RBQ0Usb0RBQUEsQ0FDQSx5RENIRixDRE1BLHlDQUNFLDZCQUFBLENBQ0Esa0NDSEYsQ0RJRSxxR0FFRSxtQkNISiIsInNvdXJjZXNDb250ZW50IjpbIi5uZWV0by10aGVtZXNfX3dyYXBwZXIge1xuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcblxuICAubmVldG8tdGhlbWVzLXNpZGViYXIge1xuICAgIHdpZHRoOiAkdGhlbWVzLXNpZGViYXItd2lkdGgtc207XG4gICAgaGVpZ2h0OiBjYWxjKDEwMHZoIC0gI3skYnVpbGRlci1oZWFkZXItaGVpZ2h0fSk7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXdoaXRlKSk7XG5cbiAgICBAc2NyZWVuIGxnIHtcbiAgICAgIHdpZHRoOiAkdGhlbWVzLXNpZGViYXItd2lkdGgtbGc7XG4gICAgfVxuICAgIEBzY3JlZW4geGwge1xuICAgICAgd2lkdGg6ICR0aGVtZXMtc2lkZWJhci13aWR0aC14bDtcbiAgICB9XG5cbiAgICAubmVldG8tdGhlbWVzLXNpZGViYXJfX2hlYWRlciB7XG4gICAgICBwYWRkaW5nLXRvcDogMTZweDtcbiAgICAgIHBhZGRpbmctYm90dG9tOiA4cHg7XG4gICAgfVxuXG4gICAgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19zY3JvbGwge1xuICAgICAgaGVpZ2h0OiBjYWxjKDEwMHZoIC0gMTIwcHgpO1xuICAgICAgb3ZlcmZsb3cteTogYXV0bztcblxuICAgICAgLm5lZXRvLXVpLWNvbG9ycGlja2VyX190YXJnZXQge1xuICAgICAgICAubmVldG8tdWktY29sb3JwaWNrZXItdGFyZ2V0X19jb2RlIHtcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgLm5lZXRvLXRoZW1lcy1wcmV2aWV3X193cmFwcGVyIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgaGVpZ2h0OiBjYWxjKDEwMHZoIC0gI3skYnVpbGRlci1oZWFkZXItaGVpZ2h0fSk7XG4gICAgZmxleC1ncm93OiAxO1xuICB9XG59XG5cbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsLS1wcmV2aWV3LWFjdGl2ZSB7XG4gIGJvcmRlci1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktNjAwKSkgIWltcG9ydGFudDtcbiAgb3V0bGluZTogMXB4IHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTYwMCkpICFpbXBvcnRhbnQ7XG59XG5cbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsLS1hY3RpdmUge1xuICBib3JkZXItY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1wcmltYXJ5LTUwMCkpICFpbXBvcnRhbnQ7XG4gIG91dGxpbmU6IDJweCBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktcHJpbWFyeS01MDApKSAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbC0taGlnaGxpZ2h0LWFjdGl2ZSB7XG4gIGJvcmRlci1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktNDAwKSkgIWltcG9ydGFudDtcbiAgb3V0bGluZTogMnB4IHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTQwMCkpICFpbXBvcnRhbnQ7XG59XG5cbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsX19hcHBseS1idG4ge1xuICAtLW5lZXRvLXVpLWJ0bi1wYWRkaW5nLXg6IDEycHg7XG4gIC0tbmVldG8tdWktYnRuLWJvcmRlci1yYWRpdXM6IDEwMHB4O1xuICAmOmRpc2FibGVkLFxuICAmW2Rpc2FibGVkXSB7XG4gICAgb3BhY2l0eTogMSAhaW1wb3J0YW50O1xuICB9XG59XG4iLCIubmVldG8tdGhlbWVzX193cmFwcGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG4ubmVldG8tdGhlbWVzX193cmFwcGVyIC5uZWV0by10aGVtZXMtc2lkZWJhciB7XG4gIHdpZHRoOiAyNDBweDtcbiAgaGVpZ2h0OiBjYWxjKDEwMHZoIC0gNjRweCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS13aGl0ZSkpO1xufVxuQHNjcmVlbiBsZyB7XG4gIC5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyIHtcbiAgICB3aWR0aDogMjgwcHg7XG4gIH1cbn1cbkBzY3JlZW4geGwge1xuICAubmVldG8tdGhlbWVzX193cmFwcGVyIC5uZWV0by10aGVtZXMtc2lkZWJhciB7XG4gICAgd2lkdGg6IDMyMHB4O1xuICB9XG59XG4ubmVldG8tdGhlbWVzX193cmFwcGVyIC5uZWV0by10aGVtZXMtc2lkZWJhciAubmVldG8tdGhlbWVzLXNpZGViYXJfX2hlYWRlciB7XG4gIHBhZGRpbmctdG9wOiAxNnB4O1xuICBwYWRkaW5nLWJvdHRvbTogOHB4O1xufVxuLm5lZXRvLXRoZW1lc19fd3JhcHBlciAubmVldG8tdGhlbWVzLXNpZGViYXIgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19zY3JvbGwge1xuICBoZWlnaHQ6IGNhbGMoMTAwdmggLSAxMjBweCk7XG4gIG92ZXJmbG93LXk6IGF1dG87XG59XG4ubmVldG8tdGhlbWVzX193cmFwcGVyIC5uZWV0by10aGVtZXMtc2lkZWJhciAubmVldG8tdGhlbWVzLXNpZGViYXJfX3Njcm9sbCAubmVldG8tdWktY29sb3JwaWNrZXJfX3RhcmdldCAubmVldG8tdWktY29sb3JwaWNrZXItdGFyZ2V0X19jb2RlIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cbi5uZWV0by10aGVtZXNfX3dyYXBwZXIgLm5lZXRvLXRoZW1lcy1wcmV2aWV3X193cmFwcGVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6IGNhbGMoMTAwdmggLSA2NHB4KTtcbiAgZmxleC1ncm93OiAxO1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbC0tcHJldmlldy1hY3RpdmUge1xuICBib3JkZXItY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTYwMCkpICFpbXBvcnRhbnQ7XG4gIG91dGxpbmU6IDFweCBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS02MDApKSAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbC0tYWN0aXZlIHtcbiAgYm9yZGVyLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktcHJpbWFyeS01MDApKSAhaW1wb3J0YW50O1xuICBvdXRsaW5lOiAycHggc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLXByaW1hcnktNTAwKSkgIWltcG9ydGFudDtcbn1cblxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWwtLWhpZ2hsaWdodC1hY3RpdmUge1xuICBib3JkZXItY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTQwMCkpICFpbXBvcnRhbnQ7XG4gIG91dGxpbmU6IDJweCBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS00MDApKSAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbF9fYXBwbHktYnRuIHtcbiAgLS1uZWV0by11aS1idG4tcGFkZGluZy14OiAxMnB4O1xuICAtLW5lZXRvLXVpLWJ0bi1ib3JkZXItcmFkaXVzOiAxMDBweDtcbn1cbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsX19hcHBseS1idG46ZGlzYWJsZWQsIC5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsX19hcHBseS1idG5bZGlzYWJsZWRdIHtcbiAgb3BhY2l0eTogMSAhaW1wb3J0YW50O1xufSJdfQ== */";
|
|
1941
1981
|
n(css,{});
|
|
1942
1982
|
|
|
1943
1983
|
exports.NeetoThemesBuilder = index;
|