npm - @dreamcommerce/aurora - Versions diffs - 0.3.4-161 → 0.3.4-162 - Mend

@dreamcommerce/aurora 0.3.4-161 → 0.3.4-162

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1592) hide show

package/build/esm/packages/aurora/src/components/date_picker/hoc/single_date_picker.js CHANGED Viewed

@@ -10,7 +10,10 @@ var SingleDatepicker = function (_a) {
     var className = _a.className, showButtons = _a.showButtons;
     var defaultDate = useContext(DatepickerContext).defaultDate;
     var currentDate = new Date(defaultDate || Date.now());
-    var _b = useState({ month: currentDate.getMonth(), year: currentDate.getFullYear() }), _c = _b[0], month = _c.month, year = _c.year, setMonthYear = _b[1];
+    var _b = useState({
+        month: currentDate.getMonth(),
+        year: currentDate.getFullYear(),
+    }), _c = _b[0], month = _c.month, year = _c.year, setMonthYear = _b[1];
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: cssClasses[cssDatePicker] },
             React.createElement(PureDatepicker, { setMonthYear: setMonthYear, month: month, year: year, className: className }),

package/build/esm/packages/aurora/src/components/date_picker/hoc/single_date_picker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"single_date_picker.js","sources":["../../../../../../../../src/components/date_picker/hoc/single_date_picker.tsx"],"sourcesContent":["import React, { FC, useContext, useState } from 'react';\nimport { ISingleDatepickerProps } from '@components/date_picker/types';\nimport { ValueControllerContext } from '@components/date_picker/context';\nimport PureDatepicker from '@components/date_picker/components/pure_date_picker';\nimport Buttons from '@components/date_picker/components/buttons';\nimport cssClasses from '@css/date_picker/main.module.less';\nimport { cssDatePicker } from '@components/date_picker/css_classes';\n\nexport const SingleDatepicker: FC<ISingleDatepickerProps> = ({ className, showButtons }) => {\n const { defaultDate } = useContext(ValueControllerContext);\n const currentDate = new Date(defaultDate \|\| Date.now());\n const [{ month, year }, setMonthYear] = useState({ month: currentDate.getMonth(), year: currentDate.getFullYear() });\n\n return (\n <>\n <div className={cssClasses[cssDatePicker]}>\n <PureDatepicker setMonthYear={setMonthYear} month={month} year={year} className={className} />\n {showButtons && <Buttons />}\n </div>\n </>\n );\n};\n\nexport default SingleDatepicker;\n"],"names":[],"mappings":";;;;;;;;IAQa,gBAAgB,GAA+B,UAAC,EAA0B;QAAxB,wBAAS,EAAE,4BAAW;IACzE,IAAA,uDAAW,CAAwC;IAC3D,IAAM,WAAW,GAAG,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IAClD,IAAA,~~iFAA8G~~,~~EAA7G,~~UAAe,EAAb,gBAAK,EAAE,cAAI,EAAI,~~oBAA4F~~,CAAC;~~IAErH~~,QACI;QACI,6BAAK,SAAS,EAAE,UAAU,CAAC,aAAa,CAAC;YACrC,oBAAC,cAAc,IAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,GAAI;YAC7F,WAAW,IAAI,oBAAC,OAAO,OAAG,CACzB,CACP,EACL;AACN;;;;;"}
1	+ {"version":3,"file":"single_date_picker.js","sources":["../../../../../../../../src/components/date_picker/hoc/single_date_picker.tsx"],"sourcesContent":["import React, { FC, useContext, useState } from 'react';\nimport { ISingleDatepickerProps } from '@components/date_picker/types';\nimport { ValueControllerContext } from '@components/date_picker/context';\nimport PureDatepicker from '@components/date_picker/components/pure_date_picker';\nimport Buttons from '@components/date_picker/components/buttons';\nimport cssClasses from '@css/date_picker/main.module.less';\nimport { cssDatePicker } from '@components/date_picker/css_classes';\n\nexport const SingleDatepicker: FC<ISingleDatepickerProps> = ({ className, showButtons }) => {\n const { defaultDate } = useContext(ValueControllerContext);\n const currentDate = new Date(defaultDate \|\| Date.now());\n const [{ month, year }, setMonthYear] = useState({\n month: currentDate.getMonth(),\n year: currentDate.getFullYear(),\n });\n\n return (\n <>\n <div className={cssClasses[cssDatePicker]}>\n <PureDatepicker setMonthYear={setMonthYear} month={month} year={year} className={className} />\n {showButtons && <Buttons />}\n </div>\n </>\n );\n};\n\nexport default SingleDatepicker;\n"],"names":[],"mappings":";;;;;;;;IAQa,gBAAgB,GAA+B,UAAC,EAA0B;QAAxB,wBAAS,EAAE,4BAAW;IACzE,IAAA,uDAAW,CAAwC;IAC3D,IAAM,WAAW,GAAG,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IAClD,IAAA;;;MAGJ,EAHK,UAAe,EAAb,gBAAK,EAAE,cAAI,EAAI,oBAGtB,CAAC;IAEH,QACI;QACI,6BAAK,SAAS,EAAE,UAAU,CAAC,aAAa,CAAC;YACrC,oBAAC,cAAc,IAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,GAAI;YAC7F,WAAW,IAAI,oBAAC,OAAO,OAAG,CACzB,CACP,EACL;AACN;;;;;"}

package/build/esm/packages/aurora/src/components/date_picker/hooks/use_animation.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { createUseStyles } from './../../../../../../dependencies/react-jss/dist/react-jss.esm.js';
+import { createUseStyles } from './../../../../../../external_dependencies/react-jss/dist/react-jss.esm.js';
 var _a;
 var ANIMATION_TYPE_RIGHT = 'ANIMATION_TYPE_RIGHT';
