@wayke-se/components-react 3.0.0-beta.8 → 3.0.0

package/dist-src/providers/WaykeItemProvidet.js

@@ -2,19 +2,15 @@ import React from 'react';
 import GraphqlProvider from './graphqlProvider';
 import Theme from './themeProvider';
 import Root from '../components/Root/index';
-import useEcom from '../hooks/useEcom';
 import SettingsProvider from '../State/Settings/SettingsProvider';
 import RelatedSearchProvider from '../State/RelatedSearch/RelatedSearchProvider';
 import CentralStorageProvider from '../State/CentralStorage/CentralStorageProvider';
 import PathProvider from '../State/Path/PathProvider';
-const WaykeItemProvider = ({ url, urlMlt, apiKey, ecomSettings, graphQlUrl, googleMapsApiKey, googleMapsMarker, children, }) => {
-    useEcom(ecomSettings);
-    return (React.createElement(PathProvider, null,
-        React.createElement(SettingsProvider, { googleMapsApiKey: googleMapsApiKey, googleMapsMarker: googleMapsMarker, ecomSettings: ecomSettings },
-            React.createElement(CentralStorageProvider, null,
-                React.createElement(GraphqlProvider, { uri: graphQlUrl },
-                    React.createElement(RelatedSearchProvider, { url: url, urlMlt: urlMlt, apiKey: apiKey },
-                        React.createElement(Theme, null,
-                            React.createElement(Root, null, children))))))));
-};
+const WaykeItemProvider = ({ url, urlMlt, apiKey, ecomSettings, graphQlUrl, googleMapsApiKey, googleMapsMarker, children, }) => (React.createElement(PathProvider, null,
+    React.createElement(SettingsProvider, { googleMapsApiKey: googleMapsApiKey, googleMapsMarker: googleMapsMarker, ecomSettings: ecomSettings },
+        React.createElement(CentralStorageProvider, null,
+            React.createElement(GraphqlProvider, { uri: graphQlUrl },
+                React.createElement(RelatedSearchProvider, { url: url, urlMlt: urlMlt, apiKey: apiKey },
+                    React.createElement(Theme, null,
+                        React.createElement(Root, null, children))))))));
 export default WaykeItemProvider;

package/dist-src/providers/WaykeProvider.js

@@ -3,20 +3,16 @@ import GraphqlProvider from './graphqlProvider';
 import Theme from './themeProvider';
 import SearchProvider from '../State/Search/SearchProvider';
 import Root from '../components/Root/index';
-import useEcom from '../hooks/useEcom';
 import SettingsProvider from '../State/Settings/SettingsProvider';
 import RelatedSearchProvider from '../State/RelatedSearch/RelatedSearchProvider';
 import CentralStorageProvider from '../State/CentralStorage/CentralStorageProvider';
 import PathProvider from '../State/Path/PathProvider';
-const WaykeProvider = ({ url, urlMlt, apiKey, ecomSettings, graphQlUrl, googleMapsApiKey, googleMapsMarker, useQueryParamsFromUrl, pathRoute, children, }) => {
-    useEcom(ecomSettings);
-    return (React.createElement(PathProvider, null,
-        React.createElement(SettingsProvider, { googleMapsApiKey: googleMapsApiKey, googleMapsMarker: googleMapsMarker, ecomSettings: ecomSettings },
-            React.createElement(CentralStorageProvider, null,
-                React.createElement(GraphqlProvider, { uri: graphQlUrl },
-                    React.createElement(SearchProvider, { url: url, apiKey: apiKey, useQueryParamsFromUrl: useQueryParamsFromUrl, pathRoute: pathRoute },
-                        React.createElement(RelatedSearchProvider, { url: url, urlMlt: urlMlt, apiKey: apiKey },
-                            React.createElement(Theme, null,
-                                React.createElement(Root, null, children)))))))));
-};
+const WaykeProvider = ({ url, urlMlt, apiKey, ecomSettings, graphQlUrl, googleMapsApiKey, googleMapsMarker, useQueryParamsFromUrl, pathRoute, children, }) => (React.createElement(PathProvider, null,
+    React.createElement(SettingsProvider, { googleMapsApiKey: googleMapsApiKey, googleMapsMarker: googleMapsMarker, ecomSettings: ecomSettings },
+        React.createElement(CentralStorageProvider, null,
+            React.createElement(GraphqlProvider, { uri: graphQlUrl },
+                React.createElement(SearchProvider, { url: url, apiKey: apiKey, useQueryParamsFromUrl: useQueryParamsFromUrl, pathRoute: pathRoute },
+                    React.createElement(RelatedSearchProvider, { url: url, urlMlt: urlMlt, apiKey: apiKey },
+                        React.createElement(Theme, null,
+                            React.createElement(Root, null, children)))))))));
 export default WaykeProvider;

