@threekit-tools/treble 0.0.60 → 0.0.63

package/dist/utils.d.ts

@@ -1,6 +1,7 @@
-import { IThreekitCamera, IConfigurationColor, ICoordinates, IQuaternion, IThreekitDisplayAttribute } from './threekit';
+import { IThreekitCamera, IConfigurationColor, ICoordinates, IQuaternion, IThreekitDisplayAttribute, ISetConfiguration, IHydratedAttribute } from './threekit';
 import { ITrebleConfig, IAttributeTypes } from './threekit';
 import { RawAttributeValue } from './hooks/useAttribute';
+import { ITranslationMap } from './api/products';
 interface ICameraPosition {
     position: ICoordinates;
     quaternion: IQuaternion;
@@ -46,6 +47,11 @@ export declare const downloadSnapshot: (snapshot: string, filename: string) => P
 export declare const copyToClipboard: (data: string | Record<string, string | number | boolean>) => void;
 export declare const easeInOutCubic: (val: number) => number;
 export declare const metadataValueToObject: (data: string) => Record<string, string | number>;
+export declare const hydrateAttribute: (data: [
+    Record<string, IThreekitDisplayAttribute>,
+    undefined | ITranslationMap,
+    undefined | string
+], optionSelectionHandler: (config: ISetConfiguration) => Promise<void>) => Record<string, IHydratedAttribute>;
 export declare const selectionToConfiguration: (value: RawAttributeValue, attributeType: IAttributeTypes) => string | number | boolean | File | IConfigurationColor | {
     assetId: RawAttributeValue;
 } | undefined;

package/dist/utils.js

@@ -45,7 +45,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadTrebleConfig = exports.isUuid = exports.filterFormAttributes = exports.selectionToConfiguration = exports.metadataValueToObject = exports.easeInOutCubic = exports.copyToClipboard = exports.downloadSnapshot = exports.dataURItoFile = exports.dataURItoBlob = exports.setCameraPosition = exports.getCameraPosition = exports.findHitNode = exports.deflateRgb = exports.inflateRgb = exports.rgbToHex = exports.hexToRgb = exports.regularToKebabCase = exports.deepCompare = exports.shallowCompare = exports.getResumableUrl = exports.getParams = exports.objectToQueryStr = exports.isJsonString = exports.generateFormClassName = exports.generateDisplayClassName = exports.generateToolClassName = exports.generateLayoutClassName = exports.generateWidgetClassName = exports.generateInputClassName = exports.generateClassName = void 0;
+exports.loadTrebleConfig = exports.isUuid = exports.filterFormAttributes = exports.selectionToConfiguration = exports.hydrateAttribute = exports.metadataValueToObject = exports.easeInOutCubic = exports.copyToClipboard = exports.downloadSnapshot = exports.dataURItoFile = exports.dataURItoBlob = exports.setCameraPosition = exports.getCameraPosition = exports.findHitNode = exports.deflateRgb = exports.inflateRgb = exports.rgbToHex = exports.hexToRgb = exports.regularToKebabCase = exports.deepCompare = exports.shallowCompare = exports.getResumableUrl = exports.getParams = exports.objectToQueryStr = exports.isJsonString = exports.generateFormClassName = exports.generateDisplayClassName = exports.generateToolClassName = exports.generateLayoutClassName = exports.generateWidgetClassName = exports.generateInputClassName = exports.generateClassName = void 0;
 var constants_1 = require("./constants");
 var generateClassName = function (baseClass) {
     return function (component, customClassName, title) {
@@ -309,6 +309,58 @@ var metadataValueToObject = function (data) {
     }, {});
 };
 exports.metadataValueToObject = metadataValueToObject;
+var hydrateAttribute = function (data, optionSelectionHandler) {
+    var attributes = data[0], translations = data[1], language = data[2];
+    var hasTranslation = !!language && !!translations;
+    return Object.values(attributes).reduce(function (output, attribute) {
+        var _a;
+        var _b;
+        return Object.assign(output, (_a = {},
+            _a[attribute.name] = Object.assign({}, attribute, {
+                label: hasTranslation
+                    ? ((_b = translations === null || translations === void 0 ? void 0 : translations[attribute.name]) === null || _b === void 0 ? void 0 : _b[language]) || attribute.name
+                    : attribute.name,
+            }, attribute.type === 'String'
+                ? {
+                    values: attribute.values.map(function (el) {
+                        var _a;
+                        return Object.assign({}, el, {
+                            label: hasTranslation
+                                ? ((_a = translations === null || translations === void 0 ? void 0 : translations[el.label]) === null || _a === void 0 ? void 0 : _a[language]) || el.label
+                                : el.label,
+                            handleSelect: function () {
+                                var _a;
+                                return optionSelectionHandler((_a = {},
+                                    _a[attribute.name] = el.value,
+                                    _a));
+                            },
+                            selected: attribute.value === el.value,
+                        });
+                    }),
+                }
+                : attribute.type === 'Asset'
+                    ? {
+                        values: attribute.values.map(function (el) {
+                            var _a;
+                            return Object.assign({}, el, {
+                                label: hasTranslation
+                                    ? ((_a = translations === null || translations === void 0 ? void 0 : translations[el.name]) === null || _a === void 0 ? void 0 : _a[language]) || el.name
+                                    : el.name,
+                                handleSelect: function () {
+                                    var _a;
+                                    return optionSelectionHandler((_a = {},
+                                        _a[attribute.name] = { assetId: el.assetId },
+                                        _a));
+                                },
+                                selected: attribute.value.assetId === el.assetId,
+                            });
+                        }),
+                    }
+                    : undefined),
+            _a));
+    }, {});
+};
+exports.hydrateAttribute = hydrateAttribute;
 var selectionToConfiguration = function (value, attributeType) {
     switch (attributeType) {
         case constants_1.ATTRIBUTE_TYPES.number:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threekit-tools/treble",
-  "version": "0.0.60",
+  "version": "0.0.63",
   "author": "Amaan Saeed",
   "license": "MIT",
   "files": [