@@ -22,8 +22,8 @@ var useStyles = createUseStyles({
         marginLeft: function (_a) {
             var animationType = _a.animationType, animation = _a.animation;
             return (animation ? ANIMATION_MOVEMENT[animationType] : 0);
-        }
-    }
+        },
+    },
 });
 /**
  * Hook to animate datepicker from side to side
@@ -47,7 +47,7 @@ var useAnimation = function (_a) {
         animationWrapper: animationWrapper,
         setRightAnimation: setRightAnimation,
         setLeftAnimation: setLeftAnimation,
-        animationClassName: classes.animation
+        animationClassName: classes.animation,
     };
 };

package/build/esm/packages/aurora/src/components/date_picker/hooks/use_animation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,gCAAgC,~~kEAAgE~~;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,gCAAgC,2EAAgE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/date_picker/hooks/use_date_names.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { useTranslation } from './../../../../../../dependencies/react-i18next/dist/es/useTranslation.js';
+import { useTranslation } from './../../../../../../external_dependencies/react-i18next/dist/es/useTranslation.js';
 /**
  * Hook to get monthNames and weekDays and their shortcuts by index
@@ -17,7 +17,7 @@ var useDateNames = function () {
         'september',
         'october',
         'november',
-        'december'
+        'december',
     ];
     var weekIndexes = ['monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday', 'sunday'];
     var monthNames = monthIndexes.map(function (item) { return t(item); });

package/build/esm/packages/aurora/src/components/date_picker/hooks/use_date_names.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+BAA+B,~~0EAAwE~~;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+BAA+B,mFAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/date_picker/hooks/use_keyboard_navigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use_keyboard_navigation.js","sources":["../../../../../../../../src/components/date_picker/hooks/use_keyboard_navigation.ts"],"sourcesContent":["import { useContext } from 'react';\nimport { useKeyDown } from '@hooks/use_key_down';\nimport { DropdownContext } from '@components/dropdown/context';\nimport { IDropdownContext } from '@components/dropdown/context/types';\nimport { MonthYearNavigationContext, ValueControllerContext } from '../context';\n\n/*\n Hook to bind keyboard keys to navigate date\n */\nexport const useKeyboardNavigation = () => {\n const { setMonth, setYear, year, month } = useContext(MonthYearNavigationContext);\n const {\n updateDate~~,\n~~ navigationDate = new Date(year, month, 1)~~,\n~~ setNavigationDate\n } = useContext(ValueControllerContext);\n const { toggleDropdown }: IDropdownContext = useContext(DropdownContext);\n\n const moveDate = (days: number) => {\n const newDate: Date = new Date(navigationDate.toISOString());\n if (navigationDate.getMonth() !== month \|\| navigationDate.getFullYear() !== year) {\n newDate.setMonth(month);\n newDate.setFullYear(year);\n setNavigationDate(newDate);\n } else {\n newDate.setDate(newDate.getDate() + days);\n setNavigationDate(newDate);\n if (month !== newDate.getMonth()) {\n setMonth(newDate.getMonth());\n }\n if (year !== newDate.getFullYear()) {\n setYear(newDate.getFullYear());\n }\n }\n };\n\n const leftArrow = () => moveDate(-1);\n const rightArrow = () => moveDate(+1);\n const upArrow = () => moveDate(-7);\n const downArrow = () => moveDate(7);\n const chooseDate = () => {\n updateDate(navigationDate);\n };\n const chooseDateClose = () => {\n updateDate(navigationDate);\n toggleDropdown?.();\n };\n\n //@todo darqwski\n //This is probably broken because of missing ref\n useKeyDown(['ArrowLeft'], leftArrow);\n useKeyDown(['ArrowUp'], upArrow);\n useKeyDown(['ArrowDown'], downArrow);\n useKeyDown(['ArrowRight'], rightArrow);\n useKeyDown([' '], chooseDate);\n useKeyDown(['Enter'], chooseDateClose);\n};\n"],"names":[],"mappings":";;;;;;AAMA;;;IAGa,qBAAqB,GAAG;IAC3B,IAAA,2CAA2E,EAAzE,sBAAQ,EAAE,oBAAO,EAAE,cAAI,EAAE,gBAAgD,CAAC;IAC5E,IAAA,~~kCAIgC~~,~~EAHlC~~,0BAAU,~~EACV~~,sBAAyC,EAAzC,8DAAyC,~~EACzC~~,~~wCACkC~~,CAAC;~~IAC/B~~,IAAA,2DAAc,CAAmD;IAEzE,IAAM,QAAQ,GAAG,UAAC,IAAY;QAC1B,IAAM,OAAO,GAAS,IAAI,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,CAAC,CAAC;QAC7D,IAAI,cAAc,CAAC,QAAQ,EAAE,KAAK,KAAK,IAAI,cAAc,CAAC,WAAW,EAAE,KAAK,IAAI,EAAE;YAC9E,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACxB,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAC1B,iBAAiB,CAAC,OAAO,CAAC,CAAC;SAC9B;aAAM;YACH,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,CAAC;YAC1C,iBAAiB,CAAC,OAAO,CAAC,CAAC;YAC3B,IAAI,KAAK,KAAK,OAAO,CAAC,QAAQ,EAAE,EAAE;gBAC9B,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;aAChC;YACD,IAAI,IAAI,KAAK,OAAO,CAAC,WAAW,EAAE,EAAE;gBAChC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;aAClC;SACJ;KACJ,CAAC;IAEF,IAAM,SAAS,GAAG,cAAM,OAAA,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAA,CAAC;IACrC,IAAM,UAAU,GAAG,cAAM,OAAA,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAA,CAAC;IACtC,IAAM,OAAO,GAAG,cAAM,OAAA,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAA,CAAC;IACnC,IAAM,SAAS,GAAG,cAAM,OAAA,QAAQ,CAAC,CAAC,CAAC,GAAA,CAAC;IACpC,IAAM,UAAU,GAAG;QACf,UAAU,CAAC,cAAc,CAAC,CAAC;KAC9B,CAAC;IACF,IAAM,eAAe,GAAG;QACpB,UAAU,CAAC,cAAc,CAAC,CAAC;QAC3B,cAAc,aAAd,cAAc,uBAAd,cAAc,GAAK;KACtB,CAAC;;;IAIF,UAAU,CAAC,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,CAAC;IACrC,UAAU,CAAC,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,CAAC;IACjC,UAAU,CAAC,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,CAAC;IACrC,UAAU,CAAC,CAAC,YAAY,CAAC,EAAE,UAAU,CAAC,CAAC;IACvC,UAAU,CAAC,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,CAAC;IAC9B,UAAU,CAAC,CAAC,OAAO,CAAC,EAAE,eAAe,CAAC,CAAC;AAC3C;;;;"}
1	+ {"version":3,"file":"use_keyboard_navigation.js","sources":["../../../../../../../../src/components/date_picker/hooks/use_keyboard_navigation.ts"],"sourcesContent":["import { useContext } from 'react';\nimport { useKeyDown } from '@hooks/use_key_down';\nimport { DropdownContext } from '@components/dropdown/context';\nimport { IDropdownContext } from '@components/dropdown/context/types';\nimport { MonthYearNavigationContext, ValueControllerContext } from '../context';\n\n/*\n Hook to bind keyboard keys to navigate date\n */\nexport const useKeyboardNavigation = () => {\n const { setMonth, setYear, year, month } = useContext(MonthYearNavigationContext);\n const { updateDate, navigationDate = new Date(year, month, 1), setNavigationDate } = useContext(ValueControllerContext);\n const { toggleDropdown }: IDropdownContext = useContext(DropdownContext);\n\n const moveDate = (days: number) => {\n const newDate: Date = new Date(navigationDate.toISOString());\n if (navigationDate.getMonth() !== month \|\| navigationDate.getFullYear() !== year) {\n newDate.setMonth(month);\n newDate.setFullYear(year);\n setNavigationDate(newDate);\n } else {\n newDate.setDate(newDate.getDate() + days);\n setNavigationDate(newDate);\n if (month !== newDate.getMonth()) {\n setMonth(newDate.getMonth());\n }\n if (year !== newDate.getFullYear()) {\n setYear(newDate.getFullYear());\n }\n }\n };\n\n const leftArrow = () => moveDate(-1);\n const rightArrow = () => moveDate(+1);\n const upArrow = () => moveDate(-7);\n const downArrow = () => moveDate(7);\n const chooseDate = () => {\n updateDate(navigationDate);\n };\n const chooseDateClose = () => {\n updateDate(navigationDate);\n toggleDropdown?.();\n };\n\n //@todo darqwski\n //This is probably broken because of missing ref\n useKeyDown(['ArrowLeft'], leftArrow);\n useKeyDown(['ArrowUp'], upArrow);\n useKeyDown(['ArrowDown'], downArrow);\n useKeyDown(['ArrowRight'], rightArrow);\n useKeyDown([' '], chooseDate);\n useKeyDown(['Enter'], chooseDateClose);\n};\n"],"names":[],"mappings":";;;;;;AAMA;;;IAGa,qBAAqB,GAAG;IAC3B,IAAA,2CAA2E,EAAzE,sBAAQ,EAAE,oBAAO,EAAE,cAAI,EAAE,gBAAgD,CAAC;IAC5E,IAAA,kCAAiH,EAA/G,0BAAU,EAAE,sBAAyC,EAAzC,8DAAyC,EAAE,wCAAwD,CAAC;IAChH,IAAA,2DAAc,CAAmD;IAEzE,IAAM,QAAQ,GAAG,UAAC,IAAY;QAC1B,IAAM,OAAO,GAAS,IAAI,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,CAAC,CAAC;QAC7D,IAAI,cAAc,CAAC,QAAQ,EAAE,KAAK,KAAK,IAAI,cAAc,CAAC,WAAW,EAAE,KAAK,IAAI,EAAE;YAC9E,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACxB,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAC1B,iBAAiB,CAAC,OAAO,CAAC,CAAC;SAC9B;aAAM;YACH,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,CAAC;YAC1C,iBAAiB,CAAC,OAAO,CAAC,CAAC;YAC3B,IAAI,KAAK,KAAK,OAAO,CAAC,QAAQ,EAAE,EAAE;gBAC9B,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;aAChC;YACD,IAAI,IAAI,KAAK,OAAO,CAAC,WAAW,EAAE,EAAE;gBAChC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;aAClC;SACJ;KACJ,CAAC;IAEF,IAAM,SAAS,GAAG,cAAM,OAAA,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAA,CAAC;IACrC,IAAM,UAAU,GAAG,cAAM,OAAA,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAA,CAAC;IACtC,IAAM,OAAO,GAAG,cAAM,OAAA,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAA,CAAC;IACnC,IAAM,SAAS,GAAG,cAAM,OAAA,QAAQ,CAAC,CAAC,CAAC,GAAA,CAAC;IACpC,IAAM,UAAU,GAAG;QACf,UAAU,CAAC,cAAc,CAAC,CAAC;KAC9B,CAAC;IACF,IAAM,eAAe,GAAG;QACpB,UAAU,CAAC,cAAc,CAAC,CAAC;QAC3B,cAAc,aAAd,cAAc,uBAAd,cAAc,GAAK;KACtB,CAAC;;;IAIF,UAAU,CAAC,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,CAAC;IACrC,UAAU,CAAC,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,CAAC;IACjC,UAAU,CAAC,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,CAAC;IACrC,UAAU,CAAC,CAAC,YAAY,CAAC,EAAE,UAAU,CAAC,CAAC;IACvC,UAAU,CAAC,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,CAAC;IAC9B,UAAU,CAAC,CAAC,OAAO,CAAC,EAAE,eAAe,CAAC,CAAC;AAC3C;;;;"}

package/build/esm/packages/aurora/src/components/date_picker/hooks/use_value_controller.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { useState, useEffect, useContext } from 'react';
 import { __assign } from '../../../../../../_virtual/_tslib.js';
 import { DropdownContext } from '../../dropdown/context/index.js';
-import './../../../../../../dependencies/lodash/union.js';
+import './../../../../../../external_dependencies/lodash/union.js';
 import { formatDate } from '../../../utilities/dates/formats.js';
 import { MILLIS_IN_DAY } from '../constants.js';
@@ -182,7 +182,15 @@ var useValueController = function (_a) {
     var _b = useState(), navigationDate = _b[0], setNavigationDate = _b[1];
     var _c = useState(), hoverDate = _c[0], setHoverDate = _c[1];
     var singleValueController = useSingleValueController({ defaultDate: defaultDate, maxDate: maxDate, minDate: minDate, showButtons: showButtons });
-    var rangeValueController = useRangeValueController({ defaultRange: defaultRange, defaultDate: defaultDate, maxDate: maxDate, minDate: minDate, minRange: minRange, maxRange: maxRange, hoverDate: hoverDate });
+    var rangeValueController = useRangeValueController({
+        defaultRange: defaultRange,
+        defaultDate: defaultDate,
+        maxDate: maxDate,
+        minDate: minDate,
+        minRange: minRange,
+        maxRange: maxRange,
+        hoverDate: hoverDate,
+    });
     var isNavigation = function (date) { return isSameDate(date, navigationDate); };
     var isToday = function (date) { return isSameDate(date, new Date()); };
     var valueController = type === 'single' ? singleValueController : rangeValueController;

package/build/esm/packages/aurora/src/components/date_picker/hooks/use_value_controller.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,OAAO,~~kDAAgD~~;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,OAAO,2DAAgD;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/date_picker/utilities.js CHANGED Viewed

@@ -9,11 +9,17 @@ var getRanges = function () {
     var last3Days = { startDate: new Date(year, month, date - 3), endDate: today };
     var last7Days = { startDate: new Date(year, month, date - 7), endDate: today };
     var currentWeek = { startDate: new Date(year, month, date - today.getDay() + 1), endDate: today };
-    var lastWeek = { startDate: new Date(year, month, date - 6 - today.getDay()), endDate: new Date(year, month, date - today.getDay()) };
+    var lastWeek = {
+        startDate: new Date(year, month, date - 6 - today.getDay()),
+        endDate: new Date(year, month, date - today.getDay()),
+    };
     var currentMonth = { startDate: new Date(year, month, 1), endDate: new Date(year, month, date) };
     var lastMonth = { startDate: new Date(year, month - 1, 1), endDate: new Date(year, month, 0) };
     var currentQuarter = { startDate: new Date(year, month - (month % 3), 1), endDate: new Date(year, month, date) };
-    var lastQuarter = { startDate: new Date(year, month - (month % 3) - 3, 1), endDate: new Date(year, month - (month % 3), 0) };
+    var lastQuarter = {
+        startDate: new Date(year, month - (month % 3) - 3, 1),
+        endDate: new Date(year, month - (month % 3), 0),
+    };
     var currentYear = { startDate: new Date(year, 0, 1), endDate: new Date(year, month, date) };
     var lastYear = { startDate: new Date(year - 1, 0, 1), endDate: new Date(year, 12, 0) };
     return {
@@ -27,7 +33,7 @@ var getRanges = function () {
         'Current Quarter': currentQuarter,
         'Last Quarter': lastQuarter,
         'Current Year': currentYear,
-        'Last Year': lastYear
+        'Last Year': lastYear,
     };
 };

package/build/esm/packages/aurora/src/components/date_picker/utilities.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utilities.js","sources":["../../../../../../../src/components/date_picker/utilities.ts"],"sourcesContent":["/*\n @return ArrayOf available ranges in rangepicker\n */\nexport const getRanges = () => {\n const currentDate = new Date(Date.now());\n const [date, month, year] = [currentDate.getDate(), currentDate.getMonth(), currentDate.getFullYear()];\n\n const today = new Date(year, month, date);\n const yesterday = { startDate: new Date(year, month, date - 1), endDate: today };\n const last3Days = { startDate: new Date(year, month, date - 3), endDate: today };\n const last7Days = { startDate: new Date(year, month, date - 7), endDate: today };\n const currentWeek = { startDate: new Date(year, month, date - today.getDay() + 1), endDate: today };\n const lastWeek = { startDate: new Date(year, month, date - 6 - today.getDay()), endDate: new Date(year, month, date - today.getDay()) };\n const currentMonth = { startDate: new Date(year, month, 1), endDate: new Date(year, month, date) };\n const lastMonth = { startDate: new Date(year, month - 1, 1), endDate: new Date(year, month, 0) };\n const currentQuarter = { startDate: new Date(year, month - (month % 3), 1), endDate: new Date(year, month, date) };\n const lastQuarter = { startDate: new Date(year, month - (month % 3) - 3, 1), endDate: new Date(year, month - (month % 3), 0) };\n const currentYear = { startDate: new Date(year, 0, 1), endDate: new Date(year, month, date) };\n const lastYear = { startDate: new Date(year - 1, 0, 1), endDate: new Date(year, 12, 0) };\n\n return {\n Yesterday: yesterday,\n 'Last 3 days': last3Days,\n 'Last 7 days': last7Days,\n 'Current Week': currentWeek,\n 'Last Week': lastWeek,\n 'Current Month': currentMonth,\n 'Last Month': lastMonth,\n 'Current Quarter': currentQuarter,\n 'Last Quarter': lastQuarter,\n 'Current Year': currentYear,\n 'Last Year': lastYear\n };\n};\n"],"names":[],"mappings":"AAAA;;;IAGa,SAAS,GAAG;IACrB,IAAM,WAAW,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IACnC,IAAA,+EAAgG,EAA/F,YAAI,EAAE,aAAK,EAAE,YAAkF,CAAC;IAEvG,IAAM,KAAK,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IAC1C,IAAM,SAAS,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IACjF,IAAM,SAAS,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IACjF,IAAM,SAAS,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IACjF,IAAM,WAAW,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IACpG,IAAM,QAAQ,GAAG,~~EAAE,~~SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,~~EAAE,~~OAAO,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,~~EAAE,~~CAAC;~~IACxI~~,IAAM,YAAY,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC;IACnG,IAAM,SAAS,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC;IACjG,IAAM,cAAc,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC;IACnH,IAAM,WAAW,GAAG,~~EAAE,~~SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,~~EAAE,~~OAAO,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,~~EAAE,~~CAAC;~~IAC/H~~,IAAM,WAAW,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC;IAC9F,IAAM,QAAQ,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC;IAEzF,OAAO;QACH,SAAS,EAAE,SAAS;QACpB,aAAa,EAAE,SAAS;QACxB,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,WAAW;QAC3B,WAAW,EAAE,QAAQ;QACrB,eAAe,EAAE,YAAY;QAC7B,YAAY,EAAE,SAAS;QACvB,iBAAiB,EAAE,cAAc;QACjC,cAAc,EAAE,WAAW;QAC3B,cAAc,EAAE,WAAW;QAC3B,WAAW,EAAE,QAAQ;KACxB,CAAC;AACN;;;;"}
1	+ {"version":3,"file":"utilities.js","sources":["../../../../../../../src/components/date_picker/utilities.ts"],"sourcesContent":["/*\n @return ArrayOf available ranges in rangepicker\n */\nexport const getRanges = () => {\n const currentDate = new Date(Date.now());\n const [date, month, year] = [currentDate.getDate(), currentDate.getMonth(), currentDate.getFullYear()];\n\n const today = new Date(year, month, date);\n const yesterday = { startDate: new Date(year, month, date - 1), endDate: today };\n const last3Days = { startDate: new Date(year, month, date - 3), endDate: today };\n const last7Days = { startDate: new Date(year, month, date - 7), endDate: today };\n const currentWeek = { startDate: new Date(year, month, date - today.getDay() + 1), endDate: today };\n const lastWeek = {\n startDate: new Date(year, month, date - 6 - today.getDay()),\n endDate: new Date(year, month, date - today.getDay()),\n };\n const currentMonth = { startDate: new Date(year, month, 1), endDate: new Date(year, month, date) };\n const lastMonth = { startDate: new Date(year, month - 1, 1), endDate: new Date(year, month, 0) };\n const currentQuarter = { startDate: new Date(year, month - (month % 3), 1), endDate: new Date(year, month, date) };\n const lastQuarter = {\n startDate: new Date(year, month - (month % 3) - 3, 1),\n endDate: new Date(year, month - (month % 3), 0),\n };\n const currentYear = { startDate: new Date(year, 0, 1), endDate: new Date(year, month, date) };\n const lastYear = { startDate: new Date(year - 1, 0, 1), endDate: new Date(year, 12, 0) };\n\n return {\n Yesterday: yesterday,\n 'Last 3 days': last3Days,\n 'Last 7 days': last7Days,\n 'Current Week': currentWeek,\n 'Last Week': lastWeek,\n 'Current Month': currentMonth,\n 'Last Month': lastMonth,\n 'Current Quarter': currentQuarter,\n 'Last Quarter': lastQuarter,\n 'Current Year': currentYear,\n 'Last Year': lastYear,\n };\n};\n"],"names":[],"mappings":"AAAA;;;IAGa,SAAS,GAAG;IACrB,IAAM,WAAW,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IACnC,IAAA,+EAAgG,EAA/F,YAAI,EAAE,aAAK,EAAE,YAAkF,CAAC;IAEvG,IAAM,KAAK,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IAC1C,IAAM,SAAS,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IACjF,IAAM,SAAS,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IACjF,IAAM,SAAS,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IACjF,IAAM,WAAW,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IACpG,IAAM,QAAQ,GAAG;QACb,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;QAC3D,OAAO,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;KACxD,CAAC;IACF,IAAM,YAAY,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC;IACnG,IAAM,SAAS,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC;IACjG,IAAM,cAAc,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC;IACnH,IAAM,WAAW,GAAG;QAChB,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QACrD,OAAO,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;KAClD,CAAC;IACF,IAAM,WAAW,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC;IAC9F,IAAM,QAAQ,GAAG,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC;IAEzF,OAAO;QACH,SAAS,EAAE,SAAS;QACpB,aAAa,EAAE,SAAS;QACxB,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,WAAW;QAC3B,WAAW,EAAE,QAAQ;QACrB,eAAe,EAAE,YAAY;QAC7B,YAAY,EAAE,SAAS;QACvB,iBAAiB,EAAE,cAAc;QACjC,cAAc,EAAE,WAAW;QAC3B,cAAc,EAAE,WAAW;QAC3B,WAAW,EAAE,QAAQ;KACxB,CAAC;AACN;;;;"}

package/build/esm/packages/aurora/src/components/dropdown/components/content.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import React, { useRef, useState, useEffect } from 'react';
-import { useTranslation } from './../../../../../../dependencies/react-i18next/dist/es/useTranslation.js';
+import { useTranslation } from './../../../../../../external_dependencies/react-i18next/dist/es/useTranslation.js';
 import { useDropdownContext } from '../context/index.js';
 import { SCREEN_XS } from '../../../constants/responsive_breakpoints.js';
 import { useScreenDetect } from '../../../hooks/use_screen_detect.js';
@@ -27,7 +27,7 @@ var Content = function (_a) {
     var _c = useState({
         left: '0px',
         top: '0px',
-        zIndex: DROPDOWN_Z_INDEX
+        zIndex: DROPDOWN_Z_INDEX,
     }), styles = _c[0], setStyles = _c[1];
     var screenWidthName = useScreenDetect();
     var refs = [contentRef];
@@ -57,13 +57,12 @@ var Content = function (_a) {
             enter: cssClasses['dropdown-enter'],
             enterActive: cssClasses['dropdown-enter-active'],
             exit: cssClasses['dropdown-exit'],
-            exitActive: cssClasses['dropdown-exit-active']
+            exitActive: cssClasses['dropdown-exit-active'],
         } },
         React.createElement("div", { ref: contentRef, style: styles, className: cssClasses[cssDropdownContent] },
             React.createElement("div", { className: cssClasses[cssDropdownHeader] },
                 React.createElement("div", { onClick: function () { return typeof toggleDropdown === 'function' && toggleDropdown(); } }, headerComponent !== null && headerComponent !== void 0 ? headerComponent : (React.createElement("div", { className: cssClasses[cssDropdownHeaderContent] },
-                    headerGoBackIcon ||
-                        React.createElement(IconArrow, { className: iconCssClasses['icon_rotate-180'] }),
+                    headerGoBackIcon || React.createElement(IconArrow, { className: iconCssClasses['icon_rotate-180'] }),
                     React.createElement("span", { className: cssClasses[cssDropdownHeaderTitle] }, headerGoBackText !== null && headerGoBackText !== void 0 ? headerGoBackText : t('Go back')))))),
             children))) : null), (portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current) || document.body);
 };

