awing-library 2.1.2-dev.527 → 2.1.2-dev.529

package/dist/AWING/AsyncAutocomplete/Container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/AWING/AsyncAutocomplete/Container.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,2CA+N5E"}
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/AWING/AsyncAutocomplete/Container.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,2CAgO5E"}

package/dist/AWING/AsyncAutocomplete/Container.js

@@ -9,7 +9,7 @@ import { Fragment, useCallback, useEffect, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 function AsyncAutocomplete(props) {
     const { t } = useTranslation();
-    const { multiple, value = null, onChange, fetchOptions, getOptionValue, getOptionLabel, getOptionDisabled, disabled, TextFieldProps, pageSize = 10, required = false, ...other } = props;
+    const { multiple, value = null, open, onChange, fetchOptions, getOptionValue, getOptionLabel, getOptionDisabled, disabled, TextFieldProps, pageSize = 10, required = false, ...other } = props;
     const [inputValue, setInputValue] = useState('');
     const [searchString, setSearchString] = useState('');
     const [options, setOptions] = useState([]);
@@ -18,7 +18,7 @@ function AsyncAutocomplete(props) {
     const [hasMore, setHasMore] = useState(true);
     const listboxRef = useRef(null);
     const loadingMoreRef = useRef(false);
-    const [open, setOpen] = useState(false);
+    const [isOpen, setIsOpen] = useState(open ?? false);
     const [fetched, setFetched] = useState(false);
     useEffect(()=>{
         if (value) setInputValue(getOptionLabel(value));
@@ -55,14 +55,14 @@ function AsyncAutocomplete(props) {
         };
     }
     useEffect(()=>{
-        if (!open || fetched) return;
+        if (!isOpen || fetched) return;
         triggerFetchFirstPage(searchString);
         setFetched(true);
     }, [
-        open
+        isOpen
     ]);
     useEffect(()=>{
-        if (!open) return;
+        if (!isOpen) return;
         triggerFetchFirstPage(searchString);
     }, [
         searchString
@@ -109,9 +109,9 @@ function AsyncAutocomplete(props) {
         getOptionValue
     ]);
     return /*#__PURE__*/ jsx(Autocomplete, {
-        open: open,
-        onOpen: ()=>setOpen(true),
-        onClose: ()=>setOpen(false),
+        open: isOpen,
+        onOpen: ()=>setIsOpen(true),
+        onClose: ()=>setIsOpen(false),
         multiple: multiple,
         getOptionLabel: (option)=>'string' == typeof option ? option : getOptionLabel(option),
         options: options,

package/dist/AWING/DataForm/container.test.js

@@ -6,10 +6,10 @@ import { fireEvent, render, screen } from "@testing-library/react";
 import { Constants } from "../../Commons/Constant.js";
 import container from "./container.js";
 var __webpack_modules__ = {
-    "../DataInput": function(module) {
+    "AWING/DataInput": function(module) {
         module.exports = __WEBPACK_EXTERNAL_MODULE__DataInput_index_js_c7933a4f__;
     },
-    "../helper": function(module) {
+    "AWING/helper": function(module) {
         module.exports = __WEBPACK_EXTERNAL_MODULE__helper_js_663c9e82__;
     }
 };
@@ -23,7 +23,7 @@ function __webpack_require__(moduleId) {
     __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
     return module.exports;
 }
-var index_js_ = __webpack_require__("../DataInput");
+var index_js_ = __webpack_require__("AWING/DataInput");
 jest.mock('../DataInput', ()=>({
         __esModule: true,
         default: jest.fn(),
@@ -91,10 +91,10 @@ jest.mock('@mui/material', ()=>({
                 children: children
             })
     }));
-const mockInputFactory = __webpack_require__("../DataInput")["default"];
-const mockCalculateValue = __webpack_require__("../helper").calculateValue;
-const mockConvertFormulaToBinaryTree = __webpack_require__("../helper").convertFormulaToBinaryTree;
-const mockReplaceFieldsValue = __webpack_require__("../helper").replaceFieldsValue;
+const mockInputFactory = __webpack_require__("AWING/DataInput")["default"];
+const mockCalculateValue = __webpack_require__("AWING/helper").calculateValue;
+const mockConvertFormulaToBinaryTree = __webpack_require__("AWING/helper").convertFormulaToBinaryTree;
+const mockReplaceFieldsValue = __webpack_require__("AWING/helper").replaceFieldsValue;
 describe('DataForm Component', ()=>{
     const mockFields = [
         {

package/dist/AWING/DataForm2/containerOptimized.test.js

@@ -5,7 +5,7 @@ import { act, fireEvent, render, screen, waitFor } from "@testing-library/react"
 import containerOptimized from "./containerOptimized.js";
 import { createFormStateManager } from "./formStateManager.js";
 var __webpack_modules__ = {
-    "../DataInput": function(module) {
+    "AWING/DataInput": function(module) {
         module.exports = __WEBPACK_EXTERNAL_MODULE__DataInput_index_js_c7933a4f__;
     }
 };
@@ -98,7 +98,7 @@ jest.mock('@mui/material', ()=>({
                 children: children
             })
     }));
-const mockInputFactory = __webpack_require__("../DataInput")["default"];
+const mockInputFactory = __webpack_require__("AWING/DataInput")["default"];
 describe('DataForm Optimized - Performance Tests', ()=>{
     let inputRenderCounts = {};
     const mockFields = [

package/dist/AWING/MultipleChoice/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/AWING/MultipleChoice/component.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,6BAA6B,EAAW,MAAM,aAAa,CAAC;AAarE,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,KAAK,EAAE,6BAA6B,2CAkHnF"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/AWING/MultipleChoice/component.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,6BAA6B,EAAW,MAAM,aAAa,CAAC;AAarE,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,KAAK,EAAE,6BAA6B,2CAwHnF"}

package/dist/AWING/MultipleChoice/component.js

@@ -15,14 +15,17 @@ const useStyles = makeStyles({
 function MultipleChoiceComponent(props) {
     const classes = useStyles();
     const { label, selected, options, onChange, popupOpen = true, onOpen, onClose, variant, placeholder, error, helperText, operators, operator, onOperatorChange } = props;
-    const renderTags = (options, getTagProps)=>options.map((option, i)=>/*#__PURE__*/ jsx(Chip, {
+    const renderTags = (options, getTagProps)=>options.map((option, i)=>{
+            const { key, ...tagProps } = getTagProps({
+                index: i
+            });
+            return /*#__PURE__*/ jsx(Chip, {
                 label: option.name,
                 title: option.name,
                 size: "small",
-                ...getTagProps({
-                    index: i
-                })
-            }));
+                ...tagProps
+            }, key);
+        });
     const renderInput = (params)=>/*#__PURE__*/ jsxs(Box, {
             style: {
                 position: 'relative'
@@ -71,8 +74,10 @@ function MultipleChoiceComponent(props) {
                 })
             ]
         });
-    const renderOption = (props, option, { selected })=>/*#__PURE__*/ createElement(Box, {
-            ...props,
+    const renderOption = (props, option, { selected })=>{
+        const { key: _key, ...optionProps } = props;
+        return /*#__PURE__*/ createElement(Box, {
+            ...optionProps,
             component: "li",
             key: option.id,
             style: {
@@ -90,6 +95,7 @@ function MultipleChoiceComponent(props) {
                 })
             ]
         });
+    };
     return /*#__PURE__*/ jsx(Autocomplete, {
         className: operator ? classes.hideIndicator : '',
         size: "small",
@@ -100,6 +106,7 @@ function MultipleChoiceComponent(props) {
         onChange: onChange,
         value: selected,
         getOptionLabel: (option)=>option.name,
+        getOptionKey: (option)=>option.id,
         isOptionEqualToValue: (option, value)=>option?.id === value?.id,
         renderTags: renderTags,
         renderInput: renderInput,

package/dist/AWING/MultipleHierarchicalChoice/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/AWING/MultipleHierarchicalChoice/component.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAoC,wCAAwC,EAAE,MAAM,aAAa,CAAC;AAazG,iBAAS,mCAAmC,CAAC,KAAK,EAAE,wCAAwC,2CA6H3F;AAED,eAAe,mCAAmC,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/AWING/MultipleHierarchicalChoice/component.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAoC,wCAAwC,EAAE,MAAM,aAAa,CAAC;AAazG,iBAAS,mCAAmC,CAAC,KAAK,EAAE,wCAAwC,2CAiI3F;AAED,eAAe,mCAAmC,CAAC"}

package/dist/AWING/MultipleHierarchicalChoice/component.js

@@ -23,14 +23,17 @@ function MultipleHierarchicalChoiceComponent(props) {
         });
         return result;
     };
-    const renderTags = (options, getTagProps)=>options.map((option, i)=>/*#__PURE__*/ jsx(Chip, {
+    const renderTags = (options, getTagProps)=>options.map((option, i)=>{
+            const { key, ...tagProps } = getTagProps({
+                index: i
+            });
+            return /*#__PURE__*/ jsx(Chip, {
                 label: getTagName(option),
                 title: getTagName(option),
                 size: "small",
-                ...getTagProps({
-                    index: i
-                })
-            }));
+                ...tagProps
+            }, key);
+        });
     const renderInput = (params)=>/*#__PURE__*/ jsxs(Box, {
             style: {
                 position: 'relative'

package/dist/AWING/PlaceFilter/Input/AreaSelectField/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../../src/AWING/PlaceFilter/Input/AreaSelectField/component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,iBAAiB,EAOpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gCAAgC,EAAE,MAAM,kCAAkC,CAAC;AACpF,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AACrC,MAAM,MAAM,oBAAoB,GAAG,WAAW,CAAC,iBAAiB,CAAC,gCAAgC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;AACpI,UAAU,6BAA6B;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,gCAAgC,EAAE,CAAC;IAC5C,YAAY,EAAE,gCAAgC,EAAE,CAAC;IACjD,QAAQ,EAAE,oBAAoB,CAAC;CAClC;AAOD,QAAA,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CA8C/D,CAAC;AACF,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../../src/AWING/PlaceFilter/Input/AreaSelectField/component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,iBAAiB,EAOpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gCAAgC,EAAE,MAAM,kCAAkC,CAAC;AACpF,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,MAAM,MAAM,oBAAoB,GAAG,WAAW,CAC1C,iBAAiB,CAAC,gCAAgC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,UAAU,CAAC,CACtF,CAAC;AACF,UAAU,6BAA6B;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,gCAAgC,EAAE,CAAC;IAC5C,YAAY,EAAE,gCAAgC,EAAE,CAAC;IACjD,QAAQ,EAAE,oBAAoB,CAAC;CAClC;AAMD,QAAA,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CA8C/D,CAAC;AACF,eAAe,wBAAwB,CAAC"}

package/dist/AWING/PlaceFilter/Input/AreaSelectField/component.js

@@ -1,17 +1,16 @@
 import { jsx } from "react/jsx-runtime";
-import { Fragment, createElement } from "react";
 import { Autocomplete, Chip, ListSubheader, TextField } from "@mui/material";
-const renderTags = (options, getTagProps)=>options.map((option, i)=>/*#__PURE__*/ jsx(Fragment, {
-            children: /*#__PURE__*/ createElement(Chip, {
-                label: option.name,
-                title: option.name,
-                size: "small",
-                ...getTagProps({
-                    index: i
-                }),
-                key: i
-            })
-        }, i));
+const renderTags = (options, getTagProps)=>options.map((option, i)=>{
+        const { key, ...tagProps } = getTagProps({
+            index: i
+        });
+        return /*#__PURE__*/ jsx(Chip, {
+            label: option.name,
+            title: option.name,
+            size: "small",
+            ...tagProps
+        }, key);
+    });
 const AreaSelectFieldComponent = (props)=>{
     const { label, placeholder, options, areaSelected, onChange } = props;
     const renderInput = (params)=>/*#__PURE__*/ jsx(TextField, {

package/dist/AWING/PlaceFilter/Tag/component/utils.d.ts

@@ -4,10 +4,5 @@ export declare const CustomSpan: import("@emotion/styled").StyledComponent<{
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const getTagInputDetail: ((tag: ITag) => import("react").FunctionComponentElement<import("@mui/material/OverridableComponent").DefaultComponentProps<import("@mui/material").TypographyTypeMap<{}, "span">>>[]) & import("lodash").MemoizedFunction;
-export declare const getTagTitle: (tag: ITag, numOfPreviousPlaces: number) => import("react").DetailedReactHTMLElement<{
-    children: (string | import("react").FunctionComponentElement<{
-        theme?: import("@emotion/react").Theme;
-        as?: React.ElementType;
-    } & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>>)[];
-}, HTMLElement>;
+export declare const getTagTitle: (tag: ITag, numOfPreviousPlaces: number) => import("react").DetailedReactHTMLElement<import("react").HTMLAttributes<HTMLElement>, HTMLElement>;
 //# sourceMappingURL=utils.d.ts.map

package/dist/AWING/PlaceFilter/Tag/component/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/AWING/PlaceFilter/Tag/component/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,IAAI,EAAE,MAAM,6BAA6B,CAAC;AASjE,eAAO,MAAM,UAAU;;SAEL,MAElB,WAAW;2GADV,CAAC;AAsDF,eAAO,MAAM,iBAAiB,SAAiB,IAAI,+MAmBjD,CAAC;AACH,eAAO,MAAM,WAAW,QAAS,IAAI,uBAAuB,MAAM;;;aA3EhD,MAElB,WAAW;;eAqJV,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/AWING/PlaceFilter/Tag/component/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,IAAI,EAAE,MAAM,6BAA6B,CAAC;AASjE,eAAO,MAAM,UAAU;;SAEL,MAElB,WAAW;2GADV,CAAC;AAsDF,eAAO,MAAM,iBAAiB,SAAiB,IAAI,+MAmBjD,CAAC;AACH,eAAO,MAAM,WAAW,QAAS,IAAI,uBAAuB,MAAM,uGA4EjE,CAAC"}

package/dist/AWING/PlaceFilter/Tag/component/utils.js

@@ -128,20 +128,17 @@ const getTagTitle = (tag, numOfPreviousPlaces)=>{
         }
     });
     title = (title.length >= MAX_TAG_TITLE_LENGTH ? `${title.slice(0, MAX_TAG_TITLE_LENGTH - 1)}...` : title) || 'ALL';
-    return createElement('span', {
-        children: [
-            `${title}: `,
-            numOfPreviousPlaces === numOfPlaces ? createElement(CustomSpan, {
-                color: NORMAL_COLOR,
-                children: numOfPlaces
-            }) : numOfPreviousPlaces < numOfPlaces ? createElement(CustomSpan, {
-                color: POSITIVE_COLOR,
-                children: `${numOfPlaces} (+${numOfPlaces - numOfPreviousPlaces})`
-            }) : createElement(CustomSpan, {
-                color: NEGATIVE_COLOR,
-                children: `${numOfPlaces} (-${numOfPreviousPlaces - numOfPlaces})`
-            })
-        ]
+    let placeCountNode;
+    placeCountNode = numOfPreviousPlaces === numOfPlaces ? createElement(CustomSpan, {
+        color: NORMAL_COLOR,
+        children: numOfPlaces
+    }) : numOfPreviousPlaces < numOfPlaces ? createElement(CustomSpan, {
+        color: POSITIVE_COLOR,
+        children: `${numOfPlaces} (+${numOfPlaces - numOfPreviousPlaces})`
+    }) : createElement(CustomSpan, {
+        color: NEGATIVE_COLOR,
+        children: `${numOfPlaces} (-${numOfPreviousPlaces - numOfPlaces})`
     });
+    return createElement('span', null, `${title}: `, placeCountNode);
 };
 export { CustomSpan, getTagInputDetail, getTagTitle };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "awing-library",
-    "version": "2.1.2-dev.527",
+    "version": "2.1.2-dev.529",
     "license": "MIT",
     "exports": {
         ".": {