package/dist-src/utils/phonenumbers.js

@@ -4,7 +4,7 @@ const typedMetadata = metadata;
 export const formatPhonenumber = (text) => {
     try {
         const parsed = parsePhoneNumberFromString(text.replace('-', '').replace(/ /g, ''), typedMetadata);
-        return (parsed === null || parsed === void 0 ? void 0 : parsed.formatNational()) || text;
+        return parsed?.formatNational() || text;
     }
     catch (e) {
         return text;

package/dist-src/utils/specification.js

@@ -137,10 +137,7 @@ const specLabels = {
     },
     height: {
         label: 'Längd/höjd/bredd',
-        formatData: (_, data) => {
-            var _a, _b, _c;
-            return `${((_a = data === null || data === void 0 ? void 0 : data.properties) === null || _a === void 0 ? void 0 : _a.length) || '-'} cm/${((_b = data === null || data === void 0 ? void 0 : data.properties) === null || _b === void 0 ? void 0 : _b.height) || '-'} cm/${((_c = data === null || data === void 0 ? void 0 : data.properties) === null || _c === void 0 ? void 0 : _c.width) || '-'} cm`;
-        },
+        formatData: (_, data) => `${data?.properties?.length || '-'} cm/${data?.properties?.height || '-'} cm/${data?.properties?.width || '-'} cm`,
     },
     serviceWeight: {
         label: 'Tjänstevikt',
@@ -437,14 +434,13 @@ const All = [
     'annualBonus',
 ];
 const extractSpecData = (key, item) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
     const spec = specLabels[key];
     let data = null;
     if (!!item[key] || (item[key] || -1) > -1) {
         data = item[key];
     }
-    else if (!!((_a = item === null || item === void 0 ? void 0 : item.properties) === null || _a === void 0 ? void 0 : _a[key]) ||
-        (typeof ((_b = item === null || item === void 0 ? void 0 : item.properties) === null || _b === void 0 ? void 0 : _b[key]) === 'number' && (((_c = item === null || item === void 0 ? void 0 : item.properties) === null || _c === void 0 ? void 0 : _c[key]) || -1) > -1)) {
+    else if (!!item?.properties?.[key] ||
+        (typeof item?.properties?.[key] === 'number' && (item?.properties?.[key] || -1) > -1)) {
         data = item.properties[key];
     }
     if (!spec || !data) {
@@ -466,23 +462,23 @@ const extractSpecData = (key, item) => {
     }
     const modal = spec.modal ? { title: '', text: '' } : undefined;
     if (modal) {
-        if ((_d = spec.modal) === null || _d === void 0 ? void 0 : _d.dynamicTitle) {
+        if (spec.modal?.dynamicTitle) {
             modal.title = spec.modal.dynamicTitle(item);
         }
-        else if ((_e = spec.modal) === null || _e === void 0 ? void 0 : _e.title) {
+        else if (spec.modal?.title) {
             modal.title = spec.modal.title;
         }
-        if ((_f = spec.modal) === null || _f === void 0 ? void 0 : _f.dynamicText) {
+        if (spec.modal?.dynamicText) {
             modal.text = spec.modal.dynamicText(item);
         }
-        else if ((_g = spec.modal) === null || _g === void 0 ? void 0 : _g.text) {
+        else if (spec.modal?.text) {
             modal.text = spec.modal.text;
         }
-        if ((_h = spec.modal) === null || _h === void 0 ? void 0 : _h.concatPropValue) {
+        if (spec.modal?.concatPropValue) {
             const concatObj = spec.modal.concatPropValue === key
                 ? { value }
                 : extractSpecData(spec.modal.concatPropValue, item);
-            if (concatObj === null || concatObj === void 0 ? void 0 : concatObj.value) {
+            if (concatObj?.value) {
                 modal.text = modal.text.replace('{insertValue}', concatObj.value);
             }
             else if (spec.modal.nonConcatablePropValue) {

package/dist-src/utils/vehicle-properties/property-tree-creator.js

@@ -1,13 +1,13 @@
 class PropertyTreeCreator {
     constructor(properties) {
-        this.propertiesWithCategory = (propertyKey) => { var _a; return !!((_a = this.properties[propertyKey].category) === null || _a === void 0 ? void 0 : _a.id); };
+        this.propertiesWithCategory = (propertyKey) => !!this.properties[propertyKey].category?.id;
         this.propertiesWithoutCategory = (propertyKey) => !this.propertiesWithCategory(propertyKey);
         this.isList = (property) => property.type === PropertyTreeCreator.TEXT_LIST_TYPE;
         this.isNonList = (property) => !this.isList(property);
-        this.hasCategoryWithId = (propertyKey, categoryId) => { var _a; return ((_a = this.properties[propertyKey].category) === null || _a === void 0 ? void 0 : _a.id) === categoryId; };
-        this.propertiesWithSubCategory = (propertyKey) => { var _a, _b; return !!((_b = (_a = this.properties[propertyKey].category) === null || _a === void 0 ? void 0 : _a.subCategory) === null || _b === void 0 ? void 0 : _b.id); };
+        this.hasCategoryWithId = (propertyKey, categoryId) => this.properties[propertyKey].category?.id === categoryId;
+        this.propertiesWithSubCategory = (propertyKey) => !!this.properties[propertyKey].category?.subCategory?.id;
         this.propertiesWithoutSubCategory = (propertyKey) => !this.propertiesWithSubCategory(propertyKey);
-        this.hasSubCategoryWithId = (propertyKey, categoryId) => { var _a, _b; return ((_b = (_a = this.properties[propertyKey].category) === null || _a === void 0 ? void 0 : _a.subCategory) === null || _b === void 0 ? void 0 : _b.id) === categoryId; };
+        this.hasSubCategoryWithId = (propertyKey, categoryId) => this.properties[propertyKey].category?.subCategory?.id === categoryId;
         this.properties = properties;
     }
     create() {
@@ -74,7 +74,7 @@ class PropertyTreeCreator {
         const categories = Object.keys(this.properties)
             .filter((key) => this.hasCategoryWithId(key, id))
             .filter(this.propertiesWithSubCategory)
-            .map((key) => { var _a; return (_a = this.properties[key].category) === null || _a === void 0 ? void 0 : _a.subCategory; })
+            .map((key) => this.properties[key].category?.subCategory)
             .filter(PropertyTreeCreator.distinctCategories);
         return categories;
     }

package/dist-types/components/InputSearch/index.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
-declare const InputSearch: React.ForwardRefExoticComponent<Pick<React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement> & {
+declare type InputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+declare type Props = InputProps & {
     placeholder: string;
     label: string;
-    value?: string | undefined;
+    value?: string;
     id: string;
     onSearch: () => void;
-}, "label" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "onSearch"> & React.RefAttributes<HTMLDivElement>>;
+};
+declare const InputSearch: React.ForwardRefExoticComponent<Pick<Props, "label" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "onSearch"> & React.RefAttributes<HTMLDivElement>>;
 export default InputSearch;

package/dist-types/components/RangeSlider/handle.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+/// <reference types="react" />
 import { SliderItem, GetHandleProps } from 'react-compound-slider';
 interface IHandleProps {
     domain: number[];
     handle: SliderItem;
     getHandleProps: GetHandleProps;
 }
-export declare const Handle: React.SFC<IHandleProps>;
+export declare const Handle: ({ domain: [min, max], handle: { id, value, percent }, getHandleProps, }: IHandleProps) => JSX.Element;
 export {};

package/dist-types/components/RangeSlider/track.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+/// <reference types="react" />
 import { SliderItem, GetTrackProps } from 'react-compound-slider';
 interface ITrackProps {
     source: SliderItem;
     target: SliderItem;
     getTrackProps: GetTrackProps;
 }
-export declare const Track: React.SFC<ITrackProps>;
+export declare const Track: ({ source, target, getTrackProps }: ITrackProps) => JSX.Element;
 export {};