package/build/esm/packages/aurora/src/components/dropdown/components/content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,~~0EAAwE~~;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;~~AACA;~~"}
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,mFAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/dropdown/components/item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"item.js","sources":["../../../../../../../../src/components/dropdown/components/item.tsx"],"sourcesContent":["import React from 'react';\nimport { IDropdownItemProps } from '../types';\nimport { IDropdownContext } from '../context/types';\nimport { useDropdownContext } from '../context';\n\n/*\n Dropdown.Item component. Generic dropdown item\n * @component\n * @example\n * <Dropdown.Item> ... </Dropdown.Item>\n /\nconst Item: React.FC<IDropdownItemProps> = ({\n /\n children nodes\n /\n children,\n\n /\n indicates if its selected\n /\n isSelected,\n\n /\n on click callback\n */\n onClick\n}): JSX.Element => {\n const { toggleDropdown }: IDropdownContext = useDropdownContext();\n\n return (\n <li role=\"option\" aria-selected={isSelected} onClick={(ev: React.MouseEvent) => onClick && onClick({ ev, toggleDropdown })}>\n {children}\n </li>\n );\n};\n\nexport default Item;\n"],"names":[],"mappings":";;;AAKA;;;;;;IAMM,IAAI,GAAiC,UAAC,EAe3C;;;;;IAXG,sBAAQ;;;;IAKR,0BAAU;;;;IAKV,oBAAO;IAEC,IAAA,oDAAc,CAA4C;IAElE,QACI,4BAAI,IAAI,EAAC,QAAQ,mBAAgB,UAAU,EAAE,OAAO,EAAE,UAAC,EAAoB,IAAK,OAAA,OAAO,IAAI,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,cAAc,gBAAA,EAAE,CAAC,GAAA,IACrH,QAAQ,CACR,EACP;AACN;;;;"}
1	+ {"version":3,"file":"item.js","sources":["../../../../../../../../src/components/dropdown/components/item.tsx"],"sourcesContent":["import React from 'react';\nimport { IDropdownItemProps } from '../types';\nimport { IDropdownContext } from '../context/types';\nimport { useDropdownContext } from '../context';\n\n/*\n Dropdown.Item component. Generic dropdown item\n * @component\n * @example\n * <Dropdown.Item> ... </Dropdown.Item>\n /\nconst Item: React.FC<IDropdownItemProps> = ({\n /\n children nodes\n /\n children,\n\n /\n indicates if its selected\n /\n isSelected,\n\n /\n on click callback\n */\n onClick,\n}): JSX.Element => {\n const { toggleDropdown }: IDropdownContext = useDropdownContext();\n\n return (\n <li role=\"option\" aria-selected={isSelected} onClick={(ev: React.MouseEvent) => onClick && onClick({ ev, toggleDropdown })}>\n {children}\n </li>\n );\n};\n\nexport default Item;\n"],"names":[],"mappings":";;;AAKA;;;;;;IAMM,IAAI,GAAiC,UAAC,EAe3C;;;;;IAXG,sBAAQ;;;;IAKR,0BAAU;;;;IAKV,oBAAO;IAEC,IAAA,oDAAc,CAA4C;IAElE,QACI,4BAAI,IAAI,EAAC,QAAQ,mBAAgB,UAAU,EAAE,OAAO,EAAE,UAAC,EAAoB,IAAK,OAAA,OAAO,IAAI,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,cAAc,gBAAA,EAAE,CAAC,GAAA,IACrH,QAAQ,CACR,EACP;AACN;;;;"}

package/build/esm/packages/aurora/src/components/dropdown/components/label.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"label.js","sources":["../../../../../../../../src/components/dropdown/components/label.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { IDropdownLabelProps } from '../types';\nimport { IDropdownContext } from '../context/types';\nimport { useDropdownContext } from '../context';\nimport { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close';\nimport { DROPDOWN_TEST_ID } from '@components/dropdown/constants';\n\n/*\n Dropdown.Label component. Use it for togglable element, if You dont need selectable values\n * @component\n * @example\n * <Dropdown.Label label=\"More options\" />\n /\nconst Label: React.FC<IDropdownLabelProps> = ({\n /\n label text\n /\n label,\n /\n Custom className\n */\n cssClass\n}) => {\n const { toggleDropdown, isOpen }: IDropdownContext = useDropdownContext();\n const ref = useRef(null);\n useKeyboardOpenClose(toggleDropdown, isOpen, ref);\n\n return (\n <span onClick={toggleDropdown} tabIndex={0} ref={ref} className={cssClass} data-test-id={DROPDOWN_TEST_ID.label}>\n {label}\n </span>\n );\n};\n\nexport default Label;\n"],"names":[],"mappings":";;;;;AAOA;;;;;;IAMM,KAAK,GAAkC,UAAC,EAS7C;;;;;IALG,gBAAK;;;;IAIL,sBAAQ;IAEF,IAAA,yBAAmE,EAAjE,kCAAc,EAAE,kBAAiD,CAAC;IAC1E,IAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACzB,oBAAoB,CAAC,cAAc,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IAElD,QACI,8BAAM,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,kBAAgB,gBAAgB,CAAC,KAAK,IAC1G,KAAK,CACH,EACT;AACN;;;;"}
1	+ {"version":3,"file":"label.js","sources":["../../../../../../../../src/components/dropdown/components/label.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { IDropdownLabelProps } from '../types';\nimport { IDropdownContext } from '../context/types';\nimport { useDropdownContext } from '../context';\nimport { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close';\nimport { DROPDOWN_TEST_ID } from '@components/dropdown/constants';\n\n/*\n Dropdown.Label component. Use it for togglable element, if You dont need selectable values\n * @component\n * @example\n * <Dropdown.Label label=\"More options\" />\n /\nconst Label: React.FC<IDropdownLabelProps> = ({\n /\n label text\n /\n label,\n /\n Custom className\n */\n cssClass,\n}) => {\n const { toggleDropdown, isOpen }: IDropdownContext = useDropdownContext();\n const ref = useRef(null);\n useKeyboardOpenClose(toggleDropdown, isOpen, ref);\n\n return (\n <span onClick={toggleDropdown} tabIndex={0} ref={ref} className={cssClass} data-test-id={DROPDOWN_TEST_ID.label}>\n {label}\n </span>\n );\n};\n\nexport default Label;\n"],"names":[],"mappings":";;;;;AAOA;;;;;;IAMM,KAAK,GAAkC,UAAC,EAS7C;;;;;IALG,gBAAK;;;;IAIL,sBAAQ;IAEF,IAAA,yBAAmE,EAAjE,kCAAc,EAAE,kBAAiD,CAAC;IAC1E,IAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACzB,oBAAoB,CAAC,cAAc,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IAElD,QACI,8BAAM,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,kBAAgB,gBAAgB,CAAC,KAAK,IAC1G,KAAK,CACH,EACT;AACN;;;;"}

