intelicoreact 1.5.41 → 1.6.0

package/dist/Molecular/InputAddress/InputAddress.scss

@@ -1,4 +1,4 @@
-@import "../../scss/vars";
+@use "../../scss/vars";
 
 .input-address {
   position: relative;
@@ -109,8 +109,7 @@
       box-sizing: border-box;
       max-height: 100%;
       margin: 0;
-      padding: 0 $spacing-m;
-      padding-bottom: 40px;
+      padding: 0 vars.$spacing-m 40px;
 
       border: unset;
       border-radius: unset;
@@ -247,14 +246,14 @@
         bottom: 0;
 
         box-sizing: border-box;
-        width: calc(100% - $spacing-m);
+        width: calc(100% - #{vars.$spacing-m});
         height: 500px;
         max-height: 500px;
-        margin: 0 $spacing-s $spacing-s;
+        margin: 0 vars.$spacing-s vars.$spacing-s;
         padding-bottom: 40px;
 
-        border-radius: $radii-l;
-        background: $color--light;
+        border-radius: vars.$radii-l;
+        background: vars.$color--light;
         box-shadow: 0px 24px 50px -10px rgba(0, 0, 0, 0.25);
 
         animation-name: slideup;
@@ -267,9 +266,9 @@
         display: flex;
         flex-direction: column;
         justify-content: space-between;
-        gap: $spacing-m;
+        gap: vars.$spacing-m;
 
-        padding: $spacing-m;
+        padding: vars.$spacing-m;
 
         font-size: 16px;
         font-weight: 600;
@@ -295,7 +294,7 @@
             align-items: center;
 
             width: 100%;
-            padding-right: $spacing-s;
+            padding-right: vars.$spacing-s;
 
             border: 1px solid var(--form-input-border, #e1e8f1);
             border-radius: 6px;
@@ -314,7 +313,7 @@
             width: 24px;
             min-width: 24px;
             height: 24px;
-            padding: $spacing-xs;
+            padding: vars.$spacing-xs;
 
             border-radius: 2px;
             background: var(--bg-gray-box, #f0f1f4);
@@ -379,7 +378,7 @@
         box-sizing: border-box;
         width: 50px;
         height: 50px;
-        padding: $spacing-m;
+        padding: vars.$spacing-m;
 
         svg {
           width: 16px;
@@ -403,8 +402,7 @@
 
           box-sizing: border-box;
           height: 40px;
-          padding: 0px 8px;
-          padding-right: 40px;
+          padding: 0px 40px 0px 8px;
 
           border: 1px solid var(--Form-Input-Border, #e1e8f1);
           border-radius: 6px;

package/dist/Molecular/InputAddress/InputAddress.stories.js

@@ -0,0 +1,541 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    InputTemplate: function() {
+        return InputTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _InputAddress = /*#__PURE__*/ _interop_require_default(require("./InputAddress"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+global.lng = 'en';
+const _default = {
+    title: 'Form Elements/InputAddress',
+    component: _InputAddress.default,
+    argTypes: {}
+};
+const Template = (args)=>{
+    const [value, setValue] = (0, _react.useState)('');
+    function shuffle(arr) {
+        for(var i = 0; i < arr.length; i++){
+            var j = Math.floor(Math.random() * (i + 1));
+            var tmp = arr[i];
+            arr[i] = arr[j];
+            arr[j] = tmp;
+        }
+        return arr.map(function(item, index) {
+            return item;
+        });
+    }
+    const getListItems = ()=>{
+        const max = 14;
+        const min = 0;
+        const itemsLen = 100; //Math.ceil(Math.random() * (max - min) + min);
+        const items = [
+            {
+                "fullPrediction": "25 State Rd 13, Fruit Cove, FL 32259, USA",
+                "streetNumber": "25",
+                "street": {
+                    "fullName": "State Road 13",
+                    "shortName": "State Rd 13"
+                },
+                "city": {
+                    "fullName": "Fruit Cove",
+                    "shortName": "Fruit Cove"
+                },
+                "state": {
+                    "fullName": "Florida",
+                    "shortName": "FL"
+                },
+                "country": {
+                    "fullName": "United States",
+                    "shortName": "US"
+                },
+                "zipCode": "32259"
+            },
+            {
+                "fullPrediction": "Peachtree Pl NE, Atlanta, GA 30309, USA",
+                "streetNumber": null,
+                "street": {
+                    "fullName": "Peachtree Place Northeast",
+                    "shortName": "Peachtree Place Northeast"
+                },
+                "city": {
+                    "fullName": "Atlanta",
+                    "shortName": "Atlanta"
+                },
+                "state": {
+                    "fullName": "Georgia",
+                    "shortName": "GA"
+                },
+                "country": {
+                    "fullName": "United States",
+                    "shortName": "US"
+                },
+                "zipCode": "30309"
+            },
+            {
+                "fullPrediction": "Peachtree Pl NE, Atlanta, GA 30309, USA",
+                "streetNumber": null,
+                "street": {
+                    "fullName": "Peachtree Place Northeast",
+                    "shortName": "Peachtree Place Northeast"
+                },
+                "city": {
+                    "fullName": "Atlanta",
+                    "shortName": "Atlanta"
+                },
+                "state": {
+                    "fullName": "Georgia",
+                    "shortName": "GA"
+                },
+                "country": {
+                    "fullName": "United States",
+                    "shortName": "US"
+                },
+                "zipCode": null
+            },
+            {
+                "fullPrediction": "25 State Rd 13, Fruit Cove, FL 32259, USA",
+                "streetNumber": "25",
+                "street": {
+                    "fullName": "State Road 13",
+                    "shortName": "State Rd 13"
+                },
+                "city": {
+                    "fullName": "Fruit Cove",
+                    "shortName": "Fruit Cove"
+                },
+                "state": {
+                    "fullName": "Florida",
+                    "shortName": "FL"
+                },
+                "country": {
+                    "fullName": "United States",
+                    "shortName": "US"
+                },
+                "zipCode": "32259"
+            },
+            {
+                "fullPrediction": "Peachtree Pl NE, Atlanta, GA 30309, USA",
+                "streetNumber": null,
+                "street": {
+                    "fullName": "Peachtree Place Northeast",
+                    "shortName": "Peachtree Place Northeast"
+                },
+                "city": {
+                    "fullName": "Atlanta",
+                    "shortName": "Atlanta"
+                },
+                "state": {
+                    "fullName": "Georgia",
+                    "shortName": "GA"
+                },
+                "country": {
+                    "fullName": "United States",
+                    "shortName": "US"
+                },
+                "zipCode": "30309"
+            },
+            {
+                "fullPrediction": "Peachtree Pl NE, Atlanta, GA 30309, USA",
+                "streetNumber": null,
+                "street": {
+                    "fullName": "Peachtree Place Northeast",
+                    "shortName": "Peachtree Place Northeast"
+                },
+                "city": {
+                    "fullName": "Atlanta",
+                    "shortName": "Atlanta"
+                },
+                "state": {
+                    "fullName": "Georgia",
+                    "shortName": "GA"
+                },
+                "country": {
+                    "fullName": "United States",
+                    "shortName": "US"
+                },
+                "zipCode": null
+            },
+            {
+                "fullPrediction": "25 State Rd 13, Fruit Cove, FL 32259, USA",
+                "streetNumber": "25",
+                "street": {
+                    "fullName": "State Road 13",
+                    "shortName": "State Rd 13"
+                },
+                "city": {
+                    "fullName": "Fruit Cove",
+                    "shortName": "Fruit Cove"
+                },
+                "state": {
+                    "fullName": "Florida",
+                    "shortName": "FL"
+                },
+                "country": {
+                    "fullName": "United States",
+                    "shortName": "US"
+                },
+                "zipCode": "32259"
+            },
+            {
+                "fullPrediction": "Peachtree Pl NE, Atlanta, GA 30309, USA",
+                "streetNumber": null,
+                "street": {
+                    "fullName": "Peachtree Place Northeast",
+                    "shortName": "Peachtree Place Northeast"
+                },
+                "city": {
+                    "fullName": "Atlanta",
+                    "shortName": "Atlanta"
+                },
+                "state": {
+                    "fullName": "Georgia",
+                    "shortName": "GA"
+                },
+                "country": {
+                    "fullName": "United States",
+                    "shortName": "US"
+                },
+                "zipCode": "30309"
+            },
+            {
+                "fullPrediction": "Peachtree Pl NE, Atlanta, GA 30309, USA",
+                "streetNumber": null,
+                "street": {
+                    "fullName": "Peachtree Place Northeast",
+                    "shortName": "Peachtree Place Northeast"
+                },
+                "city": {
+                    "fullName": "Atlanta",
+                    "shortName": "Atlanta"
+                },
+                "state": {
+                    "fullName": "Georgia",
+                    "shortName": "GA"
+                },
+                "country": {
+                    "fullName": "United States",
+                    "shortName": "US"
+                },
+                "zipCode": null
+            },
+            {
+                "fullPrediction": "25 State Rd 13, Fruit Cove, FL 32259, USA",
+                "streetNumber": "25",
+                "street": {
+                    "fullName": "State Road 13",
+                    "shortName": "State Rd 13"
+                },
+                "city": {
+                    "fullName": "Fruit Cove",
+                    "shortName": "Fruit Cove"
+                },
+                "state": {
+                    "fullName": "Florida",
+                    "shortName": "FL"
+                },
+                "country": {
+                    "fullName": "United States",
+                    "shortName": "US"
+                },
+                "zipCode": "32259"
+            },
+            {
+                "fullPrediction": "Peachtree Pl NE, Atlanta, GA 30309, USA",
+                "streetNumber": null,
+                "street": {
+                    "fullName": "Peachtree Place Northeast",
+                    "shortName": "Peachtree Place Northeast"
+                },
+                "city": {
+                    "fullName": "Atlanta",
+                    "shortName": "Atlanta"
+                },
+                "state": {
+                    "fullName": "Georgia",
+                    "shortName": "GA"
+                },
+                "country": {
+                    "fullName": "United States",
+                    "shortName": "US"
+                },
+                "zipCode": "30309"
+            },
+            {
+                "fullPrediction": "Peachtree Pl NE, Atlanta, GA 30309, USA",
+                "streetNumber": null,
+                "street": {
+                    "fullName": "Peachtree Place Northeast",
+                    "shortName": "Peachtree Place Northeast"
+                },
+                "city": {
+                    "fullName": "Atlanta",
+                    "shortName": "Atlanta"
+                },
+                "state": {
+                    "fullName": "Georgia",
+                    "shortName": "GA"
+                },
+                "country": {
+                    "fullName": "United States",
+                    "shortName": "US"
+                },
+                "zipCode": null
+            },
+            {
+                "fullPrediction": "25 State Rd 13, Fruit Cove, FL 32259, USA",
+                "streetNumber": "25",
+                "street": {
+                    "fullName": "State Road 13",
+                    "shortName": "State Rd 13"
+                },
+                "city": {
+                    "fullName": "Fruit Cove",
+                    "shortName": "Fruit Cove"
+                },
+                "state": {
+                    "fullName": "Florida",
+                    "shortName": "FL"
+                },
+                "country": {
+                    "fullName": "United States",
+                    "shortName": "US"
+                },
+                "zipCode": "32259"
+            },
+            {
+                "fullPrediction": "Peachtree Pl NE, Atlanta, GA 30309, USA",
+                "streetNumber": null,
+                "street": {
+                    "fullName": "Peachtree Place Northeast",
+                    "shortName": "Peachtree Place Northeast"
+                },
+                "city": {
+                    "fullName": "Atlanta",
+                    "shortName": "Atlanta"
+                },
+                "state": {
+                    "fullName": "Georgia",
+                    "shortName": "GA"
+                },
+                "country": {
+                    "fullName": "United States",
+                    "shortName": "US"
+                },
+                "zipCode": "30309"
+            },
+            {
+                "fullPrediction": "Peachtree Pl NE, Atlanta, GA 30309, USA",
+                "streetNumber": null,
+                "street": {
+                    "fullName": "Peachtree Place Northeast",
+                    "shortName": "Peachtree Place Northeast"
+                },
+                "city": {
+                    "fullName": "Atlanta",
+                    "shortName": "Atlanta"
+                },
+                "state": {
+                    "fullName": "Georgia",
+                    "shortName": "GA"
+                },
+                "country": {
+                    "fullName": "United States",
+                    "shortName": "US"
+                },
+                "zipCode": null
+            },
+            {
+                "fullPrediction": "25 State Rd 13, Fruit Cove, FL 32259, USA",
+                "streetNumber": "25",
+                "street": {
+                    "fullName": "State Road 13",
+                    "shortName": "State Rd 13"
+                },
+                "city": {
+                    "fullName": "Fruit Cove",
+                    "shortName": "Fruit Cove"
+                },
+                "state": {
+                    "fullName": "Florida",
+                    "shortName": "FL"
+                },
+                "country": {
+                    "fullName": "United States",
+                    "shortName": "US"
+                },
+                "zipCode": "32259"
+            },
+            {
+                "fullPrediction": "Peachtree Pl NE, Atlanta, GA 30309, USA",
+                "streetNumber": null,
+                "street": {
+                    "fullName": "Peachtree Place Northeast",
+                    "shortName": "Peachtree Place Northeast"
+                },
+                "city": {
+                    "fullName": "Atlanta",
+                    "shortName": "Atlanta"
+                },
+                "state": {
+                    "fullName": "Georgia",
+                    "shortName": "GA"
+                },
+                "country": {
+                    "fullName": "United States",
+                    "shortName": "US"
+                },
+                "zipCode": "30309"
+            },
+            {
+                "fullPrediction": "Peachtree Pl NE, Atlanta, GA 30309, USA",
+                "streetNumber": null,
+                "street": {
+                    "fullName": "Peachtree Place Northeast",
+                    "shortName": "Peachtree Place Northeast"
+                },
+                "city": {
+                    "fullName": "Atlanta",
+                    "shortName": "Atlanta"
+                },
+                "state": {
+                    "fullName": "Georgia",
+                    "shortName": "GA"
+                },
+                "country": {
+                    "fullName": "United States",
+                    "shortName": "US"
+                },
+                "zipCode": null
+            }
+        ];
+        return new Promise((resolve)=>resolve(itemsLen ? shuffle(items).slice(0, itemsLen - 1) : []));
+    };
+    const getValue = ()=>{
+        if (typeof value === 'string') return value;
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("pre", {
+            children: JSON.stringify(value, null, 2)
+        });
+    };
+    const renderSelectedItem = ({ fullPrediction, streetNumber, street, city, state, country, zipCode } = {})=>{
+        return fullPrediction;
+    };
+    const renderListItem = ({ fullPrediction, streetNumber, street, city, state, country, zipCode } = {})=>{
+        const result = [];
+        if (streetNumber) result.push(streetNumber);
+        if (street === null || street === void 0 ? void 0 : street.fullName) result.push(street === null || street === void 0 ? void 0 : street.fullName);
+        if (zipCode) result.push(zipCode);
+        return result.join(', ');
+    };
+    const renderHintMessage = (item)=>{
+        if (typeof item === 'string') {
+            return 'Select the correct address from the list of suggestions';
+        } else {
+            const { fullPrediction, streetNumber, street, city, state, country, zipCode } = item || {};
+            const missingFields = [];
+            if (!streetNumber) missingFields.push('Street Number');
+            if (!street) missingFields.push('Street');
+            if (!zipCode) missingFields.push('ZIP');
+            if (!(missingFields === null || missingFields === void 0 ? void 0 : missingFields.length)) return null;
+            const renderMissingFields = ()=>{
+                var _missingFields_slice;
+                if ((missingFields === null || missingFields === void 0 ? void 0 : missingFields.length) === 2) return missingFields === null || missingFields === void 0 ? void 0 : missingFields.join(' and ');
+                else if ((missingFields === null || missingFields === void 0 ? void 0 : missingFields.length) > 2) return `${missingFields === null || missingFields === void 0 ? void 0 : (_missingFields_slice = missingFields.slice(0, (missingFields === null || missingFields === void 0 ? void 0 : missingFields.length) - 1)) === null || _missingFields_slice === void 0 ? void 0 : _missingFields_slice.join(', ')} and ${missingFields === null || missingFields === void 0 ? void 0 : missingFields.slice(-1)}`;
+                else missingFields === null || missingFields === void 0 ? void 0 : missingFields[0];
+            };
+            return `Select the correct address from the list of suggestions (must contains ${renderMissingFields()})`;
+        }
+    };
+    const transformValue = (item)=>{
+        return item === null || item === void 0 ? void 0 : item.fullPrediction;
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputAddress.default, {
+                field: {
+                    ...args,
+                    value
+                },
+                onChange: setValue,
+                getListItems: getListItems,
+                noValidate: true,
+                onChangeValueTransformer: transformValue,
+                renderListItem: renderListItem,
+                renderSelectedItem: renderSelectedItem,
+                renderHintMessage: renderHintMessage
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("b", {
+                        children: "Value: "
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("i", {
+                        children: getValue()
+                    })
+                ]
+            })
+        ]
+    });
+};
+const InputTemplate = Template.bind({});
+InputTemplate.args = {};