rerobe-js-orm 2.9.2 → 2.9.4

package/lib/form-states/FormState.d.ts

@@ -7,5 +7,6 @@ export default abstract class FormState extends Base {
     multiSelectChangeHandler<T>(key: keyof FormStateObject, value: T): void;
     multiSelectMediaChangeHandler(key: keyof FormStateObject, fileArr: FileObj[]): void;
     onAddNewOptionToFormFieldOptions(key: keyof FormStateObject, option: FormFieldOption): void;
+    onSetNewFormFieldOptions(key: keyof FormStateObject, options: FormFieldOption[]): void;
     editExistingOption(key: keyof FormStateObject, oldOptionValue: string, option: FormFieldOption): void;
 }

package/lib/form-states/FormState.js

@@ -38,6 +38,11 @@ class FormState extends Base_1.default {
             }
         }
     }
+    onSetNewFormFieldOptions(key, options) {
+        const formField = this.fields[key];
+        const newOptions = this.utilities.uniqObjArray(options, 'value');
+        formField.options = newOptions;
+    }
     editExistingOption(key, oldOptionValue, option) {
         const formField = this.fields[key];
         const existingOptionIndex = formField.options && formField.options.findIndex((opt) => opt.value === oldOptionValue);

package/lib/form-states/Product/ProductFormState.d.ts

@@ -12,6 +12,12 @@ export default class ProductFormState extends FormState {
         taxonomy: {
             [key: string]: any;
         };
+        brands: string[];
+        colors: string[];
+        clothingSizes: string[];
+        jeanSizes: string[];
+        shoeSizes: string[];
+        conditions: string[];
     };
     constructor(props?: any, opts?: any);
     autoCreateTitle(): string;

package/lib/form-states/Product/ProductFormState.js

@@ -125,84 +125,10 @@ class ProductFormState extends FormState_1.default {
         this.fields.productStyle.valid = false;
         // Update clothingSize fields based on gender selected
         if (value === 'Woman') {
-            this.fields.clothingSize.options = [
-                {
-                    label: 'No Size',
-                    value: 'No Size',
-                },
-                {
-                    label: 'XXS (32)',
-                    value: 'XXS (32)',
-                },
-                {
-                    label: 'XS (34)',
-                    value: 'XS (34)',
-                },
-                {
-                    label: 'S (36)',
-                    value: 'S (36)',
-                },
-                {
-                    label: 'M (38)',
-                    value: 'M (38)',
-                },
-                {
-                    label: 'L (40)',
-                    value: 'L (40)',
-                },
-                {
-                    label: 'XL (42)',
-                    value: 'XL (42)',
-                },
-                {
-                    label: 'XXL (44)',
-                    value: 'XXL (44)',
-                },
-                {
-                    label: 'XXXL (46)',
-                    value: 'XXXL (46)',
-                },
-            ];
+            this.fields.clothingSize.options = options_1.womanClothingSizeOptions;
         }
         if (value === 'Man') {
-            this.fields.clothingSize.options = [
-                {
-                    label: 'No Size',
-                    value: 'No Size',
-                },
-                {
-                    label: 'XXS (42)',
-                    value: 'XXS (42)',
-                },
-                {
-                    label: 'XS (44)',
-                    value: 'XS (44)',
-                },
-                {
-                    label: 'S (46)',
-                    value: 'S (46)',
-                },
-                {
-                    label: 'M (48)',
-                    value: 'M (48)',
-                },
-                {
-                    label: 'L (50)',
-                    value: 'L (50)',
-                },
-                {
-                    label: 'XL (52)',
-                    value: 'XL (52)',
-                },
-                {
-                    label: 'XXL (54)',
-                    value: 'XXL (54)',
-                },
-                {
-                    label: 'XXXL (56)',
-                    value: 'XXXL (56)',
-                },
-            ];
+            this.fields.clothingSize.options = options_1.manClothingSizeOptions;
         }
         this.fields.clothingSize.hidden = true;
         this.fields.clothingSize.selectedValues = [];
@@ -487,6 +413,7 @@ class ProductFormState extends FormState_1.default {
         }
     }
     fieldFactory(fieldType, fieldKey, fieldOptions) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         let options = fieldOptions || [];
         let hidden = false;
         if (fieldType === 'singleSelect') {
@@ -552,35 +479,63 @@ class ProductFormState extends FormState_1.default {
             }
             if (fieldKey === 'jeanSize') {
                 hidden = this.props.productCategory !== 'Clothing' || this.props.productType !== 'Jeans';
+                let selectedJeanSizeOptions = [];
                 if (this.props.jeanSize) {
+                    selectedJeanSizeOptions = [{ label: this.props.jeanSize, value: this.props.jeanSize }];
                     if (!options.map((o) => o.value).includes(this.props.jeanSize)) {
-                        options.splice(0, 0, { label: this.props.jeanSize, value: this.props.jeanSize });
+                        options.splice(0, 0, ...selectedJeanSizeOptions);
                     }
                 }
+                if ((_b = (_a = this.opts) === null || _a === void 0 ? void 0 : _a.jeanSizes) === null || _b === void 0 ? void 0 : _b.length) {
+                    const jeanSizesOptions = this.opts.jeanSizes.map((t) => ({ label: t, value: t }));
+                    options = this.utilities.uniqObjArray([...selectedJeanSizeOptions, ...jeanSizesOptions], 'value');
+                }
             }
             if (fieldKey === 'shoeSize') {
                 hidden = this.props.productCategory !== 'Shoes';
+                let selectedShoeSizeOptions = [];
                 if (this.props.shoeSize) {
+                    selectedShoeSizeOptions = [{ label: this.props.shoeSize, value: this.props.shoeSize }];
                     if (!options.map((o) => o.value).includes(this.props.shoeSize)) {
-                        options.splice(0, 0, { label: this.props.shoeSize, value: this.props.shoeSize });
+                        options.splice(0, 0, ...selectedShoeSizeOptions);
                     }
                 }
+                if ((_d = (_c = this.opts) === null || _c === void 0 ? void 0 : _c.shoeSizes) === null || _d === void 0 ? void 0 : _d.length) {
+                    const shoeSizesOptions = this.opts.shoeSizes.map((t) => ({ label: t, value: t }));
+                    options = this.utilities.uniqObjArray([...selectedShoeSizeOptions, ...shoeSizesOptions], 'value');
+                }
             }
             if (fieldKey === 'brand') {
+                let selectedBrandOptions = [];
                 if (this.props.brand) {
+                    selectedBrandOptions = [{ label: this.props.brand, value: this.props.brand }];
                     if (!options.map((o) => o.value).includes(this.props.brand)) {
-                        options.splice(0, 0, { label: this.props.brand, value: this.props.brand });
+                        options.splice(0, 0, ...selectedBrandOptions);
                     }
                 }
+                if ((_f = (_e = this.opts) === null || _e === void 0 ? void 0 : _e.brands) === null || _f === void 0 ? void 0 : _f.length) {
+                    const brandsOptions = this.opts.brands.map((t) => ({ label: t, value: t }));
+                    options = this.utilities.uniqObjArray([...selectedBrandOptions, ...brandsOptions], 'value');
+                }
             }
             if (fieldKey === 'color') {
+                let selectedColorOptions = [];
                 if (this.props.color) {
+                    selectedColorOptions = [{ label: this.props.color, value: this.props.color }];
                     if (!options.map((o) => o.value).includes(this.props.color)) {
-                        options.splice(0, 0, { label: this.props.color, value: this.props.color });
+                        options.splice(0, 0, ...selectedColorOptions);
                     }
                 }
+                if ((_h = (_g = this.opts) === null || _g === void 0 ? void 0 : _g.colors) === null || _h === void 0 ? void 0 : _h.length) {
+                    const colorsOptions = this.opts.colors.map((t) => ({ label: t, value: t }));
+                    options = this.utilities.uniqObjArray([...selectedColorOptions, ...colorsOptions], 'value');
+                }
             }
             if (fieldKey === 'condition') {
+                if ((_k = (_j = this.opts) === null || _j === void 0 ? void 0 : _j.conditions) === null || _k === void 0 ? void 0 : _k.length) {
+                    const conditionsOptions = this.opts.conditions.map((t) => ({ label: t, value: t }));
+                    options = this.utilities.uniqObjArray(conditionsOptions, 'value');
+                }
                 onChangeHandler = (val) => this.conditionSelectHandler(val);
             }
             return {
@@ -623,84 +578,14 @@ class ProductFormState extends FormState_1.default {
             }
             if (fieldKey === 'clothingSize') {
                 if (this.props.gender === 'Woman') {
-                    options = [
-                        {
-                            label: 'No Size',
-                            value: 'No Size',
-                        },
-                        {
-                            label: 'XXS (32)',
-                            value: 'XXS (32)',
-                        },
-                        {
-                            label: 'XS (34)',
-                            value: 'XS (34)',
-                        },
-                        {
-                            label: 'S (36)',
-                            value: 'S (36)',
-                        },
-                        {
-                            label: 'M (38)',
-                            value: 'M (38)',
-                        },
-                        {
-                            label: 'L (40)',
-                            value: 'L (40)',
-                        },
-                        {
-                            label: 'XL (42)',
-                            value: 'XL (42)',
-                        },
-                        {
-                            label: 'XXL (44)',
-                            value: 'XXL (44)',
-                        },
-                        {
-                            label: 'XXXL (46)',
-                            value: 'XXXL (46)',
-                        },
-                    ];
+                    options = options_1.womanClothingSizeOptions;
                 }
                 if (this.props.gender === 'Man') {
-                    options = [
-                        {
-                            label: 'No Size',
-                            value: 'No Size',
-                        },
-                        {
-                            label: 'XXS (42)',
-                            value: 'XXS (42)',
-                        },
-                        {
-                            label: 'XS (44)',
-                            value: 'XS (44)',
-                        },
-                        {
-                            label: 'S (46)',
-                            value: 'S (46)',
-                        },
-                        {
-                            label: 'M (48)',
-                            value: 'M (48)',
-                        },
-                        {
-                            label: 'L (50)',
-                            value: 'L (50)',
-                        },
-                        {
-                            label: 'XL (52)',
-                            value: 'XL (52)',
-                        },
-                        {
-                            label: 'XXL (54)',
-                            value: 'XXL (54)',
-                        },
-                        {
-                            label: 'XXXL (56)',
-                            value: 'XXXL (56)',
-                        },
-                    ];
+                    options = options_1.manClothingSizeOptions;
+                }
+                if ((_m = (_l = this.opts) === null || _l === void 0 ? void 0 : _l.clothingSizes) === null || _m === void 0 ? void 0 : _m.length) {
+                    const clothingSizesOptions = this.opts.clothingSizes.map((t) => ({ label: t, value: t }));
+                    options = this.utilities.uniqObjArray(clothingSizesOptions, 'value');
                 }
                 hidden = this.props.productCategory !== 'Clothing' || this.props.productType === 'Jeans';
             }

package/lib/form-states/Product/options.d.ts

@@ -16,6 +16,14 @@ export const clothingSizeOptions: {
     label: string;
     value: string;
 }[];
+export const womanClothingSizeOptions: {
+    label: string;
+    value: string;
+}[];
+export const manClothingSizeOptions: {
+    label: string;
+    value: string;
+}[];
 export const sizeCommentOptions: {
     label: string;
     value: string;

package/lib/form-states/Product/options.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.minorDefectOptions = exports.majorDefectOptions = exports.productOptions = exports.productIsOnSaleOptions = exports.discountTypeOptions = exports.salesChannelOptions = exports.unisexJewelry = exports.mensJewelry = exports.jewelry = exports.unisexAccessories = exports.mensAccessories = exports.accessories = exports.unisexBags = exports.mensBags = exports.bags = exports.unisexShoes = exports.mensShoes = exports.shoes = exports.unisexClothing = exports.mensClothing = exports.clothing = exports.productCategories = exports.clothingMaterials = exports.shoeSizes = exports.jeanSizes = exports.gender = exports.conditions = exports.colors = exports.brands = exports.sizeCommentOptions = exports.clothingSizeOptions = exports.statusOptions = exports.publishTypeOptions = exports.availableForSaleOptions = void 0;
+exports.minorDefectOptions = exports.majorDefectOptions = exports.productOptions = exports.productIsOnSaleOptions = exports.discountTypeOptions = exports.salesChannelOptions = exports.unisexJewelry = exports.mensJewelry = exports.jewelry = exports.unisexAccessories = exports.mensAccessories = exports.accessories = exports.unisexBags = exports.mensBags = exports.bags = exports.unisexShoes = exports.mensShoes = exports.shoes = exports.unisexClothing = exports.mensClothing = exports.clothing = exports.productCategories = exports.clothingMaterials = exports.shoeSizes = exports.jeanSizes = exports.gender = exports.conditions = exports.colors = exports.brands = exports.sizeCommentOptions = exports.manClothingSizeOptions = exports.womanClothingSizeOptions = exports.clothingSizeOptions = exports.statusOptions = exports.publishTypeOptions = exports.availableForSaleOptions = void 0;
 const product_constants_1 = require("../../constants/product-constants");
 const lodash_1 = require("lodash");
 const availableForSaleOptions = [
@@ -73,6 +73,84 @@ const clothingSizeOptions = [
     },
 ];
 exports.clothingSizeOptions = clothingSizeOptions;
+const womanClothingSizeOptions = [
+    {
+        label: 'No Size',
+        value: 'No Size',
+    },
+    {
+        label: 'XXS (32)',
+        value: 'XXS (32)',
+    },
+    {
+        label: 'XS (34)',
+        value: 'XS (34)',
+    },
+    {
+        label: 'S (36)',
+        value: 'S (36)',
+    },
+    {
+        label: 'M (38)',
+        value: 'M (38)',
+    },
+    {
+        label: 'L (40)',
+        value: 'L (40)',
+    },
+    {
+        label: 'XL (42)',
+        value: 'XL (42)',
+    },
+    {
+        label: 'XXL (44)',
+        value: 'XXL (44)',
+    },
+    {
+        label: 'XXXL (46)',
+        value: 'XXXL (46)',
+    },
+];
+exports.womanClothingSizeOptions = womanClothingSizeOptions;
+const manClothingSizeOptions = [
+    {
+        label: 'No Size',
+        value: 'No Size',
+    },
+    {
+        label: 'XXS (42)',
+        value: 'XXS (42)',
+    },
+    {
+        label: 'XS (44)',
+        value: 'XS (44)',
+    },
+    {
+        label: 'S (46)',
+        value: 'S (46)',
+    },
+    {
+        label: 'M (48)',
+        value: 'M (48)',
+    },
+    {
+        label: 'L (50)',
+        value: 'L (50)',
+    },
+    {
+        label: 'XL (52)',
+        value: 'XL (52)',
+    },
+    {
+        label: 'XXL (54)',
+        value: 'XXL (54)',
+    },
+    {
+        label: 'XXXL (56)',
+        value: 'XXXL (56)',
+    },
+];
+exports.manClothingSizeOptions = manClothingSizeOptions;
 const sizeCommentOptions = [
     {
         label: 'Small in size',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rerobe-js-orm",
-  "version": "2.9.2",
+  "version": "2.9.4",
   "description": "ReRobe's Javascript ORM Framework",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",