package/build/esm/packages/aurora/src/components/dropdown/components/list.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list.js","sources":["../../../../../../../../src/components/dropdown/components/list.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport cssClasses from '@css/dropdown/main.module.less';\n\nimport { IDropdownListProps } from '../types';\nimport { cssDropdownList, cssDropdownWithScroll, cssDropdownListWithGroup } from '../css_classes';\n\n/*\n Dropdown.List component. Displays list.\n * @component\n * @example\n * <Dropdown.List isWithGroups={false}>\n * <Dropdown.Item>Test</Dropdown.Item>\n * </Dropdown.List>\n /\nconst List: React.FC<IDropdownListProps> = ({\n /\n indicates if list should render with padding to make groups\n /\n isWithGroups,\n\n /\n Children nodes\n */\n children\n}) => {\n const listClasses = classnames(cssClasses[cssDropdownList], cssClasses[cssDropdownWithScroll], {\n [cssClasses[cssDropdownListWithGroup]]: isWithGroups\n });\n\n return (\n <ul role=\"listbox\" className={listClasses}>\n {children}\n </ul>\n );\n};\n\nexport default List;\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;IAQM,IAAI,GAAiC,UAAC,EAU3C;;;;;;IANG,8BAAY;;;;IAKZ,sBAAQ;IAER,IAAM,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,qBAAqB,CAAC;QACzF,GAAC,UAAU,CAAC,wBAAwB,CAAC,IAAG,YAAY;YACtD,CAAC;IAEH,QACI,4BAAI,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,WAAW,IACpC,QAAQ,CACR,EACP;AACN;;;;"}
1	+ {"version":3,"file":"list.js","sources":["../../../../../../../../src/components/dropdown/components/list.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport cssClasses from '@css/dropdown/main.module.less';\n\nimport { IDropdownListProps } from '../types';\nimport { cssDropdownList, cssDropdownWithScroll, cssDropdownListWithGroup } from '../css_classes';\n\n/*\n Dropdown.List component. Displays list.\n * @component\n * @example\n * <Dropdown.List isWithGroups={false}>\n * <Dropdown.Item>Test</Dropdown.Item>\n * </Dropdown.List>\n /\nconst List: React.FC<IDropdownListProps> = ({\n /\n indicates if list should render with padding to make groups\n /\n isWithGroups,\n\n /\n Children nodes\n */\n children,\n}) => {\n const listClasses = classnames(cssClasses[cssDropdownList], cssClasses[cssDropdownWithScroll], {\n [cssClasses[cssDropdownListWithGroup]]: isWithGroups,\n });\n\n return (\n <ul role=\"listbox\" className={listClasses}>\n {children}\n </ul>\n );\n};\n\nexport default List;\n"],"names":[],"mappings":";;;;;AAQA;;;;;;;;IAQM,IAAI,GAAiC,UAAC,EAU3C;;;;;;IANG,8BAAY;;;;IAKZ,sBAAQ;IAER,IAAM,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,qBAAqB,CAAC;QACzF,GAAC,UAAU,CAAC,wBAAwB,CAAC,IAAG,YAAY;YACtD,CAAC;IAEH,QACI,4BAAI,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,WAAW,IACpC,QAAQ,CACR,EACP;AACN;;;;"}

package/build/esm/packages/aurora/src/components/dropdown/components/option.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"option.js","sources":["../../../../../../../../src/components/dropdown/components/option.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport cssClasses from '@css/dropdown/main.module.less';\n\nimport { IDropdownOptionProps } from '../types';\nimport Item from './item';\nimport { cssDropdownListItem, cssDropdownListItemDisabled, cssDropdownListItemReadonly, cssDropdownListItemSelected } from '../css_classes';\n\n/*\n Dropdown.Option component. Should be only used within Dropdown.List\n * @component\n * @example\n * const option = {\n * text: 'Option 1',\n * value: '1'\n * }\n \n <Dropdown.Option\n * key=\"id1\"\n * option={option}\n * isSelected={false}\n * isDisabled={false}\n * isReadonly={false}\n * onClick={(option) => console.log(option)}\n * />\n /\nconst Option: React.FC<IDropdownOptionProps> = ({\n /\n select option\n /\n option,\n\n /\n indicates if option component is selected\n /\n isSelected,\n\n /\n indicates if option component is readonly\n /\n isReadonly,\n\n /\n indicates if option component is disabled\n /\n isDisabled,\n\n /\n onClick callback\n /\n onClick\n}): JSX.Element => {\n const itemClasses = classnames(cssClasses[cssDropdownListItem], {\n [cssClasses[cssDropdownListItemSelected]]: isSelected,\n [cssClasses[cssDropdownListItemDisabled]]: isDisabled,\n [cssClasses[cssDropdownListItemReadonly]]: isReadonly\n });\n\n /\n click handler works only for options that are neither readonly nor disabled\n */\n const clickHandler = isReadonly \|\| isDisabled ? undefined : () => onClick(option);\n\n return (\n <Item isSelected={isSelected} onClick={clickHandler}>\n <div className={itemClasses}>{<span>{option?.text}</span>}</div>\n </Item>\n );\n};\n\nexport default Option;\n"],"names":[],"mappings":";;;;;;AASA;;;;;;;;;;;;;;;;;;IAkBM,MAAM,GAAmC,UAAC,EAyB/C;;;;;;IArBG,kBAAM;;;;IAKN,0BAAU;;;;IAKV,0BAAU;;;;IAKV,0BAAU;;;;IAKV,oBAAO;IAEP,IAAM,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,mBAAmB,CAAC;QAC1D,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;QACrD,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;QACrD,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;YACvD,CAAC;;;;IAKH,IAAM,YAAY,GAAG,UAAU,IAAI,UAAU,GAAG,SAAS,GAAG,cAAM,OAAA,OAAO,CAAC,MAAM,CAAC,GAAA,CAAC;IAElF,QACI,oBAAC,IAAI,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY;QAC/C,6BAAK,SAAS,EAAE,WAAW,IAAG,kCAAO,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAQ,CAAO,CAC7D,EACT;AACN;;;;"}
1	+ {"version":3,"file":"option.js","sources":["../../../../../../../../src/components/dropdown/components/option.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport cssClasses from '@css/dropdown/main.module.less';\n\nimport { IDropdownOptionProps } from '../types';\nimport Item from './item';\nimport { cssDropdownListItem, cssDropdownListItemDisabled, cssDropdownListItemReadonly, cssDropdownListItemSelected } from '../css_classes';\n\n/*\n Dropdown.Option component. Should be only used within Dropdown.List\n * @component\n * @example\n * const option = {\n * text: 'Option 1',\n * value: '1'\n * }\n \n <Dropdown.Option\n * key=\"id1\"\n * option={option}\n * isSelected={false}\n * isDisabled={false}\n * isReadonly={false}\n * onClick={(option) => console.log(option)}\n * />\n /\nconst Option: React.FC<IDropdownOptionProps> = ({\n /\n select option\n /\n option,\n\n /\n indicates if option component is selected\n /\n isSelected,\n\n /\n indicates if option component is readonly\n /\n isReadonly,\n\n /\n indicates if option component is disabled\n /\n isDisabled,\n\n /\n onClick callback\n /\n onClick,\n}): JSX.Element => {\n const itemClasses = classnames(cssClasses[cssDropdownListItem], {\n [cssClasses[cssDropdownListItemSelected]]: isSelected,\n [cssClasses[cssDropdownListItemDisabled]]: isDisabled,\n [cssClasses[cssDropdownListItemReadonly]]: isReadonly,\n });\n\n /\n click handler works only for options that are neither readonly nor disabled\n */\n const clickHandler = isReadonly \|\| isDisabled ? undefined : () => onClick(option);\n\n return (\n <Item isSelected={isSelected} onClick={clickHandler}>\n <div className={itemClasses}>{<span>{option?.text}</span>}</div>\n </Item>\n );\n};\n\nexport default Option;\n"],"names":[],"mappings":";;;;;;AASA;;;;;;;;;;;;;;;;;;IAkBM,MAAM,GAAmC,UAAC,EAyB/C;;;;;;IArBG,kBAAM;;;;IAKN,0BAAU;;;;IAKV,0BAAU;;;;IAKV,0BAAU;;;;IAKV,oBAAO;IAEP,IAAM,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,mBAAmB,CAAC;QAC1D,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;QACrD,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;QACrD,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;YACvD,CAAC;;;;IAKH,IAAM,YAAY,GAAG,UAAU,IAAI,UAAU,GAAG,SAAS,GAAG,cAAM,OAAA,OAAO,CAAC,MAAM,CAAC,GAAA,CAAC;IAElF,QACI,oBAAC,IAAI,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY;QAC/C,6BAAK,SAAS,EAAE,WAAW,IAAG,kCAAO,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAQ,CAAO,CAC7D,EACT;AACN;;;;"}

package/build/esm/packages/aurora/src/components/dropdown/components/option_multiple.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"option_multiple.js","sources":["../../../../../../../../src/components/dropdown/components/option_multiple.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport cssClasses from '@css/dropdown/main.module.less';\nimport { IDropdownOptionMultipleProps } from '../types';\nimport Item from './item';\nimport { cssDropdownListItem, cssDropdownListItemDisabled, cssDropdownListItemReadonly, cssDropdownListItemSelected } from '../css_classes';\nimport ControlCheckbox from '@components/controls/hoc/control_checkbox';\n\n/*\n Dropdown.OptionMultiple component. Should be only used within Dropdown.List\n * @component\n * @example\n * const option = {\n * text: 'Option 1',\n * value: '1'\n * }\n \n <Dropdown.OptionMultiple\n * key=\"id1\"\n * option={option}\n * isSelected={false}\n * isDisabled={false}\n * isReadonly={false}\n * onClick={(option) => console.log(option)}\n * />\n /\nconst OptionMultiple: React.FC<IDropdownOptionMultipleProps> = ({\n /\n select option\n /\n option,\n\n /\n indicates if option component is selected\n /\n isSelected,\n\n /\n indicates if option component is readonly\n /\n isReadonly,\n\n /\n indicates if option component is disabled\n /\n isDisabled,\n\n /\n onClick callback\n /\n onClick\n}): JSX.Element => {\n const itemClasses = classnames(cssClasses[cssDropdownListItem], {\n [cssClasses[cssDropdownListItemSelected]]: isSelected,\n [cssClasses[cssDropdownListItemDisabled]]: isDisabled,\n [cssClasses[cssDropdownListItemReadonly]]: isReadonly\n });\n\n /\n click handler works only for options that are neither readonly nor disabled\n */\n const clickHandler = isReadonly \|\| isDisabled ? undefined : () => onClick(option);\n\n return (\n <Item isSelected={isSelected} onClick={clickHandler}>\n <div className={itemClasses}>\n <ControlCheckbox initiallyChecked={isSelected} disabled={isReadonly \|\| isDisabled} label={option?.text} />\n </div>\n </Item>\n );\n};\n\nexport default OptionMultiple;\n"],"names":[],"mappings":";;;;;;;AASA;;;;;;;;;;;;;;;;;;IAkBM,cAAc,GAA2C,UAAC,EAyB/D;;;;;;IArBG,kBAAM;;;;IAKN,0BAAU;;;;IAKV,0BAAU;;;;IAKV,0BAAU;;;;IAKV,oBAAO;IAEP,IAAM,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,mBAAmB,CAAC;QAC1D,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;QACrD,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;QACrD,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;YACvD,CAAC;;;;IAKH,IAAM,YAAY,GAAG,UAAU,IAAI,UAAU,GAAG,SAAS,GAAG,cAAM,OAAA,OAAO,CAAC,MAAM,CAAC,GAAA,CAAC;IAElF,QACI,oBAAC,IAAI,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY;QAC/C,6BAAK,SAAS,EAAE,WAAW;YACvB,oBAAC,eAAe,IAAC,gBAAgB,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,IAAI,UAAU,EAAE,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,GAAI,CACxG,CACH,EACT;AACN;;;;"}
1	+ {"version":3,"file":"option_multiple.js","sources":["../../../../../../../../src/components/dropdown/components/option_multiple.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport cssClasses from '@css/dropdown/main.module.less';\nimport { IDropdownOptionMultipleProps } from '../types';\nimport Item from './item';\nimport { cssDropdownListItem, cssDropdownListItemDisabled, cssDropdownListItemReadonly, cssDropdownListItemSelected } from '../css_classes';\nimport ControlCheckbox from '@components/controls/hoc/control_checkbox';\n\n/*\n Dropdown.OptionMultiple component. Should be only used within Dropdown.List\n * @component\n * @example\n * const option = {\n * text: 'Option 1',\n * value: '1'\n * }\n \n <Dropdown.OptionMultiple\n * key=\"id1\"\n * option={option}\n * isSelected={false}\n * isDisabled={false}\n * isReadonly={false}\n * onClick={(option) => console.log(option)}\n * />\n /\nconst OptionMultiple: React.FC<IDropdownOptionMultipleProps> = ({\n /\n select option\n /\n option,\n\n /\n indicates if option component is selected\n /\n isSelected,\n\n /\n indicates if option component is readonly\n /\n isReadonly,\n\n /\n indicates if option component is disabled\n /\n isDisabled,\n\n /\n onClick callback\n /\n onClick,\n}): JSX.Element => {\n const itemClasses = classnames(cssClasses[cssDropdownListItem], {\n [cssClasses[cssDropdownListItemSelected]]: isSelected,\n [cssClasses[cssDropdownListItemDisabled]]: isDisabled,\n [cssClasses[cssDropdownListItemReadonly]]: isReadonly,\n });\n\n /\n click handler works only for options that are neither readonly nor disabled\n */\n const clickHandler = isReadonly \|\| isDisabled ? undefined : () => onClick(option);\n\n return (\n <Item isSelected={isSelected} onClick={clickHandler}>\n <div className={itemClasses}>\n <ControlCheckbox initiallyChecked={isSelected} disabled={isReadonly \|\| isDisabled} label={option?.text} />\n </div>\n </Item>\n );\n};\n\nexport default OptionMultiple;\n"],"names":[],"mappings":";;;;;;;AASA;;;;;;;;;;;;;;;;;;IAkBM,cAAc,GAA2C,UAAC,EAyB/D;;;;;;IArBG,kBAAM;;;;IAKN,0BAAU;;;;IAKV,0BAAU;;;;IAKV,0BAAU;;;;IAKV,oBAAO;IAEP,IAAM,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,mBAAmB,CAAC;QAC1D,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;QACrD,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;QACrD,GAAC,UAAU,CAAC,2BAA2B,CAAC,IAAG,UAAU;YACvD,CAAC;;;;IAKH,IAAM,YAAY,GAAG,UAAU,IAAI,UAAU,GAAG,SAAS,GAAG,cAAM,OAAA,OAAO,CAAC,MAAM,CAAC,GAAA,CAAC;IAElF,QACI,oBAAC,IAAI,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY;QAC/C,6BAAK,SAAS,EAAE,WAAW;YACvB,oBAAC,eAAe,IAAC,gBAAgB,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,IAAI,UAAU,EAAE,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,GAAI,CACxG,CACH,EACT;AACN;;;;"}

