@plusscommunities/pluss-feature-builder-web-b 1.0.2-beta.4 → 1.0.2-beta.6
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 +188 -144
- package/package.json +1 -1
- package/src/actions/featureDefinitionsIndex.js +15 -15
- package/src/actions/formActions.js +148 -158
- package/src/actions/listingActions.js +27 -25
- package/src/actions/wizardActions.js +174 -189
- package/src/components/BaseFieldConfig.jsx +234 -234
- package/src/components/IconLoader.jsx +138 -138
- package/src/components/IconSelector.jsx +0 -1
- package/src/components/ListingEditor.jsx +0 -1
- package/src/components/SidebarLayout.jsx +47 -25
- package/src/components/SidebarLayout.module.css +0 -34
- package/src/components/index.js +0 -2
- package/src/components/listing/GalleryDisplay.jsx +0 -1
- package/src/components/listing/ListingGalleryInput.jsx +4 -1
- package/src/hooks/useFeatureDefinitionLoader.js +6 -2
- package/src/index.js +6 -6
- package/src/reducers/featureBuilderReducer.js +14 -25
- package/src/screens/Form.module.css +11 -1
- package/src/screens/FormLayoutStep.jsx +10 -13
- package/src/screens/FormOverviewStep.jsx +351 -357
- package/src/screens/ListingScreen.jsx +0 -1
- package/src/selectors/featureBuilderSelectors.js +52 -43
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useEffect
|
|
1
|
+
import React, { useEffect } from "react";
|
|
2
2
|
import { SidebarLayout } from "../components/SidebarLayout.jsx";
|
|
3
3
|
import { values } from "../values.config.js";
|
|
4
4
|
import { PlussCore } from "../feature.config";
|
|
@@ -7,10 +7,8 @@ import {
|
|
|
7
7
|
Text,
|
|
8
8
|
Button,
|
|
9
9
|
LoadingState,
|
|
10
|
-
SkeletonLoader,
|
|
11
10
|
IconLoader,
|
|
12
11
|
ErrorBoundary,
|
|
13
|
-
CenteredContainer,
|
|
14
12
|
FeatureBuilderSuccessPopup,
|
|
15
13
|
} from "../components";
|
|
16
14
|
import ToastContainer from "../components/ToastContainer.jsx";
|
|
@@ -20,7 +18,6 @@ import {
|
|
|
20
18
|
setGridLayoutIcon,
|
|
21
19
|
submitForm,
|
|
22
20
|
clearFormSubmissionState,
|
|
23
|
-
setDisplayName,
|
|
24
21
|
setInitialValues,
|
|
25
22
|
} from "../actions/formActions";
|
|
26
23
|
import {
|
|
@@ -30,7 +27,6 @@ import {
|
|
|
30
27
|
selectIsEditMode,
|
|
31
28
|
selectIsStepValid,
|
|
32
29
|
selectStepErrors,
|
|
33
|
-
selectCurrentStep,
|
|
34
30
|
selectFormIsSubmitting,
|
|
35
31
|
selectFormSubmitError,
|
|
36
32
|
selectFormSubmitSuccess,
|
|
@@ -61,8 +57,7 @@ const FormLayoutStepInner = (props) => {
|
|
|
61
57
|
const isEditMode = useSelector(selectIsEditMode);
|
|
62
58
|
|
|
63
59
|
// Use custom hook to handle definition loading
|
|
64
|
-
const { definition, definitionIsLoading
|
|
65
|
-
useFeatureDefinitionLoader();
|
|
60
|
+
const { definition, definitionIsLoading } = useFeatureDefinitionLoader();
|
|
66
61
|
|
|
67
62
|
// Get form initialization state
|
|
68
63
|
const isFormInitial = useSelector(selectFormIsInitial);
|
|
@@ -145,25 +140,29 @@ const FormLayoutStepInner = (props) => {
|
|
|
145
140
|
value: "round",
|
|
146
141
|
title: "Round Images",
|
|
147
142
|
description: "Round photos in a grid",
|
|
148
|
-
image:
|
|
143
|
+
image:
|
|
144
|
+
"https://pluss-prd-uploads.s3.ap-southeast-2.amazonaws.com/uploads/users/ap-southeast-2:b5bebf26-ee4c-c29c-88c8-ec859245e17b/public/b8156f584c92a0edbe13a8e05d/fblayoutround.png",
|
|
149
145
|
},
|
|
150
146
|
{
|
|
151
147
|
value: "condensed",
|
|
152
148
|
title: "Compact List",
|
|
153
149
|
description: "Small photos in a list",
|
|
154
|
-
image:
|
|
150
|
+
image:
|
|
151
|
+
"https://pluss-prd-uploads.s3.ap-southeast-2.amazonaws.com/uploads/users/ap-southeast-2:b5bebf26-ee4c-c29c-88c8-ec859245e17b/public/dfec30d342249a4073e5ffc6b8/fblayoutcompact.png",
|
|
155
152
|
},
|
|
156
153
|
{
|
|
157
154
|
value: "square",
|
|
158
155
|
title: "Square Images",
|
|
159
156
|
description: "Square photos in a grid",
|
|
160
|
-
image:
|
|
157
|
+
image:
|
|
158
|
+
"https://pluss-prd-uploads.s3.ap-southeast-2.amazonaws.com/uploads/users/ap-southeast-2:b5bebf26-ee4c-c29c-88c8-ec859245e17b/public/771e4626462a93041746a746c8/fblayoutsquare.png",
|
|
161
159
|
},
|
|
162
160
|
{
|
|
163
161
|
value: "feature",
|
|
164
162
|
title: "Large Photos",
|
|
165
163
|
description: "Big photos with details",
|
|
166
|
-
image:
|
|
164
|
+
image:
|
|
165
|
+
"https://pluss-prd-uploads.s3.ap-southeast-2.amazonaws.com/uploads/users/ap-southeast-2:b5bebf26-ee4c-c29c-88c8-ec859245e17b/public/f48acc614508ba246186b12845/fblayoutcardslarge.png",
|
|
167
166
|
},
|
|
168
167
|
];
|
|
169
168
|
|
|
@@ -314,10 +313,8 @@ const FormLayoutStepInner = (props) => {
|
|
|
314
313
|
onChange={() => { }} // Disabled
|
|
315
314
|
onRemove={() => { }} // Disabled
|
|
316
315
|
featureId={definitionId || "new"}
|
|
317
|
-
|
|
318
316
|
/>
|
|
319
317
|
|
|
320
|
-
|
|
321
318
|
<Text type="help" color="#6c757d" className="marginTop-16">
|
|
322
319
|
We're working on bringing the ability to use custom grid icons
|
|
323
320
|
</Text>
|