package/build/esm/packages/aurora/src/components/dropdown/components/search.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"search.js","sources":["../../../../../../../../src/components/dropdown/components/search.tsx"],"sourcesContent":["import React from 'react';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport { IDropdownSearchProps } from '../types';\nimport { cssDropdownSearch } from '../css_classes';\nimport Input from '@components/controls/components/input';\n\n/*\n Dropdown.Search component. Displays search control.\n * @component\n * @example\n * <Dropdown.Search onKeyUp={(ev) => console.log(`${ev} is a keyboard event`)} />\n /\nconst Search: React.FC<IDropdownSearchProps> = ({\n /\n on key up callback\n */\n onKeyUp\n}) => (\n <aside className={cssClasses[cssDropdownSearch]}>\n <Input placeholder=\"Szukaj\" padding=\"small\" onKeyUp={onKeyUp} autoFocus />\n </aside>\n);\n\nexport default Search;\n"],"names":[],"mappings":";;;;;AAMA;;;;;;IAMM,MAAM,GAAmC,UAAC,EAK/C;;;;;IADG,oBAAO;IACL,QACF,+BAAO,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC;QAC3C,oBAAC,KAAK,IAAC,WAAW,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,SAAG,CACtE;AAHN;;;;"}
1	+ {"version":3,"file":"search.js","sources":["../../../../../../../../src/components/dropdown/components/search.tsx"],"sourcesContent":["import React from 'react';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport { IDropdownSearchProps } from '../types';\nimport { cssDropdownSearch } from '../css_classes';\nimport Input from '@components/controls/components/input';\n\n/*\n Dropdown.Search component. Displays search control.\n * @component\n * @example\n * <Dropdown.Search onKeyUp={(ev) => console.log(`${ev} is a keyboard event`)} />\n /\nconst Search: React.FC<IDropdownSearchProps> = ({\n /\n on key up callback\n */\n onKeyUp,\n}) => (\n <aside className={cssClasses[cssDropdownSearch]}>\n <Input placeholder=\"Szukaj\" padding=\"small\" onKeyUp={onKeyUp} autoFocus />\n </aside>\n);\n\nexport default Search;\n"],"names":[],"mappings":";;;;;AAMA;;;;;;IAMM,MAAM,GAAmC,UAAC,EAK/C;;;;;IADG,oBAAO;IACL,QACF,+BAAO,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC;QAC3C,oBAAC,KAAK,IAAC,WAAW,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,SAAG,CACtE;AAHN;;;;"}

package/build/esm/packages/aurora/src/components/dropdown/components/select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select.js","sources":["../../../../../../../../src/components/dropdown/components/select.tsx"],"sourcesContent":["import React from 'react';\n\nimport InputWrapper from '@components/controls/components/input_wrapper';\n\nimport { IDropdownSelectProps } from '../types';\nimport { IDropdownContext } from '../context/types';\nimport { useDropdownContext } from '../context';\nimport { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close';\nimport cssClasses from '@css/dropdown/main.module.less';\n\n/*\n Dropdown.Select component. Displays select like control. Use it only if you have selectable values.\n * @component\n * @example\n * <Dropdown.Select name=\"select_name\" selectedOptions={['value1', 'value2']} />\n /\nconst Select: React.FC<IDropdownSelectProps> = ({\n /\n select name\n /\n name,\n\n /\n is select disabled, used for styling purposes\n /\n isDisabled = false,\n\n /\n is select readonly, used for styling purposes\n /\n isReadonly = false,\n\n /\n array of selected options\n /\n selectedOptions\n}) => {\n /\n get values from dropdown context\n /\n const { isOpen, toggleDropdown }: IDropdownContext = useDropdownContext();\n\n /\n value for display purposes, its texts not actual values from options\n /\n const value = selectedOptions.map((option) => option.text).join(', ');\n\n /\n disabled options should have hidden inputs with values rendered\n */\n const notDisabled = selectedOptions.filter((option) => !option.isDisabled);\n const $hiddenInputs = notDisabled.map((option) => (\n <input key={option.value} type=\"hidden\" name={name} value={option.value} disabled={isDisabled} readOnly={isReadonly} />\n ));\n\n useKeyboardOpenClose(toggleDropdown, isOpen);\n\n return (\n <div className={cssClasses['select']} aria-expanded={isOpen} aria-haspopup=\"listbox\">\n <InputWrapper value={value} isFocused={Boolean(isOpen)} isDisabled={isDisabled} isReadOnly={isReadonly} onClick={toggleDropdown} />\n {$hiddenInputs}\n </div>\n );\n};\n\nexport default Select;\n"],"names":[],"mappings":";;;;;;AAUA;;;;;;IAMM,MAAM,GAAmC,UAAC,EAoB/C;;;;;IAhBG,cAAI;;;;IAKJ,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,oCAAe;;;;IAKT,IAAA,yBAAmE,EAAjE,kBAAM,EAAE,kCAAyD,CAAC;;;;IAK1E,IAAM,KAAK,GAAG,eAAe,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,IAAI,GAAA,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;;;IAKtE,IAAM,WAAW,GAAG,eAAe,CAAC,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,CAAC,MAAM,CAAC,UAAU,GAAA,CAAC,CAAC;IAC3E,IAAM,aAAa,GAAG,WAAW,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,QAC9C,+BAAO,GAAG,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,GAAI,IAC1H,CAAC,CAAC;IAEH,oBAAoB,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IAE7C,QACI,6BAAK,SAAS,EAAE,UAAU,CAAC,QAAQ,CAAC,mBAAiB,MAAM,mBAAgB,SAAS;QAChF,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,GAAI;QAClI,aAAa,CACZ,EACR;AACN;;;;"}
1	+ {"version":3,"file":"select.js","sources":["../../../../../../../../src/components/dropdown/components/select.tsx"],"sourcesContent":["import React from 'react';\n\nimport InputWrapper from '@components/controls/components/input_wrapper';\n\nimport { IDropdownSelectProps } from '../types';\nimport { IDropdownContext } from '../context/types';\nimport { useDropdownContext } from '../context';\nimport { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close';\nimport cssClasses from '@css/dropdown/main.module.less';\n\n/*\n Dropdown.Select component. Displays select like control. Use it only if you have selectable values.\n * @component\n * @example\n * <Dropdown.Select name=\"select_name\" selectedOptions={['value1', 'value2']} />\n /\nconst Select: React.FC<IDropdownSelectProps> = ({\n /\n select name\n /\n name,\n\n /\n is select disabled, used for styling purposes\n /\n isDisabled = false,\n\n /\n is select readonly, used for styling purposes\n /\n isReadonly = false,\n\n /\n array of selected options\n /\n selectedOptions,\n}) => {\n /\n get values from dropdown context\n /\n const { isOpen, toggleDropdown }: IDropdownContext = useDropdownContext();\n\n /\n value for display purposes, its texts not actual values from options\n /\n const value = selectedOptions.map((option) => option.text).join(', ');\n\n /\n disabled options should have hidden inputs with values rendered\n */\n const notDisabled = selectedOptions.filter((option) => !option.isDisabled);\n const $hiddenInputs = notDisabled.map((option) => (\n <input key={option.value} type=\"hidden\" name={name} value={option.value} disabled={isDisabled} readOnly={isReadonly} />\n ));\n\n useKeyboardOpenClose(toggleDropdown, isOpen);\n\n return (\n <div className={cssClasses['select']} aria-expanded={isOpen} aria-haspopup=\"listbox\">\n <InputWrapper value={value} isFocused={Boolean(isOpen)} isDisabled={isDisabled} isReadOnly={isReadonly} onClick={toggleDropdown} />\n {$hiddenInputs}\n </div>\n );\n};\n\nexport default Select;\n"],"names":[],"mappings":";;;;;;AAUA;;;;;;IAMM,MAAM,GAAmC,UAAC,EAoB/C;;;;;IAhBG,cAAI;;;;IAKJ,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,oCAAe;;;;IAKT,IAAA,yBAAmE,EAAjE,kBAAM,EAAE,kCAAyD,CAAC;;;;IAK1E,IAAM,KAAK,GAAG,eAAe,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,IAAI,GAAA,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;;;IAKtE,IAAM,WAAW,GAAG,eAAe,CAAC,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,CAAC,MAAM,CAAC,UAAU,GAAA,CAAC,CAAC;IAC3E,IAAM,aAAa,GAAG,WAAW,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,QAC9C,+BAAO,GAAG,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,GAAI,IAC1H,CAAC,CAAC;IAEH,oBAAoB,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IAE7C,QACI,6BAAK,SAAS,EAAE,UAAU,CAAC,QAAQ,CAAC,mBAAiB,MAAM,mBAAgB,SAAS;QAChF,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,GAAI;QAClI,aAAa,CACZ,EACR;AACN;;;;"}

package/build/esm/packages/aurora/src/components/dropdown/hoc/multiselect/index.js CHANGED Viewed

@@ -35,11 +35,13 @@ var Multiple = function (_a) {
      */
     options = _a.options,
     /**
-     * array of default values (for select its always one element), array is used to be compatible with multiselects
+     * array of default values (for select its always one element),
+     * array is used to be compatible with multiselects
      */
     _b = _a.defaultValues,
     /**
-     * array of default values (for select its always one element), array is used to be compatible with multiselects
+     * array of default values (for select its always one element),
+     * array is used to be compatible with multiselects
      */
     defaultValues = _b === void 0 ? [] : _b,
     /**
@@ -59,11 +61,15 @@ var Multiple = function (_a) {
      */
     isDisabled = _d === void 0 ? false : _d,
     /**
-     * indicates if selects has groups (similiar to optgroup), options then have left-padding, and you should use options with isHeader set to true
+     * indicates if selects has groups (similiar to optgroup), options
+     * then have left-padding, and you should use options with isHeader
+     * set to true
      */
     _e = _a.isWithGroups,
     /**
-     * indicates if selects has groups (similiar to optgroup), options then have left-padding, and you should use options with isHeader set to true
+     * indicates if selects has groups (similiar to optgroup), options
+     * then have left-padding, and you should use options with isHeader
+     * set to true
      */
     isWithGroups = _e === void 0 ? false : _e,
     /**

package/build/esm/packages/aurora/src/components/dropdown/hoc/multiselect/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../../../../src/components/dropdown/hoc/multiselect/index.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport Dropdown from '../../index';\nimport { IMultiSelectProps, ISelectOption } from '../../types';\nimport { DropdownContext } from '../../context';\nimport { useToggle, useSetOptionsOnClose, useValues } from '../../hooks';\nimport { handleSearchKeyUp, handleItemClick, isSelected } from '../../utilities';\nimport { cssDropdown } from '../../css_classes';\n\n/*\n MultiSelect component. Build with Dropdown composed components.\n \n @component\n * @example\n * const options = [{\n * text: 'Option 1',\n * value: 'value1'\n * }, {\n * text: 'Option 2,,\n * value: 'value2'\n * }];\n * return (\n * <MultiSelect name=\"my_select_name\" options={options} onChange={(option) => console.log(option)} />\n * )\n /\nconst Multiple: React.FC<IMultiSelectProps> = ({\n /\n multiselect name, used also for hidden inputs\n /\n name,\n\n /\n array of multiselect options\n /\n options,\n\n /\n array of default values (for select its always one element), array is used to be compatible with multiselects\n /\n defaultValues = [],\n\n /\n indicates if select is readonly\n /\n isReadonly = false,\n\n /\n indicatse if select is disabled\n /\n isDisabled = false,\n\n /\n indicates if selects has groups (similiar to optgroup), options then have left-padding, and you should use options with isHeader set to true\n /\n isWithGroups = false,\n\n /\n indicates if select should have search to look for options\n /\n isWithSearch = false,\n\n /\n indicates if select should be opened at render\n /\n defaultIsOpen = false,\n\n /\n indicates if select should hide on option click\n /\n defaultCloseOnClick = false,\n\n /\n called on select toggle\n /\n onToggle,\n\n /\n called on option change\n /\n onChange\n}) => {\n /\n reference to dropdown wrapper element\n /\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n /\n isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content\n /\n const [isOpen, toggleDropdown] = useToggle(defaultIsOpen, onToggle);\n\n /\n hook with option list state, and method to change option list\n /\n const [optionsList, setOptionsList] = useState(options);\n\n /\n hook with selected value, and method do change it\n /\n const [selectedValues, setSelectedValues] = useValues(wrapperRef, options, defaultValues, onChange);\n\n /\n context values, they may be used with useContext in any component which is part of Dropdown composition\n /\n const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);\n\n /\n hook which resets options list to default on close if select has search and it was used\n */\n useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);\n\n return (\n <DropdownContext.Provider value={value}>\n <div ref={wrapperRef} className={cssClasses[cssDropdown]}>\n <Dropdown.Select name={name} isReadonly={isReadonly} isDisabled={isDisabled} selectedOptions={selectedValues} />\n\n <Dropdown.Content>\n {isWithSearch && <Dropdown.Search onKeyUp={(ev) => handleSearchKeyUp(ev, options, setOptionsList)} />}\n\n <Dropdown.List isWithGroups={isWithGroups}>\n {optionsList?.map((option: ISelectOption) =>\n option.isHeader ? (\n <Dropdown.Header key={option.text} text={option.text} />\n ) : (\n <Dropdown.OptionMultiple\n key={option.value}\n option={option}\n isSelected={isSelected(option, selectedValues)}\n isDisabled={option.isDisabled ?? isDisabled}\n isReadonly={option.isReadonly ?? isReadonly}\n onClick={(option) => handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown)}\n />\n )\n )}\n </Dropdown.List>\n </Dropdown.Content>\n </div>\n </DropdownContext.Provider>\n );\n};\n\nexport default Multiple;\n"],"names":[],"mappings":";;;;;;;;;;AASA;;;;;;;;;;;;;;;;IAgBM,QAAQ,GAAgC,UAAC,~~EAuD9C~~;;;;;~~IAnDG~~,cAAI;;;;IAKJ,oBAAO~~;;;;IAKP~~,qBAAkB~~;;;;~~IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB~~;;;;IAKlB~~,oBAAoB~~;;;;~~IAApB,yCAAoB;;;;IAKpB,oBAAoB;;;;IAApB,yCAAoB;;;;IAKpB,qBAAqB;;;;IAArB,0CAAqB;;;;IAKrB,2BAA2B;;;;IAA3B,gDAA2B;;;;IAK3B,sBAAQ;;;;IAKR,sBAAQ;;;;IAKR,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;;;;IAK1C,IAAA,uCAA6D,EAA5D,cAAM,EAAE,sBAAoD,CAAC;;;;IAK9D,IAAA,sBAAiD,EAAhD,mBAAW,EAAE,sBAAmC,CAAC;;;;IAKlD,IAAA,4DAA6F,EAA5F,sBAAc,EAAE,yBAA4E,CAAC;;;;IAKpG,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,QAAC,EAAE,UAAU,YAAA,EAAE,MAAM,QAAA,EAAE,cAAc,gBAAA,EAAE,IAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;;;;IAKtG,oBAAoB,CAAC,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IAEpE,QACI,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QAClC,6BAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,WAAW,CAAC;YACpD,oBAAC,QAAQ,CAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,GAAI;YAEhH,oBAAC,QAAQ,CAAC,OAAO;gBACZ,YAAY,IAAI,oBAAC,QAAQ,CAAC,MAAM,IAAC,OAAO,EAAE,UAAC,EAAE,IAAK,OAAA,iBAAiB,CAAC,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,GAAA,GAAI;gBAErG,oBAAC,QAAQ,CAAC,IAAI,IAAC,YAAY,EAAE,YAAY,IACpC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,UAAC,MAAqB;;oBACpC,OAAA,MAAM,CAAC,QAAQ,IACX,oBAAC,QAAQ,CAAC,MAAM,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,GAAI,KAExD,oBAAC,QAAQ,CAAC,cAAc,IACpB,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,CAAC,MAAM,EAAE,cAAc,CAAC,EAC9C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,OAAO,EAAE,UAAC,MAAM,IAAK,OAAA,eAAe,CAAC,MAAM,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,cAAc,CAAC,GAAA,GACtG,CACL,CAAA;iBAAA,EAEO,CACD,CACjB,CACiB,EAC7B;AACN;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../../../../src/components/dropdown/hoc/multiselect/index.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport Dropdown from '../../index';\nimport { IMultiSelectProps, ISelectOption } from '../../types';\nimport { DropdownContext } from '../../context';\nimport { useToggle, useSetOptionsOnClose, useValues } from '../../hooks';\nimport { handleSearchKeyUp, handleItemClick, isSelected } from '../../utilities';\nimport { cssDropdown } from '../../css_classes';\n\n/*\n MultiSelect component. Build with Dropdown composed components.\n \n @component\n * @example\n * const options = [{\n * text: 'Option 1',\n * value: 'value1'\n * }, {\n * text: 'Option 2,,\n * value: 'value2'\n * }];\n * return (\n * <MultiSelect name=\"my_select_name\" options={options} onChange={(option) => console.log(option)} />\n * )\n /\nconst Multiple: React.FC<IMultiSelectProps> = ({\n /\n multiselect name, used also for hidden inputs\n /\n name,\n\n /\n array of multiselect options\n /\n options,\n\n /\n array of default values (for select its always one element),\n * array is used to be compatible with multiselects\n /\n defaultValues = [],\n\n /\n indicates if select is readonly\n /\n isReadonly = false,\n\n /\n indicatse if select is disabled\n /\n isDisabled = false,\n\n /\n indicates if selects has groups (similiar to optgroup), options\n * then have left-padding, and you should use options with isHeader\n * set to true\n /\n isWithGroups = false,\n\n /\n indicates if select should have search to look for options\n /\n isWithSearch = false,\n\n /\n indicates if select should be opened at render\n /\n defaultIsOpen = false,\n\n /\n indicates if select should hide on option click\n /\n defaultCloseOnClick = false,\n\n /\n called on select toggle\n /\n onToggle,\n\n /\n called on option change\n /\n onChange,\n}) => {\n /\n reference to dropdown wrapper element\n /\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n /\n isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content\n /\n const [isOpen, toggleDropdown] = useToggle(defaultIsOpen, onToggle);\n\n /\n hook with option list state, and method to change option list\n /\n const [optionsList, setOptionsList] = useState(options);\n\n /\n hook with selected value, and method do change it\n /\n const [selectedValues, setSelectedValues] = useValues(wrapperRef, options, defaultValues, onChange);\n\n /\n context values, they may be used with useContext in any component which is part of Dropdown composition\n /\n const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);\n\n /\n hook which resets options list to default on close if select has search and it was used\n */\n useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);\n\n return (\n <DropdownContext.Provider value={value}>\n <div ref={wrapperRef} className={cssClasses[cssDropdown]}>\n <Dropdown.Select name={name} isReadonly={isReadonly} isDisabled={isDisabled} selectedOptions={selectedValues} />\n\n <Dropdown.Content>\n {isWithSearch && <Dropdown.Search onKeyUp={(ev) => handleSearchKeyUp(ev, options, setOptionsList)} />}\n\n <Dropdown.List isWithGroups={isWithGroups}>\n {optionsList?.map((option: ISelectOption) =>\n option.isHeader ? (\n <Dropdown.Header key={option.text} text={option.text} />\n ) : (\n <Dropdown.OptionMultiple\n key={option.value}\n option={option}\n isSelected={isSelected(option, selectedValues)}\n isDisabled={option.isDisabled ?? isDisabled}\n isReadonly={option.isReadonly ?? isReadonly}\n onClick={(option) => handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown)}\n />\n )\n )}\n </Dropdown.List>\n </Dropdown.Content>\n </div>\n </DropdownContext.Provider>\n );\n};\n\nexport default Multiple;\n"],"names":[],"mappings":";;;;;;;;;;AASA;;;;;;;;;;;;;;;;IAgBM,QAAQ,GAAgC,UAAC,EA0D9C;;;;;IAtDG,cAAI;;;;IAKJ,oBAAO;;;;;IAMP,qBAAkB;;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;;;IAOlB,oBAAoB;;;;;;IAApB,yCAAoB;;;;IAKpB,oBAAoB;;;;IAApB,yCAAoB;;;;IAKpB,qBAAqB;;;;IAArB,0CAAqB;;;;IAKrB,2BAA2B;;;;IAA3B,gDAA2B;;;;IAK3B,sBAAQ;;;;IAKR,sBAAQ;;;;IAKR,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;;;;IAK1C,IAAA,uCAA6D,EAA5D,cAAM,EAAE,sBAAoD,CAAC;;;;IAK9D,IAAA,sBAAiD,EAAhD,mBAAW,EAAE,sBAAmC,CAAC;;;;IAKlD,IAAA,4DAA6F,EAA5F,sBAAc,EAAE,yBAA4E,CAAC;;;;IAKpG,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,QAAC,EAAE,UAAU,YAAA,EAAE,MAAM,QAAA,EAAE,cAAc,gBAAA,EAAE,IAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;;;;IAKtG,oBAAoB,CAAC,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IAEpE,QACI,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QAClC,6BAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,WAAW,CAAC;YACpD,oBAAC,QAAQ,CAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,GAAI;YAEhH,oBAAC,QAAQ,CAAC,OAAO;gBACZ,YAAY,IAAI,oBAAC,QAAQ,CAAC,MAAM,IAAC,OAAO,EAAE,UAAC,EAAE,IAAK,OAAA,iBAAiB,CAAC,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,GAAA,GAAI;gBAErG,oBAAC,QAAQ,CAAC,IAAI,IAAC,YAAY,EAAE,YAAY,IACpC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,UAAC,MAAqB;;oBACpC,OAAA,MAAM,CAAC,QAAQ,IACX,oBAAC,QAAQ,CAAC,MAAM,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,GAAI,KAExD,oBAAC,QAAQ,CAAC,cAAc,IACpB,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,CAAC,MAAM,EAAE,cAAc,CAAC,EAC9C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,OAAO,EAAE,UAAC,MAAM,IAAK,OAAA,eAAe,CAAC,MAAM,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,cAAc,CAAC,GAAA,GACtG,CACL,CAAA;iBAAA,EAEO,CACD,CACjB,CACiB,EAC7B;AACN;;;;"}

package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js CHANGED Viewed

@@ -35,11 +35,13 @@ var Select = function (_a) {
      */
     options = _a.options,
     /**
-     * array of default values (for select its always one element), array is used to be compatible with multiselects
+     * array of default values (for select its always one element), array is
+     * used to be compatible with multiselects
      */
     _b = _a.defaultValues,
     /**
-     * array of default values (for select its always one element), array is used to be compatible with multiselects
+     * array of default values (for select its always one element), array is
+     * used to be compatible with multiselects
      */
     defaultValues = _b === void 0 ? [] : _b,
     /**
@@ -59,11 +61,13 @@ var Select = function (_a) {
      */
     isDisabled = _d === void 0 ? false : _d,
     /**
-     * indicates if selects has groups (similar to optgroup), options then have left-padding, and you should use options with isHeader set to true
+     * indicates if selects has groups (similar to optgroup), options then have
+     * left-padding, and you should use options with isHeader set to true
      */
     _e = _a.isWithGroups,
     /**
-     * indicates if selects has groups (similar to optgroup), options then have left-padding, and you should use options with isHeader set to true
+     * indicates if selects has groups (similar to optgroup), options then have
+     * left-padding, and you should use options with isHeader set to true
      */
     isWithGroups = _e === void 0 ? false : _e,
     /**

package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../../../../src/components/dropdown/hoc/select/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport Dropdown from '../../index';\nimport { ISelectProps, ISelectOption } from '../../types';\nimport { DropdownContext } from '../../context';\nimport { useToggle, useSetOptionsOnClose, useValue } from '../../hooks';\nimport { handleSearchKeyUp, handleItemClick, isSelected } from '../../utilities';\nimport { cssDropdown } from '../../css_classes';\n/*\n Select component. Build with Dropdown composed components.\n \n @component\n * @example\n * const options = [{\n * text: 'Option 1',\n * value: 'value1'\n * }, {\n * text: 'Option 2,,\n * value: 'value2'\n * }];\n * return (\n * <Select name=\"my_select_name\" options={options} onChange={(option) => console.log(option)} />\n * )\n /\nconst Select: React.FC<ISelectProps> = ({\n /\n select name, used also for hidden inputs\n /\n name,\n\n /\n array of select options\n /\n options,\n\n /\n array of default values (for select its always one element), array is used to be compatible with multiselects\n /\n defaultValues = [],\n\n /\n indicates if select is readonly\n /\n isReadonly = false,\n\n /\n indicates if select is disabled\n /\n isDisabled = false,\n\n /\n indicates if selects has groups (similar to optgroup), options then have left-padding, and you should use options with isHeader set to true\n /\n isWithGroups = false,\n\n /\n indicates if select should have search to look for options\n /\n isWithSearch = false,\n\n /\n indicates if select should be opened at render\n /\n defaultIsOpen = false,\n\n /\n indicates if select should hide on option click\n /\n defaultCloseOnClick = true,\n\n /\n called on select toggle\n /\n onToggle,\n\n /\n called on option change\n /\n onChange,\n /\n Place where portal should be placed, by default to body\n * this can be used to put modal inside modal\n /\n portalContainer,\n}) => {\n /\n reference to dropdown wrapper element\n /\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n /\n isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content\n /\n const [isOpen, toggleDropdown] = useToggle(defaultIsOpen, onToggle);\n\n /\n hook with option list state, and method to change option list\n /\n const [optionsList, setOptionsList] = useState<ISelectOption[]>([]);\n\n /\n hook with selected value, and method do change it\n /\n const [selectedValues, setSelectedValues] = useValue(wrapperRef, options, defaultValues, onChange);\n\n /\n context values, they may be used with useContext in any component which is part of Dropdown composition\n /\n const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);\n\n /\n hook which resets options list to default on close if select has search and it was used\n */\n useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);\n\n useEffect(() => {\n setOptionsList(options);\n }, [options]);\n\n return (\n <DropdownContext.Provider value={value}>\n <div ref={wrapperRef} className={cssClasses[cssDropdown]}>\n <Dropdown.Select name={name} isReadonly={isReadonly} isDisabled={isDisabled} selectedOptions={selectedValues} />\n\n <Dropdown.Content portalContainer={portalContainer}>\n {isWithSearch && <Dropdown.Search onKeyUp={(ev) => handleSearchKeyUp(ev, options, setOptionsList)} />}\n\n <Dropdown.List isWithGroups={isWithGroups}>\n {optionsList?.map((option: ISelectOption) =>\n option.isHeader ? (\n <Dropdown.Header key={option.text} text={option.text} />\n ) : (\n <Dropdown.Option\n key={option.value}\n option={option}\n isSelected={isSelected(option, selectedValues)}\n isDisabled={option.isDisabled ?? isDisabled}\n isReadonly={option.isReadonly ?? isReadonly}\n onClick={(option) => handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown)}\n />\n )\n )}\n </Dropdown.List>\n </Dropdown.Content>\n </div>\n </DropdownContext.Provider>\n );\n};\n\nexport default Select;\n"],"names":[],"mappings":";;;;;;;;;;~~AAQA~~;;;;;;;;;;;;;;;;IAgBM,MAAM,GAA2B,UAAC,~~EA4DvC~~;;;;;~~IAxDG~~,cAAI;;;;IAKJ,oBAAO~~;;;;IAKP~~,qBAAkB~~;;;;~~IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB~~;;;;IAKlB~~,oBAAoB~~;;;;~~IAApB,yCAAoB;;;;IAKpB,oBAAoB;;;;IAApB,yCAAoB;;;;IAKpB,qBAAqB;;;;IAArB,0CAAqB;;;;IAKrB,2BAA0B;;;;IAA1B,+CAA0B;;;;IAK1B,sBAAQ;;;;IAKR,sBAAQ;;;;;IAKR,oCAAe;;;;IAKf,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;;;;IAK1C,IAAA,uCAA6D,EAA5D,cAAM,EAAE,sBAAoD,CAAC;;;;IAK9D,IAAA,iBAA6D,EAA5D,mBAAW,EAAE,sBAA+C,CAAC;;;;IAK9D,IAAA,2DAA4F,EAA3F,sBAAc,EAAE,yBAA2E,CAAC;;;;IAKnG,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,QAAC,EAAE,UAAU,YAAA,EAAE,MAAM,QAAA,EAAE,cAAc,gBAAA,EAAE,IAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;;;;IAKtG,oBAAoB,CAAC,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IAEpE,SAAS,CAAC;QACN,cAAc,CAAC,OAAO,CAAC,CAAC;KAC3B,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,QACI,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QAClC,6BAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,WAAW,CAAC;YACpD,oBAAC,QAAQ,CAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,GAAI;YAEhH,oBAAC,QAAQ,CAAC,OAAO,IAAC,eAAe,EAAE,eAAe;gBAC7C,YAAY,IAAI,oBAAC,QAAQ,CAAC,MAAM,IAAC,OAAO,EAAE,UAAC,EAAE,IAAK,OAAA,iBAAiB,CAAC,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,GAAA,GAAI;gBAErG,oBAAC,QAAQ,CAAC,IAAI,IAAC,YAAY,EAAE,YAAY,IACpC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,UAAC,MAAqB;;oBACpC,OAAA,MAAM,CAAC,QAAQ,IACX,oBAAC,QAAQ,CAAC,MAAM,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,GAAI,KAExD,oBAAC,QAAQ,CAAC,MAAM,IACZ,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,CAAC,MAAM,EAAE,cAAc,CAAC,EAC9C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,OAAO,EAAE,UAAC,MAAM,IAAK,OAAA,eAAe,CAAC,MAAM,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,cAAc,CAAC,GAAA,GACtG,CACL,CAAA;iBAAA,EAEO,CACD,CACjB,CACiB,EAC7B;AACN;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../../../../src/components/dropdown/hoc/select/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport cssClasses from '@css/dropdown/main.module.less';\nimport Dropdown from '../../index';\nimport { ISelectProps, ISelectOption } from '../../types';\nimport { DropdownContext } from '../../context';\nimport { useToggle, useSetOptionsOnClose, useValue } from '../../hooks';\nimport { handleSearchKeyUp, handleItemClick, isSelected } from '../../utilities';\nimport { cssDropdown } from '../../css_classes';\n\n/*\n Select component. Build with Dropdown composed components.\n \n @component\n * @example\n * const options = [{\n * text: 'Option 1',\n * value: 'value1'\n * }, {\n * text: 'Option 2,,\n * value: 'value2'\n * }];\n * return (\n * <Select name=\"my_select_name\" options={options} onChange={(option) => console.log(option)} />\n * )\n /\nconst Select: React.FC<ISelectProps> = ({\n /\n select name, used also for hidden inputs\n /\n name,\n\n /\n array of select options\n /\n options,\n\n /\n array of default values (for select its always one element), array is\n * used to be compatible with multiselects\n /\n defaultValues = [],\n\n /\n indicates if select is readonly\n /\n isReadonly = false,\n\n /\n indicates if select is disabled\n /\n isDisabled = false,\n\n /\n indicates if selects has groups (similar to optgroup), options then have\n * left-padding, and you should use options with isHeader set to true\n /\n isWithGroups = false,\n\n /\n indicates if select should have search to look for options\n /\n isWithSearch = false,\n\n /\n indicates if select should be opened at render\n /\n defaultIsOpen = false,\n\n /\n indicates if select should hide on option click\n /\n defaultCloseOnClick = true,\n\n /\n called on select toggle\n /\n onToggle,\n\n /\n called on option change\n /\n onChange,\n /\n Place where portal should be placed, by default to body\n * this can be used to put modal inside modal\n /\n portalContainer,\n}) => {\n /\n reference to dropdown wrapper element\n /\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n /\n isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content\n /\n const [isOpen, toggleDropdown] = useToggle(defaultIsOpen, onToggle);\n\n /\n hook with option list state, and method to change option list\n /\n const [optionsList, setOptionsList] = useState<ISelectOption[]>([]);\n\n /\n hook with selected value, and method do change it\n /\n const [selectedValues, setSelectedValues] = useValue(wrapperRef, options, defaultValues, onChange);\n\n /\n context values, they may be used with useContext in any component which is part of Dropdown composition\n /\n const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);\n\n /\n hook which resets options list to default on close if select has search and it was used\n */\n useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);\n\n useEffect(() => {\n setOptionsList(options);\n }, [options]);\n\n return (\n <DropdownContext.Provider value={value}>\n <div ref={wrapperRef} className={cssClasses[cssDropdown]}>\n <Dropdown.Select name={name} isReadonly={isReadonly} isDisabled={isDisabled} selectedOptions={selectedValues} />\n\n <Dropdown.Content portalContainer={portalContainer}>\n {isWithSearch && <Dropdown.Search onKeyUp={(ev) => handleSearchKeyUp(ev, options, setOptionsList)} />}\n\n <Dropdown.List isWithGroups={isWithGroups}>\n {optionsList?.map((option: ISelectOption) =>\n option.isHeader ? (\n <Dropdown.Header key={option.text} text={option.text} />\n ) : (\n <Dropdown.Option\n key={option.value}\n option={option}\n isSelected={isSelected(option, selectedValues)}\n isDisabled={option.isDisabled ?? isDisabled}\n isReadonly={option.isReadonly ?? isReadonly}\n onClick={(option) => handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown)}\n />\n )\n )}\n </Dropdown.List>\n </Dropdown.Content>\n </div>\n </DropdownContext.Provider>\n );\n};\n\nexport default Select;\n"],"names":[],"mappings":";;;;;;;;;;AASA;;;;;;;;;;;;;;;;IAgBM,MAAM,GAA2B,UAAC,EA8DvC;;;;;IA1DG,cAAI;;;;IAKJ,oBAAO;;;;;IAMP,qBAAkB;;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;IAKlB,kBAAkB;;;;IAAlB,uCAAkB;;;;;IAMlB,oBAAoB;;;;;IAApB,yCAAoB;;;;IAKpB,oBAAoB;;;;IAApB,yCAAoB;;;;IAKpB,qBAAqB;;;;IAArB,0CAAqB;;;;IAKrB,2BAA0B;;;;IAA1B,+CAA0B;;;;IAK1B,sBAAQ;;;;IAKR,sBAAQ;;;;;IAKR,oCAAe;;;;IAKf,IAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;;;;IAK1C,IAAA,uCAA6D,EAA5D,cAAM,EAAE,sBAAoD,CAAC;;;;IAK9D,IAAA,iBAA6D,EAA5D,mBAAW,EAAE,sBAA+C,CAAC;;;;IAK9D,IAAA,2DAA4F,EAA3F,sBAAc,EAAE,yBAA2E,CAAC;;;;IAKnG,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,QAAC,EAAE,UAAU,YAAA,EAAE,MAAM,QAAA,EAAE,cAAc,gBAAA,EAAE,IAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;;;;IAKtG,oBAAoB,CAAC,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IAEpE,SAAS,CAAC;QACN,cAAc,CAAC,OAAO,CAAC,CAAC;KAC3B,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,QACI,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QAClC,6BAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,WAAW,CAAC;YACpD,oBAAC,QAAQ,CAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,GAAI;YAEhH,oBAAC,QAAQ,CAAC,OAAO,IAAC,eAAe,EAAE,eAAe;gBAC7C,YAAY,IAAI,oBAAC,QAAQ,CAAC,MAAM,IAAC,OAAO,EAAE,UAAC,EAAE,IAAK,OAAA,iBAAiB,CAAC,EAAE,EAAE,OAAO,EAAE,cAAc,CAAC,GAAA,GAAI;gBAErG,oBAAC,QAAQ,CAAC,IAAI,IAAC,YAAY,EAAE,YAAY,IACpC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,UAAC,MAAqB;;oBACpC,OAAA,MAAM,CAAC,QAAQ,IACX,oBAAC,QAAQ,CAAC,MAAM,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,GAAI,KAExD,oBAAC,QAAQ,CAAC,MAAM,IACZ,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,CAAC,MAAM,EAAE,cAAc,CAAC,EAC9C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,UAAU,QAAE,MAAM,CAAC,UAAU,mCAAI,UAAU,EAC3C,OAAO,EAAE,UAAC,MAAM,IAAK,OAAA,eAAe,CAAC,MAAM,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,cAAc,CAAC,GAAA,GACtG,CACL,CAAA;iBAAA,EAEO,CACD,CACjB,CACiB,EAC7B;AACN;;;;"}

package/build/esm/packages/aurora/src/components/dropdown/hooks/use_toggle.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { useState, useCallback } from 'react';
-import './../../../../../../dependencies/lodash/_root.js';
-import './../../../../../../dependencies/lodash/_baseGetTag.js';
+import './../../../../../../external_dependencies/lodash/_root.js';
+import './../../../../../../external_dependencies/lodash/_baseGetTag.js';
 import { useEffectAfterMount } from '../../../hooks/use_effect_after_mount.js';
 /**

package/build/esm/packages/aurora/src/components/dropdown/hooks/use_toggle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,OAAO,~~kDAAgD~~;AACvD,OAAO,~~wDAAsD~~;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,OAAO,2DAAgD;AACvD,OAAO,iEAAsD;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/dropdown/hooks/use_values.d.ts CHANGED Viewed

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import { ISelectOption } from '../types';
 /**
- * Hook used to allow use multiple selectable values, returns array of selected values and method to set value as selected/unselected
- * You can use is for multiselect or any other form of control which needs multiple selectable values
+ * Hook used to allow use multiple selectable values, returns array of selected values and method to set value as
+ * selected/unselected You can use is for multiselect or any other form of control which needs multiple selectable
+ * values
  * @param {React.RefObject<HTMLElement>} wrapperRef
  * @param {Array<ISelectOption>} options
  * @param {Array<string>} defaultValues

package/build/esm/packages/aurora/src/components/dropdown/hooks/use_values.js CHANGED Viewed

@@ -2,8 +2,9 @@ import { useState, useCallback } from 'react';
 import { __spreadArrays } from '../../../../../../_virtual/_tslib.js';
 /**
- * Hook used to allow use multiple selectable values, returns array of selected values and method to set value as selected/unselected
- * You can use is for multiselect or any other form of control which needs multiple selectable values
+ * Hook used to allow use multiple selectable values, returns array of selected values and method to set value as
+ * selected/unselected You can use is for multiselect or any other form of control which needs multiple selectable
+ * values
  * @param {React.RefObject<HTMLElement>} wrapperRef
  * @param {Array<ISelectOption>} options
  * @param {Array<string>} defaultValues
@@ -17,7 +18,8 @@ function useValues(wrapperRef, options, defaultValues, onChangeCb) {
     var defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) { return defaultValues && (defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.indexOf(option.value)) >= 0; });
     var _a = useState(defaultSelectedOptions), selectedValues = _a[0], setSelectedValue = _a[1];
     /**
-     * updates the state of selected options, emits custom event(dropdown:change) on dropdown reference(wrapperRef) for not only react projects
+     * updates the state of selected options, emits custom event(dropdown:change) on dropdown reference(wrapperRef) for
+     * not only react projects
      * @param {ISelectOption} selectedOption choosen option
      */
     var setSelectedValues = useCallback(function (selectedOption) {
@@ -39,8 +41,8 @@ function useValues(wrapperRef, options, defaultValues, onChangeCb) {
                     detail: {
                         selectedOption: selectedOption,
                         isChecked: isChecked,
-                        allSelectedOptions: allSelectedOptions
-                    }
+                        allSelectedOptions: allSelectedOptions,
+                    },
                 });
                 (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event_1);
             }

package/build/esm/packages/aurora/src/components/dropdown/hooks/use_values.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use_values.js","sources":["../../../../../../../../src/components/dropdown/hooks/use_values.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { ISelectOption } from '../types';\n\n/*\n Hook used to allow use multiple selectable values, returns array of selected values and method to set value as selected/unselected\n * You can use is for multiselect or any other form of control which needs multiple selectable values\n * @param {React.RefObject<HTMLElement>} wrapperRef\n * @param {Array<ISelectOption>} options\n * @param {Array<string>} defaultValues\n * @param {Function} onChangeCb\n \n @fires dropdown:change\n \n @returns {Array} Tuple - selected values and state setter for them\n /\nexport function useValues(\n wrapperRef: React.RefObject<HTMLElement>,\n options: Array<ISelectOption>,\n defaultValues: Array<string>,\n onChangeCb?: (selectedOption: ISelectOption, isChecked: boolean, selectedOptions: Array<ISelectOption>) => void\n): [ISelectOption[], (selectedOption: ISelectOption) => void] {\n const defaultSelectedOptions = options?.filter((option) => defaultValues && defaultValues?.indexOf(option.value) >= 0);\n const [selectedValues, setSelectedValue] = useState(defaultSelectedOptions);\n\n /\n updates the state of selected options, emits custom event(dropdown:change) on dropdown reference(wrapperRef) for not only react projects\n * @param {ISelectOption} selectedOption choosen option\n /\n const setSelectedValues = useCallback(\n (selectedOption: ISelectOption): void => {\n setSelectedValue((previousSelectedOptions) => {\n let allSelectedOptions: Array<ISelectOption>;\n let isChecked: boolean;\n\n if (previousSelectedOptions && previousSelectedOptions?.indexOf(selectedOption) >= 0) {\n allSelectedOptions = previousSelectedOptions.filter((option) => option.value !== selectedOption.value);\n isChecked = false;\n } else {\n allSelectedOptions = [...previousSelectedOptions!, selectedOption];\n isChecked = true;\n }\n\n if (typeof onChangeCb === 'function') {\n onChangeCb(selectedOption, isChecked, allSelectedOptions);\n const event = new CustomEvent('dropdown:change', {\n detail: {\n selectedOption,\n isChecked,\n allSelectedOptions\n }\n });\n wrapperRef.current?.dispatchEvent(event);\n }\n\n return allSelectedOptions;\n });\n },\n [onChangeCb, wrapperRef]\n );\n\n return [selectedValues, setSelectedValues];\n}\n\n/\n dropdown:change event\n \n @event dropdown:change\n * @type {object}\n * @property {ISelectOption} selectedOption selected option\n * @property {boolean} isChecked indicates whether the current option is selected\n * @property {Array<ISelectOption>} allSelectedOptions array of all selected options\n */\n"],"names":[],"mappings":";;;AAGA~~;;;;;;;;;;;;SAYgB~~,SAAS,CACrB,UAAwC,EACxC,OAA6B,EAC7B,aAA4B,EAC5B,UAA+G;IAE/G,IAAM,sBAAsB,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,aAAa,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,MAAM,CAAC,KAAK,MAAK,CAAC,GAAA,CAAC,CAAC;IACjH,IAAA,qCAAqE,EAApE,sBAAc,EAAE,wBAAoD,CAAC~~;;;;;IAM5E~~,IAAM,iBAAiB,GAAG,WAAW,CACjC,UAAC,cAA6B;QAC1B,gBAAgB,CAAC,UAAC,uBAAuB;;YACrC,IAAI,kBAAwC,CAAC;YAC7C,IAAI,SAAkB,CAAC;YAEvB,IAAI,uBAAuB,IAAI,CAAA,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAE,OAAO,CAAC,cAAc,MAAK,CAAC,EAAE;gBAClF,kBAAkB,GAAG,uBAAuB,CAAC,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,KAAK,KAAK,cAAc,CAAC,KAAK,GAAA,CAAC,CAAC;gBACvG,SAAS,GAAG,KAAK,CAAC;aACrB;iBAAM;gBACH,kBAAkB,kBAAO,uBAAwB,GAAE,cAAc,EAAC,CAAC;gBACnE,SAAS,GAAG,IAAI,CAAC;aACpB;YAED,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE;gBAClC,UAAU,CAAC,cAAc,EAAE,SAAS,EAAE,kBAAkB,CAAC,CAAC;gBAC1D,IAAM,OAAK,GAAG,IAAI,WAAW,CAAC,iBAAiB,EAAE;oBAC7C,MAAM,EAAE;wBACJ,cAAc,gBAAA;wBACd,SAAS,WAAA;wBACT,kBAAkB,oBAAA;qBACrB;iBACJ,CAAC,CAAC;gBACH,MAAA,UAAU,CAAC,OAAO,0CAAE,aAAa,CAAC,OAAK,EAAE;aAC5C;YAED,OAAO,kBAAkB,CAAC;SAC7B,CAAC,CAAC;KACN,EACD,CAAC,UAAU,EAAE,UAAU,CAAC,CAC3B,CAAC;IAEF,OAAO,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAC/C,CAAC;AAED;;;;;;;;;;;;"}
1	+ {"version":3,"file":"use_values.js","sources":["../../../../../../../../src/components/dropdown/hooks/use_values.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { ISelectOption } from '../types';\n\n/*\n Hook used to allow use multiple selectable values, returns array of selected values and method to set value as\n * selected/unselected You can use is for multiselect or any other form of control which needs multiple selectable\n * values\n * @param {React.RefObject<HTMLElement>} wrapperRef\n * @param {Array<ISelectOption>} options\n * @param {Array<string>} defaultValues\n * @param {Function} onChangeCb\n \n @fires dropdown:change\n \n @returns {Array} Tuple - selected values and state setter for them\n /\nexport function useValues(\n wrapperRef: React.RefObject<HTMLElement>,\n options: Array<ISelectOption>,\n defaultValues: Array<string>,\n onChangeCb?: (selectedOption: ISelectOption, isChecked: boolean, selectedOptions: Array<ISelectOption>) => void\n): [ISelectOption[], (selectedOption: ISelectOption) => void] {\n const defaultSelectedOptions = options?.filter((option) => defaultValues && defaultValues?.indexOf(option.value) >= 0);\n const [selectedValues, setSelectedValue] = useState(defaultSelectedOptions);\n\n /\n updates the state of selected options, emits custom event(dropdown:change) on dropdown reference(wrapperRef) for\n * not only react projects\n * @param {ISelectOption} selectedOption choosen option\n /\n const setSelectedValues = useCallback(\n (selectedOption: ISelectOption): void => {\n setSelectedValue((previousSelectedOptions) => {\n let allSelectedOptions: Array<ISelectOption>;\n let isChecked: boolean;\n\n if (previousSelectedOptions && previousSelectedOptions?.indexOf(selectedOption) >= 0) {\n allSelectedOptions = previousSelectedOptions.filter((option) => option.value !== selectedOption.value);\n isChecked = false;\n } else {\n allSelectedOptions = [...previousSelectedOptions!, selectedOption];\n isChecked = true;\n }\n\n if (typeof onChangeCb === 'function') {\n onChangeCb(selectedOption, isChecked, allSelectedOptions);\n const event = new CustomEvent('dropdown:change', {\n detail: {\n selectedOption,\n isChecked,\n allSelectedOptions,\n },\n });\n wrapperRef.current?.dispatchEvent(event);\n }\n\n return allSelectedOptions;\n });\n },\n [onChangeCb, wrapperRef]\n );\n\n return [selectedValues, setSelectedValues];\n}\n\n/\n dropdown:change event\n \n @event dropdown:change\n * @type {object}\n * @property {ISelectOption} selectedOption selected option\n * @property {boolean} isChecked indicates whether the current option is selected\n * @property {Array<ISelectOption>} allSelectedOptions array of all selected options\n */\n"],"names":[],"mappings":";;;AAGA;;;;;;;;;;;;;SAagB,SAAS,CACrB,UAAwC,EACxC,OAA6B,EAC7B,aAA4B,EAC5B,UAA+G;IAE/G,IAAM,sBAAsB,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,aAAa,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,MAAM,CAAC,KAAK,MAAK,CAAC,GAAA,CAAC,CAAC;IACjH,IAAA,qCAAqE,EAApE,sBAAc,EAAE,wBAAoD,CAAC;;;;;;IAO5E,IAAM,iBAAiB,GAAG,WAAW,CACjC,UAAC,cAA6B;QAC1B,gBAAgB,CAAC,UAAC,uBAAuB;;YACrC,IAAI,kBAAwC,CAAC;YAC7C,IAAI,SAAkB,CAAC;YAEvB,IAAI,uBAAuB,IAAI,CAAA,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAE,OAAO,CAAC,cAAc,MAAK,CAAC,EAAE;gBAClF,kBAAkB,GAAG,uBAAuB,CAAC,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,KAAK,KAAK,cAAc,CAAC,KAAK,GAAA,CAAC,CAAC;gBACvG,SAAS,GAAG,KAAK,CAAC;aACrB;iBAAM;gBACH,kBAAkB,kBAAO,uBAAwB,GAAE,cAAc,EAAC,CAAC;gBACnE,SAAS,GAAG,IAAI,CAAC;aACpB;YAED,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE;gBAClC,UAAU,CAAC,cAAc,EAAE,SAAS,EAAE,kBAAkB,CAAC,CAAC;gBAC1D,IAAM,OAAK,GAAG,IAAI,WAAW,CAAC,iBAAiB,EAAE;oBAC7C,MAAM,EAAE;wBACJ,cAAc,gBAAA;wBACd,SAAS,WAAA;wBACT,kBAAkB,oBAAA;qBACrB;iBACJ,CAAC,CAAC;gBACH,MAAA,UAAU,CAAC,OAAO,0CAAE,aAAa,CAAC,OAAK,EAAE;aAC5C;YAED,OAAO,kBAAkB,CAAC;SAC7B,CAAC,CAAC;KACN,EACD,CAAC,UAAU,EAAE,UAAU,CAAC,CAC3B,CAAC;IAEF,OAAO,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;AAC/C,CAAC;AAED;;;;;;;;;;;;"}

package/build/esm/packages/aurora/src/components/dropdown/index.d.ts CHANGED Viewed

@@ -1,7 +1,8 @@
 import React from 'react';
 import { IDropdownProps, IDropdownComposition } from './types';
 /**
- * Dropdown composition component. Provides several Dropdown dependant components which can be composed to create selects, multiselects or dropdowns.
+ * Dropdown composition component. Provides several Dropdown dependant components which can be composed to create
+ * selects, multiselects or dropdowns.
  *
  * @component
  * @example

package/build/esm/packages/aurora/src/components/dropdown/index.js CHANGED Viewed

@@ -15,7 +15,8 @@ import Search from './components/search.js';
 import CustomLabel from './components/custom_label.js';
 /**
- * Dropdown composition component. Provides several Dropdown dependant components which can be composed to create selects, multiselects or dropdowns.
+ * Dropdown composition component. Provides several Dropdown dependant components which can be composed to create
+ * selects, multiselects or dropdowns.
  *
  * @component
  * @example