intelicoreact 1.6.6 → 1.6.8

package/dist/Atomic/FormElements/Datepicker/Datepicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/Datepicker/Datepicker.js"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from \"react\";\n\nimport cn from \"classnames\";\nimport moment from \"moment\";\nimport InputMask from \"react-input-mask\";\n\nimport Langs from \"../../../Langs\";\nimport { useClickOutside } from \"../../../Functions/useClickOutside\";\nimport Button from \"../../UI/Button/Button\";\nimport Dropdown from \"../Dropdown/Dropdown\";\nimport Input from \"../Input/Input\";\nimport Switcher from \"../Switcher/Switcher\";\n\nimport Calendar from \"./components/Calendar\";\n\nimport \"./Datepicker.scss\";\n\nconst padTime = (time) => {\n  return `${time.toString().padStart(2, \"0\")}:00`;\n};\n\nconst Datepicker = (props) => {\n  const {\n    isCompareHidden,\n    limitRange,\n    onChange = () => {},\n    values = {},\n    onChangeCompare = () => {},\n    onCancel = () => {},\n    getSelectedMode = () => {},\n    onChangeInterval = () => {},\n  } = props;\n  const { start = null, end = null, compare = false } = values;\n  const txt = Langs[global.lng];\n  const startDateInputRef = useRef(null);\n  const endDateInputRef = useRef(null);\n\n  const [startDate, setStartDate] = useState(start);\n  const [endDate, setEndDate] = useState(end);\n  const dateInterval = getSelectedMode({ start: startDate, end: endDate });\n\n  const [startDateInput, setStartDateInput] = useState(start);\n  const [endDateInput, setEndDateInput] = useState(end);\n  const [startHour, setStartHour] = useState(start ? moment(start).hour() : 0);\n  const [endHour, setEndHour] = useState(end ? moment(end).hour() : 0);\n  // eslint-disable-next-line no-unused-vars\n  const [isCompare, setIsCompare] = useState(compare);\n  const [date1, setDate1] = useState(\n    start ? moment(start).toDate() : moment().subtract(1, \"month\").toDate(),\n  );\n  const [date2, setDate2] = useState(\n    end ? moment(end).toDate() : moment().toDate(),\n  );\n  const [isStartFocused, setIsStartFocused] = useState(false);\n  const [isEndFocused, setIsEndFocused] = useState(false);\n  const [hoverStatus, setHoverStatus] = useState(null);\n\n  const isNearby = useMemo(\n    () => moment(date2).subtract(1, \"month\").isSame(moment(date1), \"month\"),\n    [date1, date2],\n  );\n\n  const isPreviousPeriodShowed = useMemo(\n    () => isCompare && !isCompareHidden && startDate && endDate,\n    [startDate, endDate, isCompare],\n  );\n\n  const prevEndHour = useRef(endHour);\n\n  const getStartHourItems = () =>\n    [...Array(24).keys()].map((hour) => ({\n      label: padTime(hour),\n      value: hour,\n      disabled: moment(startDate).isSame(endDate, \"day\") && endHour <= hour,\n    }));\n  const getEndHourItems = () =>\n    [...Array(24).keys()].map((hour) => ({\n      label: padTime(hour + 1),\n      value: hour === 23 ? 0 : hour + 1,\n      disabled:\n        (moment(startDate).isSame(endDate, \"day\") ||\n          (moment(startDate).isSame(\n            moment(endDate).subtract(1, \"days\"),\n            \"day\",\n          ) &&\n            endHour === 0)) &&\n        hour < startHour,\n    }));\n\n  const startPrevDate = useMemo(() => {\n    if (isPreviousPeriodShowed) {\n      const intervalHoursCount = moment(endDate).diff(startDate, \"hours\");\n      return moment(startDate).subtract(intervalHoursCount, \"hours\").toDate();\n    } else return null;\n  }, [startDate, endDate, isCompare]);\n\n  const endPrevDate = useMemo(() => {\n    if (isPreviousPeriodShowed) {\n      return startDate;\n    } else return null;\n  }, [startDate, endDate, isCompare]);\n\n  const title = useMemo(() => {\n    if (isCompare && !isCompareHidden && startDate && endDate) {\n      return `${moment(startPrevDate).format(\"ll\")} (${moment(startPrevDate).format(\"HH:mm\")}) - ${moment(\n        endPrevDate,\n      ).format(\"ll\")} (${moment(endPrevDate).format(\"HH:mm\")})`;\n    } else return \"\";\n  }, [startDate, endDate, isCompare]);\n\n  const subtractDay = (date) =>\n    endHour === 0 ? moment(date).subtract(1, \"days\") : date;\n  const addDay = (date) => (endHour === 0 ? moment(date).add(1, \"days\") : date);\n\n  useEffect(() => {\n    if (moment(startDate).isSameOrAfter(endDate)) {\n      setStartDate(moment(endDate).subtract(1, \"d\").toDate());\n      setDate1(moment(endDate).subtract(1, \"d\"));\n    }\n  }, [startDate]);\n\n  useEffect(() => {\n    if (moment(endDate).isSameOrBefore(startDate)) {\n      setEndDate(moment(startDate).add(1, \"d\").toDate());\n      setDate2(moment(startDate).add(1, \"d\"));\n    }\n  }, [endDate]);\n\n  useEffect(() => {\n    setStartDateInput(startDate);\n    setEndDateInput(endDate);\n    if (moment(startDate).isBefore(moment(endDate), \"month\")) {\n      setDate1(moment(startDate));\n      setDate2(moment(endDate));\n    }\n  }, [startDate, endDate]);\n\n  useEffect(() => {\n    if (moment(date1).isSameOrAfter(moment(date2), \"month\")) {\n      setDate1(moment(date2).subtract(1, \"month\"));\n    }\n  }, [date1, date2]);\n\n  useEffect(() => {\n    onChangeInterval(dateInterval);\n  }, [dateInterval]);\n\n  const handleClick = (date) => {\n    prevEndHour.current = 0;\n    if (\n      !startDate ||\n      (startDate &&\n        endDate &&\n        !(\n          moment(startDate).add(1, \"d\").isSame(endDate, \"day\") && endHour === 0\n        ))\n    ) {\n      setStartDate(moment(date).startOf(\"day\").toDate());\n      setEndDate(moment(date).add(1, \"d\").startOf(\"day\").toDate());\n      setStartHour(0);\n      setEndHour(0);\n    } else if (moment(date).isBefore(moment(startDate), \"day\")) {\n      setEndDate(moment(startDate).add(1, \"d\").startOf(\"day\").toDate());\n      setStartDate(moment(date).set(\"hour\", parseInt(startHour, 10)).toDate());\n    } else if (moment(date).isAfter(moment(startDate), \"day\")) {\n      setEndDate(moment(date).add(1, \"d\").startOf(\"day\").toDate());\n    }\n    setHoverStatus(null);\n  };\n\n  let timerId;\n\n  const handleHover = (date) => {\n    if (!date) {\n      timerId = setTimeout(() => {\n        setHoverStatus(null);\n      }, 400);\n      return;\n    }\n    if (timerId) clearTimeout(timerId);\n    if (moment(startDate).add(1, \"d\").isSame(endDate, \"day\") && endHour === 0) {\n      if (moment(date).isAfter(moment(startDate), \"day\")) setHoverStatus(\"end\");\n      else if (moment(date).isBefore(moment(startDate), \"day\"))\n        setHoverStatus(\"start\");\n      else setHoverStatus(null);\n    } else {\n      setHoverStatus(\"start\");\n    }\n  };\n\n  const handleChangeStartHour = ({ target: { value: val } }) => {\n    setStartHour(Number(val));\n    setStartDate(moment(startDate).set(\"hour\", Number(val)).toDate());\n  };\n\n  const handleChangeEndHour = ({ target: { value: val } }) => {\n    const newHour = Number(val);\n    setEndHour(newHour);\n    let newEndDate;\n    if (prevEndHour.current === 0 && newHour !== 0) {\n      newEndDate = moment(endDate).subtract(1, \"days\");\n    } else if (prevEndHour.current !== 0 && newHour === 0) {\n      newEndDate = moment(endDate).add(1, \"days\");\n    } else {\n      newEndDate = endDate;\n    }\n    prevEndHour.current = newHour;\n    setEndDate(moment(newEndDate).set(\"hour\", newHour).toDate());\n  };\n\n  const renderButtons = () => (\n    <>\n      <Button className=\"plr15 mr5\" onClick={() => onCancel()}>\n        {txt.buttons.cancel}\n      </Button>\n      <Button\n        className=\"plr20\"\n        type=\"filled\"\n        disabled={!startDate || !endDate}\n        onClick={() =>\n          onChange({\n            start: startDate,\n            end: endDate,\n            startPrevDate,\n            endPrevDate,\n            compare: isCompare,\n          })\n        }\n      >\n        {txt.buttons.apply}\n      </Button>\n    </>\n  );\n\n  const renderPreviousPeriod = () => (\n    <>\n      {txt.labels.previousPeriod}:{\" \"}\n      <span className=\"date-picker__previous-period-interval\">{title}</span>\n    </>\n  );\n\n  const handleStartDateFocus = () => {\n    setIsStartFocused(true);\n    setStartDateInput(moment(startDate).format(\"L\"));\n  };\n\n  const handleStartDateBlur = () => {\n    let newDate;\n    if (moment(startDateInput).isValid()) {\n      newDate = moment(startDateInput)\n        .set(\"hour\", parseInt(startHour, 10))\n        .toDate();\n      setStartDate(newDate);\n    } else {\n      newDate = startDate;\n      setStartDateInput(newDate);\n    }\n    setIsStartFocused(false);\n    startDateInputRef.current.blur();\n    setDate1(\n      moment(newDate).isSameOrAfter(moment(date2), \"month\")\n        ? moment(date2).subtract(1, \"month\")\n        : moment(newDate),\n    );\n  };\n\n  const handleEndDateFocus = () => {\n    setIsEndFocused(true);\n    setEndDateInput(moment(subtractDay(endDateInput)).format(\"L\"));\n  };\n\n  const handleEndDateBlur = () => {\n    let newDate;\n    if (moment(endDateInput).isValid()) {\n      newDate = moment(endDateInput)\n        .set(\"hour\", parseInt(endHour, 10))\n        .toDate();\n      setEndDate(addDay(newDate));\n    } else {\n      newDate = endDate;\n      setEndDateInput(newDate);\n    }\n    setIsEndFocused(false);\n    endDateInputRef.current.blur();\n    setDate2(newDate);\n    setEndDateInput();\n  };\n\n  const handleKeyPressed = (e, handleDateBlur) => {\n    if (e.key === \"Enter\") handleDateBlur();\n  };\n\n  return (\n    <div className=\"date-picker\">\n      <div className=\"date-picker__header\">\n        <Input\n          dataTest=\"datepicker_start-date-input\"\n          className={cn(\"mr5\", {\n            \"date-picker-text-input--active\": hoverStatus === \"start\",\n          })}\n          value={\n            isStartFocused ? startDateInput : moment(startDate).format(\"ll\")\n          }\n          disabled={!startDate}\n          onChange={(e) => setStartDateInput(e.target.value)}\n          onFocus={handleStartDateFocus}\n          onBlur={handleStartDateBlur}\n          onKeyPress={(e) => handleKeyPressed(e, handleStartDateBlur)}\n          ref={startDateInputRef}\n        />\n        <Dropdown\n          dataTest=\"datepicker_start-hour-select-input\"\n          onChange={handleChangeStartHour}\n          value={startHour}\n          items={getStartHourItems()}\n          disabled={!startDate}\n          short\n        />\n        <div className=\"pl5 pr5 date-picker__header--gray\">—</div>\n        <Input\n          dataTest=\"datepicker_end-date-input\"\n          className={cn(\"mr5\", {\n            \"date-picker-text-input--active\": hoverStatus === \"end\",\n          })}\n          value={\n            isEndFocused\n              ? endDateInput\n              : moment(subtractDay(endDate)).format(\"ll\")\n          }\n          disabled={!endDate}\n          onChange={(e) => setEndDateInput(e.target.value)}\n          onFocus={handleEndDateFocus}\n          onBlur={handleEndDateBlur}\n          onKeyPress={(e) => handleKeyPressed(e, handleEndDateBlur)}\n          ref={endDateInputRef}\n        />\n        <Dropdown\n          dataTest=\"datepicker_end-hour-select-input\"\n          onChange={handleChangeEndHour}\n          value={endHour}\n          items={getEndHourItems()}\n          disabled={!endDate}\n          short\n        />\n      </div>\n      <div className=\"date-picker__previous-period\">\n        {isCompare &&\n          !isCompareHidden &&\n          startDate &&\n          endDate &&\n          renderPreviousPeriod()}\n      </div>\n      <div className=\"date-picker__calendars\">\n        <Calendar\n          date={date1}\n          setDate={setDate1}\n          allowNext={!isNearby}\n          startDate={startDate}\n          endDate={endDate}\n          startPrevDate={startPrevDate}\n          endPrevDate={endPrevDate}\n          onClick={handleClick}\n          onHover={handleHover}\n          limitRange={limitRange}\n        />\n        <Calendar\n          date={date2}\n          setDate={setDate2}\n          allowPrev={!isNearby}\n          startDate={startDate}\n          endDate={endDate}\n          startPrevDate={startPrevDate}\n          endPrevDate={endPrevDate}\n          onClick={handleClick}\n          onHover={handleHover}\n        />\n      </div>\n      <div className=\"date-picker__footer j46\">\n        {!isCompareHidden ? (\n          <div className=\"j4\">\n            <div className=\"mr5\">\n              <Switcher\n                dataTest=\"datepicker_compare\"\n                label={txt.labels.compare}\n                isSwitchOn={isCompare}\n                onChange={() => {\n                  onChangeCompare(!isCompare);\n                  setIsCompare((state) => !state);\n                }}\n              />\n            </div>\n          </div>\n        ) : (\n          <div />\n        )}\n        <div>{renderButtons()}</div>\n      </div>\n    </div>\n  );\n};\n\nexport default Datepicker;\n"],"names":["padTime","time","toString","padStart","Datepicker","props","isCompareHidden","limitRange","onChange","values","onChangeCompare","onCancel","getSelectedMode","onChangeInterval","start","end","compare","txt","Langs","global","lng","startDateInputRef","useRef","endDateInputRef","startDate","setStartDate","useState","endDate","setEndDate","dateInterval","startDateInput","setStartDateInput","endDateInput","setEndDateInput","startHour","setStartHour","moment","hour","endHour","setEndHour","isCompare","setIsCompare","date1","setDate1","toDate","subtract","date2","setDate2","isStartFocused","setIsStartFocused","isEndFocused","setIsEndFocused","hoverStatus","setHoverStatus","isNearby","useMemo","isSame","isPreviousPeriodShowed","prevEndHour","getStartHourItems","Array","keys","map","label","value","disabled","getEndHourItems","startPrevDate","intervalHoursCount","diff","endPrevDate","title","format","subtractDay","date","addDay","add","useEffect","isSameOrAfter","isSameOrBefore","isBefore","handleClick","current","startOf","set","parseInt","isAfter","timerId","handleHover","setTimeout","clearTimeout","handleChangeStartHour","target","val","Number","handleChangeEndHour","newHour","newEndDate","renderButtons","Button","className","onClick","buttons","cancel","type","apply","renderPreviousPeriod","labels","previousPeriod","span","handleStartDateFocus","handleStartDateBlur","newDate","isValid","blur","handleEndDateFocus","handleEndDateBlur","handleKeyPressed","e","handleDateBlur","key","div","Input","dataTest","cn","onFocus","onBlur","onKeyPress","ref","Dropdown","items","short","Calendar","setDate","allowNext","onHover","allowPrev","Switcher","isSwitchOn","state"],"mappings":"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"}

package/dist/Atomic/FormElements/Datepicker/Datepicker.stories.js

@@ -49,3 +49,5 @@ DatepickerTemplate.args = {
         compare: false
     }
 };
+
+//# sourceMappingURL=Datepicker.stories.js.map

package/dist/Atomic/FormElements/Datepicker/Datepicker.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/Datepicker/Datepicker.stories.js"],"sourcesContent":["import React, {useRef, useState} from 'react';\n\nimport Datepicker from './Datepicker';\n\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/Datepicker',\n  component: Datepicker,\n};\n\nconst Template = args => {\n  const params = {\n    minDate: args?.minDate,\n    maxDate: args?.maxDate,\n  };\n\n  return <Datepicker data={args.date} params={params} />;\n};\n\nexport const DatepickerTemplate = Template.bind({});\n\nDatepickerTemplate.args = {\n  date: '10/14/2021',\n  minDate: '10/11/2021',\n  maxDate: '10/25/2021',\n  values: {\n    compare: false,\n  },\n};\n"],"names":["DatepickerTemplate","global","lng","title","component","Datepicker","Template","args","params","minDate","maxDate","data","date","bind","values","compare"],"mappings":";;;;;;;;;;;IAsBaA,kBAAkB;eAAlBA;;IAdb,OAGE;eAHF;;;;8DARsC;mEAEf;QAEhB;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,mBAAU;AACvB;AAEA,MAAMC,WAAWC,CAAAA;IACf,MAAMC,SAAS;QACbC,OAAO,EAAEF,iBAAAA,2BAAAA,KAAME,OAAO;QACtBC,OAAO,EAAEH,iBAAAA,2BAAAA,KAAMG,OAAO;IACxB;IAEA,qBAAO,qBAACL,mBAAU;QAACM,MAAMJ,KAAKK,IAAI;QAAEJ,QAAQA;;AAC9C;AAEO,MAAMR,qBAAqBM,SAASO,IAAI,CAAC,CAAC;AAEjDb,mBAAmBO,IAAI,GAAG;IACxBK,MAAM;IACNH,SAAS;IACTC,SAAS;IACTI,QAAQ;QACNC,SAAS;IACX;AACF"}

package/dist/Atomic/FormElements/Datepicker/components/Calendar.js

@@ -173,3 +173,5 @@ const Calendar = (props)=>{
     });
 };
 const _default = Calendar;
+
+//# sourceMappingURL=Calendar.js.map

package/dist/Atomic/FormElements/Datepicker/components/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/FormElements/Datepicker/components/Calendar.js"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\n\nimport cn from \"classnames\";\nimport moment from \"moment\";\nimport * as Icon from \"react-feather\";\n\nconst Calendar = (props) => {\n  const {\n    date,\n    setDate,\n    startDate,\n    endDate,\n    allowPrev = true,\n    allowNext = true,\n    onClick,\n    onHover,\n    startPrevDate,\n    endPrevDate,\n    limitRange,\n  } = props;\n\n  const [days, setDays] = useState({});\n\n  const title = useMemo(\n    () => `${moment(date).format(\"MMM\")} ${moment(date).format(\"YYYY\")}`,\n    [date],\n  );\n\n  useEffect(() => {\n    const result = {};\n    const day = moment(date).startOf(\"month\");\n    const daysInMonth = day.daysInMonth();\n    for (let d = 0; d < daysInMonth; d += 1) {\n      let week = day.week();\n      if (day.month() === 11 && week === 1) week = 53;\n      if (day.month() === 0 && week === 53) week = 0;\n      if (!Object.prototype.hasOwnProperty.call(result, week)) {\n        result[week] = {};\n      }\n      result[week][day.weekday()] = { date: day.toDate() };\n      day.add(1, \"d\");\n    }\n    setDays(result);\n  }, [date]);\n\n  const renderDay = (week, dayOfWeek) => {\n    const day = days[week][dayOfWeek];\n    const isFutureDay = day && moment(day.date).isAfter(moment(), \"day\");\n    const isPastDay = limitRange\n      ? day &&\n        moment(day.date).isBefore(moment().subtract(limitRange, \"days\"), \"day\")\n      : null;\n    const isRangeEnd =\n      day &&\n      (moment(day.date).isSame(startDate, \"day\") ||\n        moment(day.date).isSame(moment(endDate).subtract(1, \"hour\"), \"day\"));\n    const isRangeInside =\n      day &&\n      startDate &&\n      endDate &&\n      moment(day.date).isAfter(startDate, \"day\") &&\n      moment(day.date).isBefore(moment(endDate).subtract(1, \"hour\"), \"day\");\n    const isPrevRangeEnd =\n      day &&\n      (moment(day.date).isSame(startPrevDate, \"day\") ||\n        moment(day.date).isSame(moment(endPrevDate).subtract(1, \"day\"), \"day\"));\n    const isPrevRangeInside =\n      day &&\n      startPrevDate &&\n      endPrevDate &&\n      moment(day.date).isAfter(startPrevDate, \"day\") &&\n      moment(day.date).isBefore(moment(endPrevDate).subtract(1, \"day\"), \"day\");\n    const classNames = cn(\n      \"calendar__day\",\n      { \"calendar__day--clickable\": day },\n      { \"calendar__day--disabled\": isFutureDay },\n      { \"calendar__day--disabled\": isPastDay },\n      { \"calendar__day--range-end\": isRangeEnd },\n      { \"calendar__day--range-inside\": isRangeInside },\n      { \"calendar__day--prev-range-end\": isPrevRangeEnd },\n      { \"calendar__day--prev-range-inside\": isPrevRangeInside },\n    );\n\n    return (\n      <div\n        key={`${week}_${dayOfWeek}`}\n        className={classNames}\n        onClick={day && !isFutureDay ? () => onClick(day.date) : null}\n        onMouseOver={day && !isFutureDay ? () => onHover(day.date) : null}\n        onMouseLeave={() => onHover(null)}\n      >\n        {day && day.date.getDate()}\n      </div>\n    );\n  };\n\n  const handlePrev = () => {\n    setDate(moment(date).subtract(1, \"month\").toDate());\n  };\n\n  const handleNext = () => {\n    setDate(moment(date).add(1, \"month\").toDate());\n  };\n\n  return (\n    <div className=\"calendar\">\n      <div className=\"calendar-header\">\n        <div className=\"calendar-header__prev\">\n          {allowPrev && (\n            <div onClick={handlePrev}>\n              <Icon.ChevronLeft size={16} />\n            </div>\n          )}\n        </div>\n        <div className=\"calendar-header__title\">{title}</div>\n        <div className=\"calendar-header__next\">\n          {allowNext && (\n            <div onClick={handleNext}>\n              <Icon.ChevronRight size={16} />\n            </div>\n          )}\n        </div>\n      </div>\n      <div className=\"calendar__week\">\n        {[...Array(7).keys()].map((dayOfWeek) => {\n          return (\n            <div\n              key={`day-of-week_${dayOfWeek}`}\n              className=\"calendar__day calendar__day--title\"\n            >\n              {moment().weekday(dayOfWeek).format(\"dd\").charAt(0)}\n            </div>\n          );\n        })}\n      </div>\n      {Object.keys(days).map((week, index) => (\n        <div key={`week_${index}`} className=\"calendar__week\">\n          {[...Array(7).keys()].map((dayOfWeek) => renderDay(week, dayOfWeek))}\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport default Calendar;\n"],"names":["Calendar","props","date","setDate","startDate","endDate","allowPrev","allowNext","onClick","onHover","startPrevDate","endPrevDate","limitRange","days","setDays","useState","title","useMemo","moment","format","useEffect","result","day","startOf","daysInMonth","d","week","month","Object","prototype","hasOwnProperty","call","weekday","toDate","add","renderDay","dayOfWeek","isFutureDay","isAfter","isPastDay","isBefore","subtract","isRangeEnd","isSame","isRangeInside","isPrevRangeEnd","isPrevRangeInside","classNames","cn","div","className","onMouseOver","onMouseLeave","getDate","handlePrev","handleNext","Icon","ChevronLeft","size","ChevronRight","Array","keys","map","charAt","index"],"mappings":"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"}

package/dist/Atomic/FormElements/Dropdown/Dropdown.js

@@ -20,6 +20,19 @@ const _useIsMobile = /*#__PURE__*/ _interop_require_default(require("../../../Fu
 const _utils = require("../../../Functions/utils");
 const _DropdownLoader = /*#__PURE__*/ _interop_require_default(require("./components/DropdownLoader"));
 require("./Dropdown.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -66,6 +79,45 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 const RC = "dropdown";
 const MIN_ITEMS_FOR_SHOW_MOBILE_SEARCH = 10;
 const Dropdown = ({ label, options = [], value, error, disabled, onChange, placeholder, className, isSearchable, entity, scrollReactionObj, isListTop, isNotValidateASCII = false, testId = "dropdown", sortAlphabetical = true, fieldKey, id, noOptionsText = "No options available", attributesOfNativeInput = {}, isDoNotPullOutListOfMainContainer, withMobileLogic, withActions, minItemsForShowMobileSearch = MIN_ITEMS_FOR_SHOW_MOBILE_SEARCH, customTrigger, tabIndex, onActionConfirmClick, onActionCancelClick, isDefaultOpened })=>{
@@ -120,13 +172,12 @@ const Dropdown = ({ label, options = [], value, error, disabled, onChange, place
     });
     const filteredGroups = optionsWithOtherAtTheEnd.map((item)=>{
         var _item_items;
-        return {
-            ...item,
+        return _object_spread_props(_object_spread({}, item), {
             items: !isSearchable || !isSearchChanged ? item === null || item === void 0 ? void 0 : item.items : (_item_items = item.items) === null || _item_items === void 0 ? void 0 : _item_items.slice().filter((el)=>{
                 var _el_label;
                 return (el === null || el === void 0 ? void 0 : (_el_label = el.label) === null || _el_label === void 0 ? void 0 : _el_label.toLowerCase().includes((searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase()) || "")) || !(el === null || el === void 0 ? void 0 : el.value) || (el === null || el === void 0 ? void 0 : el.value) === "";
             })
-        };
+        });
     }).filter((item)=>{
         var _item_items;
         return ((_item_items = item.items) === null || _item_items === void 0 ? void 0 : _item_items.length) > 0;
@@ -413,7 +464,7 @@ const Dropdown = ({ label, options = [], value, error, disabled, onChange, place
                             }),
                             isSearchable && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                                 className: (0, _classnames.default)(`${RC}__list-header-row`),
-                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, _object_spread({
                                     ref: searchInputRef,
                                     className: `${RC}__input`,
                                     value: searchValue !== null && searchValue !== void 0 ? searchValue : selectedLabel,
@@ -426,9 +477,8 @@ const Dropdown = ({ label, options = [], value, error, disabled, onChange, place
                                         if (!isOpen) {
                                             setIsSearchInputFocused(true);
                                         }
-                                    },
-                                    ...attributesOfNativeInput
-                                })
+                                    }
+                                }, attributesOfNativeInput))
                             })
                         ]
                     }),
@@ -449,10 +499,9 @@ const Dropdown = ({ label, options = [], value, error, disabled, onChange, place
                                             var _el_label;
                                             return (el === null || el === void 0 ? void 0 : (_el_label = el.label) === null || _el_label === void 0 ? void 0 : _el_label.toLowerCase().includes((searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase()) || "")) || !(el === null || el === void 0 ? void 0 : el.value) || (el === null || el === void 0 ? void 0 : el.value) === "";
                                         });
-                                        if (items === null || items === void 0 ? void 0 : items.length) return filteredOptionList({
-                                            ...option,
+                                        if (items === null || items === void 0 ? void 0 : items.length) return filteredOptionList(_object_spread_props(_object_spread({}, option), {
                                             items
-                                        });
+                                        }));
                                         return null;
                                     }
                                 } else if (!isSearchable || !isSearchChanged || (option === null || option === void 0 ? void 0 : (_option_label = option.label) === null || _option_label === void 0 ? void 0 : _option_label.toLowerCase().includes((searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase()) || "")) || !(option === null || option === void 0 ? void 0 : option.value) || (option === null || option === void 0 ? void 0 : option.value) === "") {
@@ -638,7 +687,7 @@ const Dropdown = ({ label, options = [], value, error, disabled, onChange, place
                 tabIndex: tabIndex === null || tabIndex === void 0 ? void 0 : (_tabIndex_toString = tabIndex.toString) === null || _tabIndex_toString === void 0 ? void 0 : _tabIndex_toString.call(tabIndex),
                 children: customTrigger || /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
                     children: [
-                        isSearchable && !isMobile ? /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
+                        isSearchable && !isMobile ? /*#__PURE__*/ (0, _jsxruntime.jsx)("input", _object_spread_props(_object_spread({
                             ref: searchInputRef,
                             className: `${RC}__input`,
                             value: isOpen ? searchValue !== null && searchValue !== void 0 ? searchValue : "" : selectedLabel || "",
@@ -650,10 +699,10 @@ const Dropdown = ({ label, options = [], value, error, disabled, onChange, place
                                 if (!isOpen) {
                                     setIsSearchInputFocused(true);
                                 }
-                            },
-                            ...attributesOfNativeInput,
+                            }
+                        }, attributesOfNativeInput), {
                             tabIndex: -1
-                        }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                        })) : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
                             children: [
                                 /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                                     className: "text",
@@ -697,3 +746,5 @@ const Dropdown = ({ label, options = [], value, error, disabled, onChange, place
     });
 };
 const _default = Dropdown;
+
+//# sourceMappingURL=Dropdown.js.map

package/dist/Atomic/FormElements/Dropdown/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/Dropdown/Dropdown.js"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport cn from \"classnames\";\nimport { createPortal } from \"react-dom\";\nimport { Check, ChevronDown, ChevronUp, Code, X } from \"react-feather\";\n\nimport Input from \"../../../Atomic/FormElements/Input/Input\";\nimport RadioInput from \"../../../Atomic/FormElements/RadioInput/RadioInput\";\nimport { formatToOnlyASCIICodeText } from \"../../../Functions/fieldValueFormatters\";\nimport useIsMobile from \"../../../Functions/useIsMobile/useIsMobile\";\nimport { compareAlphabetical } from \"../../../Functions/utils\";\n\nimport DropdownLoader from \"./components/DropdownLoader\";\n\nimport \"./Dropdown.scss\";\n\nconst RC = \"dropdown\";\n\nconst MIN_ITEMS_FOR_SHOW_MOBILE_SEARCH = 10;\n\nconst Dropdown = ({\n  label,\n  options = [],\n  value,\n  error,\n  disabled,\n  onChange,\n  placeholder,\n  className,\n  isSearchable,\n  entity,\n  scrollReactionObj,\n  isListTop,\n  isNotValidateASCII = false,\n  testId = \"dropdown\",\n\n  sortAlphabetical = true,\n\n  fieldKey,\n  id,\n  noOptionsText = \"No options available\",\n  attributesOfNativeInput = {},\n  isDoNotPullOutListOfMainContainer,\n\n  withMobileLogic,\n  withActions,\n  minItemsForShowMobileSearch = MIN_ITEMS_FOR_SHOW_MOBILE_SEARCH,\n  customTrigger,\n  tabIndex,\n\n  onActionConfirmClick,\n  onActionCancelClick,\n\n  isDefaultOpened,\n}) => {\n  const { isMobile: isMobileProp } = useIsMobile();\n  const isMobile =\n    isMobileProp && withMobileLogic && window.screen.width <= 768;\n\n  const [dropdownId, setDropdownId] = useState(\n    id || fieldKey || Math.random().toString(16).slice(2),\n  );\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [searchValue, setSearchValue] = useState();\n  const dropdownRef = useRef(null);\n  const dropdownListRef = useRef(null);\n  const dropdownListWrapperRef = useRef(null);\n  const searchInputRef = useRef(null);\n  const wrapperRef = useRef(null);\n\n  const [initListHeight, setInitListHeight] = useState(null);\n  const [isSearchChanged, setIsSearchChanged] = useState(false);\n  const [isSearchInputFocused, setIsSearchInputFocused] = useState(false);\n\n  const [isScrollableList, setIsScrollableList] = useState(null);\n  const [isFixedMaxHeight, setIsFixedMaxHeight] = useState(false);\n  const [scrollTop, setScrollTop] = useState(0);\n  const [scrollHeight, setScrollHeight] = useState(1);\n\n  if (!options) return null;\n\n  const getTotalOptions = useCallback(() => {\n    return options?.reduce((result, item) => {\n      if (item?.list || item?.items) {\n        result += item?.list?.length || item?.items?.length || 0;\n      } else {\n        ++result;\n      }\n\n      return result;\n    }, 0);\n  }, [options]);\n\n  if (isMobile) {\n    isSearchable =\n      getTotalOptions() >\n      (minItemsForShowMobileSearch || MIN_ITEMS_FOR_SHOW_MOBILE_SEARCH);\n  }\n\n  const moveOtherToEnd = (options) => {\n    const otherIndex = options?.findIndex(\n      (option) => option?.value === \"other\",\n    );\n    if (otherIndex > -1) {\n      const other = options?.splice(otherIndex, 1);\n      options.push(...other);\n    }\n    return options;\n  };\n  const optionsWithOtherAtTheEnd = moveOtherToEnd(options);\n  options.map((option) => {\n    if (option.items) {\n      return (option.items = moveOtherToEnd(option.items));\n    } else return option;\n  });\n\n  const filteredGroups = optionsWithOtherAtTheEnd\n    .map((item) => ({\n      ...item,\n      items:\n        !isSearchable || !isSearchChanged\n          ? item?.items\n          : item.items\n              ?.slice()\n              .filter(\n                (el) =>\n                  el?.label\n                    ?.toLowerCase()\n                    .includes(searchValue?.toLowerCase() || \"\") ||\n                  !el?.value ||\n                  el?.value === \"\",\n              ),\n    }))\n    .filter((item) => item.items?.length > 0);\n\n  const filteredItems = optionsWithOtherAtTheEnd\n    .filter((item) => !item.items?.length)\n    .filter((item) => {\n      if (!isSearchable || !isSearchChanged) return true;\n\n      return (\n        item?.label?.toLowerCase().includes(searchValue?.toLowerCase() || \"\") ||\n        !item?.value ||\n        item?.value === \"\"\n      );\n    });\n\n  const filteredOptions = [...filteredItems, ...filteredGroups];\n\n  const modalBtnTrigger = entity && entity !== \"\" && typeof entity === \"string\";\n  const onChangeHandler = (item) => {\n    setIsOpen(false);\n    onChange(item.value);\n  };\n\n  const onKeyDown = (e) => {\n    if (![9, 13].includes(e.keyCode)) return false;\n    setIsOpen(false);\n  };\n  const onKeyUp = (e) => {\n    if (![9, 13].includes(e.keyCode)) return false;\n    setIsOpen(true);\n  };\n  // decorator\n  const getDepends = (getDependsTrigger) => {\n    const newOnChange = (e) => {\n      if (e.value === \"open_modal\") {\n        onChange(\"open_modal\");\n      } else {\n        onChangeHandler(e);\n      }\n    };\n\n    // add pseudo option\n    const newOptions = [\n      {\n        label: `New ${entity}`,\n        value: \"open_modal\",\n        className: \"dropdown__list-item--modal\",\n      },\n      ...filteredOptions,\n    ];\n\n    return {\n      onChange: (changeItem) => {\n        return getDependsTrigger\n          ? newOnChange(changeItem)\n          : onChangeHandler(changeItem);\n      },\n      options: getDependsTrigger ? newOptions : options,\n    };\n  };\n\n  const handleClickOutside = (event) => {\n    if (\n      !getListContainer()?.contains(event?.target) &&\n      !dropdownRef?.current.contains(event?.target)\n    ) {\n      setIsOpen(false);\n    }\n  };\n\n  const onSearchHandler = (name) => {\n    let inputValue = name;\n    if (!isNotValidateASCII) inputValue = formatToOnlyASCIICodeText(inputValue);\n    setIsSearchChanged(true);\n    setSearchValue(inputValue);\n  };\n\n  const onWrapperClick = (e) => {\n    if (e.target === wrapperRef?.current) {\n      e.stopPropagation();\n      e.preventDefault();\n\n      setIsOpen(false);\n    }\n  };\n\n  const hightlightedText = (text, postfix, description) => {\n    const prepare = (text) => text?.replace(/[|\\\\{}()[\\]^$+*?.]/g, \"\\\\$&\");\n    text = text.replace(/[\"&<>]/g, (a) => {\n      return { '\"': \"&quot;\", \"&\": \"&amp;\", \"<\": \"&lt;\", \">\": \"&gt;\" }[a];\n    });\n    const main =\n      isSearchable && searchValue\n        ? text?.replace(\n            new RegExp(prepare(searchValue), \"i\"),\n            (match) => `<span class=\"bg--yellow\">${match}</span>`,\n          )\n        : text;\n    const postfixPart = postfix\n      ? `<span class=\"dropdown__list-item-postfix\">${postfix}</span>`\n      : \"\";\n    const descriptionPart = description\n      ? `<span class=\"dropdown__list-item-description\">${description}</span>`\n      : \"\";\n    return main + postfixPart + descriptionPart;\n  };\n\n  const depend = getDepends(modalBtnTrigger);\n\n  const getMarkupForElement = (item, index, optTestId) => {\n    return (\n      <button\n        data-testid={`${testId}-${optTestId}-option`}\n        key={item.value?.toString()?.replace(/ /g, \"_\")}\n        onMouseDown={() => depend.onChange(item)}\n        className={cn(\n          `${RC}__list-item`,\n          {\n            [`${RC}__list-item_active`]: item.value === value,\n            [`${RC}__list-item_disabled`]: item.disabled,\n          },\n          item.className,\n        )}\n      >\n        {!isMobile && (\n          <span\n            className={cn(`${RC}__active-icon`, {\n              [`${RC}__active-icon_active`]: item.value === value,\n            })}\n          >\n            <Check />\n          </span>\n        )}\n        <div\n          className={cn(`${RC}__list-item-label`, item.labelClassName || \"\")}\n          dangerouslySetInnerHTML={{\n            __html: hightlightedText(\n              item.label,\n              item.postfix,\n              item.description,\n            ),\n          }}\n        />\n        {item?.icon || \"\"}\n        {isMobile\n          ? item?.customMobileIcon ?? (\n              <RadioInput value={item.value} checked={value} />\n            )\n          : \"\"}\n      </button>\n    );\n  };\n\n  const filteredOptionList = (filteredOption) => {\n    return filteredOption.items?.length > 0 ? (\n      <div\n        key={filteredOption.label\n          ?.toString()\n          ?.replace(/ /g, \"_\")\n          .concat(Date.now())}\n        className={cn(`${RC}-group`, filteredOption.className)}\n      >\n        <div className={`${RC}-group__name`}>{filteredOption.label}</div>\n        {filteredOption.items.map((el, index) =>\n          getMarkupForElement(el, index, el?.testId || index),\n        )}\n      </div>\n    ) : null;\n  };\n\n  const selectedLabel =\n    options.find((el) => el.value === value)?.label ||\n    options.reduce(\n      (acc, item) => acc || item.items?.find((el) => el.value === value)?.label,\n      null,\n    );\n\n  const doScrollCallback = useCallback(\n    (e) => {\n      const {\n        callback,\n        isWithAnyScrolling,\n        scrollingInaccuracy = 0,\n      } = scrollReactionObj || {};\n\n      if (callback && typeof callback === \"function\") {\n        if (isWithAnyScrolling) callback(e);\n        else if (\n          Math.round(\n            e.target.clientHeight + e.target.scrollTop + scrollingInaccuracy,\n          ) >= e.target.scrollHeight\n        ) {\n          callback(e);\n        }\n      }\n    },\n    [filteredOptions],\n  );\n\n  const getParentNode = () => {\n    if (isDoNotPullOutListOfMainContainer) return dropdownRef.current;\n    return (\n      document.querySelector(\"div#root\") ??\n      document.querySelector(\"div#app\") ??\n      document.querySelector(\"div#storybook-root\")\n    );\n  };\n  const initListContainer = () => {\n    const dropdownList = document.createElement(\"div\");\n\n    dropdownList.setAttribute(\"id\", dropdownId);\n    dropdownList.classList.add(\"dropdown__container\");\n\n    if (isMobile) {\n      dropdownList.addEventListener(\"click\", (e) => {\n        if (e.target.id === dropdownId) setIsOpen(false);\n      });\n    }\n\n    try {\n      getListContainer()?.remove();\n    } finally {\n      if (isMobile) {\n        try {\n          document.getElementById(`mlw-${dropdownId}`)?.remove();\n        } catch (e) {}\n\n        const dropdownMobileListWrapper = document.createElement(\"div\");\n        dropdownMobileListWrapper.classList.add(\"dropdown-mobile\");\n        dropdownMobileListWrapper.setAttribute(\"id\", `mlw-${dropdownId}`);\n        dropdownMobileListWrapper?.append(dropdownList);\n        getParentNode()?.append(dropdownMobileListWrapper);\n      } else {\n        getParentNode()?.append(dropdownList);\n      }\n    }\n  };\n  const getListContainer = () => {\n    return document.getElementById(dropdownId);\n  };\n  const getListContainerWrapper = () => {\n    return document.getElementById(`mlw-${dropdownId}`);\n  };\n  const setListContainerStyles = () => {\n    const lc = getListContainer();\n\n    if (!lc || !isOpen) return false;\n\n    const windowHeight =\n      window.innerHeight ||\n      document.documentElement.clientHeight ||\n      document.body.clientHeight;\n\n    const { width, height, left, top } =\n      dropdownRef?.current.getBoundingClientRect() ?? {};\n\n    const sw = lc.getElementsByClassName(\"dropdown__list\")[0];\n    const lh = dropdownListWrapperRef?.current?.getElementsByClassName(\n      \"dropdown__list-header\",\n    )[0];\n    const margin = parseInt(\n      getComputedStyle(dropdownListWrapperRef?.current)?.marginTop?.replace(\n        \"px\",\n        \"\",\n      ) ?? 0,\n      10,\n    );\n    const maxHeight =\n      initListHeight ??\n      parseInt(getComputedStyle(sw)?.maxHeight?.replace(\"px\", \"\") ?? 0, 10);\n\n    if (initListHeight === null) setInitListHeight(maxHeight);\n\n    const toTop = top - margin;\n    const toBottom = windowHeight - top - height - margin * 2;\n\n    const swHeight = sw?.getBoundingClientRect()?.height;\n    const maxSwHeight = isMobile\n      ? dropdownListWrapperRef?.current?.getBoundingClientRect()?.height -\n        lh?.getBoundingClientRect()?.height\n      : toTop >= maxHeight || toBottom >= maxHeight\n        ? maxHeight - 3 * margin\n        : toTop > toBottom\n          ? toTop - 3 * margin\n          : toBottom - 4 * margin;\n\n    const listPos = toTop < toBottom || toBottom >= swHeight ? \"bottom\" : \"top\";\n\n    lc.style.minWidth = `${width}px`;\n    lc.style.left = `${left}px`;\n    lc.style.top = `${listPos === \"bottom\" ? top + height : top - margin * 3 - parseInt(getComputedStyle(dropdownListWrapperRef?.current)?.height?.replace(\"px\", \"\") ?? 0, 10)}px`;\n\n    sw.style.maxHeight = `${maxSwHeight}px`;\n  };\n  const renderListContainer = () => {\n    const lc = getListContainer();\n\n    if (!lc) return null;\n\n    return createPortal(getListMarkUp(), lc);\n  };\n\n  const getSortedOptions = (data) => {\n    let newData = [...data];\n\n    if (sortAlphabetical) {\n      const openModalOption = newData.filter(\n        ({ value }) => value === \"open_modal\",\n      );\n      const emptyOption = newData.filter(({ value }) => value === \"\");\n      const restOfOptions = newData\n        .filter(({ value }) => value !== \"open_modal\" && value !== \"\")\n        .sort(compareAlphabetical);\n\n      newData = [...openModalOption, ...emptyOption, ...restOfOptions].map(\n        (item) => {\n          if (item?.items) {\n            item.items = [...item.items].sort(compareAlphabetical);\n          }\n\n          return item;\n        },\n      );\n    }\n\n    return newData;\n  };\n\n  const getListMarkUp = () => {\n    return (\n      <div\n        className={cn(`${RC}__container-wrapper`)}\n        ref={wrapperRef}\n        onClick={isMobile ? onWrapperClick : () => {}}\n      >\n        <div\n          className={cn(`${RC}__list-wrapper`, {\n            [`${RC}__list-wrapper--fixed-height`]: isFixedMaxHeight,\n            [`${RC}__list-wrapper--with-bottom-shadow`]:\n              isScrollableList && isMobile,\n            [`${RC}__list-wrapper--with-bottom-shadow-hidden`]:\n              scrollTop === scrollHeight,\n          })}\n          ref={dropdownListWrapperRef}\n        >\n          {isMobile && (\n            <div\n              className={cn(`${RC}__list-header`, {\n                [`${RC}__list-header-with-shadow`]:\n                  isScrollableList && isMobile,\n                [`${RC}__list-header-with-shadow-hidden`]: scrollTop === 0,\n              })}\n            >\n              <div className={cn(`${RC}__list-header-row`)}>\n                <div className={cn(`${RC}__list-label`)}>{label}</div>\n                <div\n                  className={cn(`${RC}__list-close-icon`)}\n                  onClick={() => setIsOpen(false)}\n                >\n                  <X onClick={() => setIsOpen(false)} />\n                </div>\n              </div>\n              {isSearchable && (\n                <div className={cn(`${RC}__list-header-row`)}>\n                  <Input\n                    ref={searchInputRef}\n                    className={`${RC}__input`}\n                    value={searchValue ?? selectedLabel}\n                    onChange={(v) => onSearchHandler(v)}\n                    placeholder={placeholder || \"Search\"}\n                    withDelete\n                    onFocus={() => setIsSearchInputFocused(true)}\n                    onBlur={() => setIsSearchInputFocused(false)}\n                    onMouseDown={() => {\n                      if (!isOpen) {\n                        setIsSearchInputFocused(true);\n                      }\n                    }}\n                    {...attributesOfNativeInput}\n                  />\n                </div>\n              )}\n            </div>\n          )}\n          <div\n            className={cn(`${RC}__list`, {\n              [`${RC}__list-top`]: isListTop,\n            })}\n            ref={dropdownListRef}\n          >\n            {getSortedOptions(depend.options)?.map((option) => {\n              if (option?.items?.length) {\n                if (!isSearchable || !isSearchChanged) {\n                  return filteredOptionList(option);\n                } else {\n                  const items = option.items\n                    ?.slice()\n                    .filter(\n                      (el) =>\n                        el?.label\n                          ?.toLowerCase()\n                          .includes(searchValue?.toLowerCase() || \"\") ||\n                        !el?.value ||\n                        el?.value === \"\",\n                    );\n                  if (items?.length)\n                    return filteredOptionList({ ...option, items });\n                  return null;\n                }\n              } else if (\n                !isSearchable ||\n                !isSearchChanged ||\n                option?.label\n                  ?.toLowerCase()\n                  .includes(searchValue?.toLowerCase() || \"\") ||\n                !option?.value ||\n                option?.value === \"\"\n              ) {\n                return getMarkupForElement(option);\n              }\n            })}\n            {!filteredItems.length && !filteredGroups.length && (\n              <div className={`${RC}__list-item ${RC}__list-item--no-options`}>\n                {noOptionsText}\n              </div>\n            )}\n            {disabled && isOpen && <DropdownLoader />}\n          </div>\n        </div>\n      </div>\n    );\n  };\n\n  const toggleList = (e) => {\n    e?.stopPropagation();\n    setIsOpen((isOpen) => {\n      return !isOpen;\n    });\n  };\n  const closeList = isOpen ? handleClickOutside : () => {};\n\n  useEffect(() => {\n    if (!isDoNotPullOutListOfMainContainer || dropdownRef.current) {\n      initListContainer();\n      if (isDefaultOpened && !isMobileProp) setIsOpen(true);\n    }\n  }, [isDoNotPullOutListOfMainContainer, dropdownRef.current]);\n\n  useLayoutEffect(() => {\n    if (!isMobile) {\n      window.addEventListener(\"resize\", setListContainerStyles);\n      window.addEventListener(\"mousewheel\", closeList);\n      window.addEventListener(\"scroll\", closeList);\n      window.addEventListener(\"touchmove\", closeList);\n    } else {\n      window.removeEventListener(\"resize\", setListContainerStyles);\n      window.removeEventListener(\"mousewheel\", closeList);\n      window.removeEventListener(\"scroll\", closeList);\n      window.removeEventListener(\"touchmove\", closeList);\n    }\n\n    getListContainer()?.addEventListener(\"click\", closeList);\n\n    return () => {\n      window.removeEventListener(\"resize\", setListContainerStyles);\n      window.removeEventListener(\"mousewheel\", closeList);\n      window.removeEventListener(\"scroll\", closeList);\n      window.removeEventListener(\"touchmove\", closeList);\n      getListContainer()?.removeEventListener(\"click\", closeList);\n    };\n  }, [getListContainer]);\n\n  useLayoutEffect(() => {\n    setListContainerStyles();\n  }, [\n    isOpen,\n    searchValue,\n    isMobile,\n    options,\n    dropdownListWrapperRef?.current?.getBoundingClientRect()?.height,\n  ]);\n\n  useEffect(() => {\n    document.addEventListener(\"click\", handleClickOutside, true);\n    return () =>\n      document.removeEventListener(\"click\", handleClickOutside, true);\n  }, []);\n\n  useEffect(() => {\n    if (!isOpen) {\n      setIsSearchChanged(false);\n    }\n\n    if (\n      scrollReactionObj &&\n      typeof scrollReactionObj === \"object\" &&\n      isOpen &&\n      dropdownListRef &&\n      dropdownListRef.current\n    ) {\n      dropdownListRef.current.addEventListener(\"scroll\", doScrollCallback);\n    }\n    return () => {\n      if (scrollReactionObj && typeof scrollReactionObj === \"object\")\n        removeEventListener(\"scroll\", doScrollCallback);\n    };\n  }, [isOpen, dropdownListRef]);\n\n  useEffect(() => {\n    if (!searchValue && isSearchInputFocused) {\n      setSearchValue(selectedLabel);\n      setTimeout(() => searchInputRef.current.select(), 1);\n    }\n\n    if (!isSearchInputFocused && !isOpen) {\n      setSearchValue(null);\n    }\n  }, [isSearchInputFocused]);\n\n  useEffect(() => {\n    if (isOpen && !isSearchInputFocused && searchInputRef?.current && !isMobile)\n      searchInputRef?.current?.focus();\n\n    if (isOpen) {\n      getListContainer()?.classList.add(\"dropdown__container--opened\");\n    } else {\n      searchInputRef?.current?.blur();\n      getListContainer()?.classList.remove(\"dropdown__container--opened\");\n    }\n\n    if (!isOpen && isMobile) {\n      setSearchValue(null);\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (isOpen && isMobile && dropdownListRef?.current && !searchValue) {\n      setIsScrollableList(\n        dropdownListRef?.current?.scrollHeight >\n          dropdownListRef?.current?.clientHeight,\n      );\n      setIsFixedMaxHeight(\n        isScrollableList ||\n          dropdownListRef?.current?.scrollHeight >\n            dropdownListRef?.current?.clientHeight,\n      );\n    }\n  }, [\n    isOpen,\n    isMobile,\n    isScrollableList,\n    dropdownListRef?.current,\n    dropdownListRef?.current?.scrollHeight,\n    dropdownListRef?.current?.clientHeight,\n  ]);\n\n  useEffect(() => {\n    const setScrollTopValue = (e) => {\n      setScrollTop(parseInt(e.target.scrollTop, 10));\n    };\n\n    if (isOpen && isMobile && dropdownListRef?.current) {\n      dropdownListRef?.current?.addEventListener(\"scroll\", setScrollTopValue);\n    }\n\n    return () => {\n      dropdownListRef?.current?.removeEventListener(\n        \"scroll\",\n        setScrollTopValue,\n      );\n    };\n  }, [isOpen, isMobile, dropdownListRef?.current]);\n\n  useEffect(() => {\n    if (dropdownListRef?.current) {\n      setScrollHeight(\n        parseInt(\n          dropdownListRef?.current?.scrollHeight -\n            dropdownListRef?.current?.clientHeight,\n          10,\n        ),\n      );\n    }\n  }, [scrollTop, dropdownListRef?.current]);\n\n  useEffect(() => {\n    return () => {\n      getListContainer()?.remove();\n      getListContainerWrapper()?.remove();\n    };\n  }, []);\n\n  const postfixText =\n    (selectedLabel &&\n      filteredOptions.find((option) => option.value === value)?.postfix) ||\n    null;\n\n  return (\n    <div\n      className={cn(RC, className, {\n        disabled,\n        [`${RC}-mobile`]: isMobile,\n        [`${RC}--focused`]: isOpen && !isMobile,\n        [`${RC}--with-custom-trigger`]: Boolean(customTrigger),\n      })}\n      ref={dropdownRef}\n      onKeyDown={onKeyDown}\n      onKeyUp={onKeyUp}\n    >\n      <button\n        data-testid={testId}\n        className={cn(`${RC}__trigger`, \"input__wrap\", {\n          [`${RC}__trigger--with-actions`]: withActions,\n          placeholder: !value,\n          error: error,\n        })}\n        onClick={() => setIsOpen(true)}\n        onKeyDown={onKeyDown}\n        onKeyUp={onKeyUp}\n        tabIndex={tabIndex?.toString?.()}\n      >\n        {customTrigger || (\n          <>\n            {isSearchable && !isMobile ? (\n              <input\n                ref={searchInputRef}\n                className={`${RC}__input`}\n                value={isOpen ? searchValue ?? \"\" : selectedLabel || \"\"}\n                onChange={(e) => onSearchHandler(e.target.value)}\n                placeholder={placeholder}\n                onFocus={() => setIsSearchInputFocused(true)}\n                onBlur={() => setIsSearchInputFocused(false)}\n                onMouseDown={() => {\n                  if (!isOpen) {\n                    setIsSearchInputFocused(true);\n                  }\n                }}\n                {...attributesOfNativeInput}\n                tabIndex={-1}\n              />\n            ) : (\n              <>\n                <span className=\"text\">{selectedLabel || placeholder}</span>\n                {postfixText && (\n                  <span className=\"dropdown__list-item-postfix\">\n                    {postfixText}\n                  </span>\n                )}\n              </>\n            )}\n            <span\n              className={cn(`${RC}__arrow`, {\n                [`${RC}__arrow_active`]: isOpen,\n              })}\n              onClick={toggleList}\n            >\n              {isMobile ? (\n                <Code className=\"mobile-icon\" />\n              ) : isOpen ? (\n                <ChevronUp />\n              ) : (\n                <ChevronDown />\n              )}\n            </span>\n          </>\n        )}\n      </button>\n      {withActions && (\n        <div className={cn(`${RC}__actions`)}>\n          <div\n            className={cn(`${RC}__actions-item`)}\n            onClick={onActionConfirmClick}\n          >\n            <Check />\n          </div>\n          <div\n            className={cn(`${RC}__actions-item`)}\n            onClick={onActionCancelClick}\n          >\n            <X />\n          </div>\n        </div>\n      )}\n      {isOpen && renderListContainer()}\n    </div>\n  );\n};\n\nexport default Dropdown;\n"],"names":["RC","MIN_ITEMS_FOR_SHOW_MOBILE_SEARCH","Dropdown","label","options","value","error","disabled","onChange","placeholder","className","isSearchable","entity","scrollReactionObj","isListTop","isNotValidateASCII","testId","sortAlphabetical","fieldKey","id","noOptionsText","attributesOfNativeInput","isDoNotPullOutListOfMainContainer","withMobileLogic","withActions","minItemsForShowMobileSearch","customTrigger","tabIndex","onActionConfirmClick","onActionCancelClick","isDefaultOpened","dropdownListWrapperRef","dropdownListRef","filteredOptions","isMobile","isMobileProp","useIsMobile","window","screen","width","dropdownId","setDropdownId","useState","Math","random","toString","slice","isOpen","setIsOpen","searchValue","setSearchValue","dropdownRef","useRef","searchInputRef","wrapperRef","initListHeight","setInitListHeight","isSearchChanged","setIsSearchChanged","isSearchInputFocused","setIsSearchInputFocused","isScrollableList","setIsScrollableList","isFixedMaxHeight","setIsFixedMaxHeight","scrollTop","setScrollTop","scrollHeight","setScrollHeight","getTotalOptions","useCallback","reduce","result","item","list","items","length","moveOtherToEnd","otherIndex","findIndex","option","other","splice","push","optionsWithOtherAtTheEnd","map","filteredGroups","filter","el","toLowerCase","includes","filteredItems","modalBtnTrigger","onChangeHandler","onKeyDown","e","keyCode","onKeyUp","getDepends","getDependsTrigger","newOnChange","newOptions","changeItem","handleClickOutside","event","getListContainer","contains","target","current","onSearchHandler","name","inputValue","formatToOnlyASCIICodeText","onWrapperClick","stopPropagation","preventDefault","hightlightedText","text","postfix","description","prepare","replace","a","main","RegExp","match","postfixPart","descriptionPart","depend","getMarkupForElement","index","optTestId","button","data-testid","onMouseDown","cn","span","Check","div","labelClassName","dangerouslySetInnerHTML","__html","icon","customMobileIcon","RadioInput","checked","filteredOptionList","filteredOption","concat","Date","now","selectedLabel","find","acc","doScrollCallback","callback","isWithAnyScrolling","scrollingInaccuracy","round","clientHeight","getParentNode","document","querySelector","initListContainer","dropdownList","createElement","setAttribute","classList","add","addEventListener","remove","getElementById","dropdownMobileListWrapper","append","getListContainerWrapper","setListContainerStyles","getComputedStyle","sw","lh","lc","windowHeight","innerHeight","documentElement","body","height","left","top","getBoundingClientRect","getElementsByClassName","margin","parseInt","marginTop","maxHeight","toTop","toBottom","swHeight","maxSwHeight","listPos","style","minWidth","renderListContainer","createPortal","getListMarkUp","getSortedOptions","data","newData","openModalOption","emptyOption","restOfOptions","sort","compareAlphabetical","ref","onClick","X","Input","v","withDelete","onFocus","onBlur","DropdownLoader","toggleList","closeList","useEffect","useLayoutEffect","removeEventListener","setTimeout","select","focus","blur","setScrollTopValue","postfixText","Boolean","input","Code","ChevronUp","ChevronDown"],"mappings":"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"}

package/dist/Atomic/FormElements/Dropdown/Dropdown.stories.js

@@ -20,6 +20,19 @@ const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _reactfeather = require("react-feather");
 const _Dropdown = /*#__PURE__*/ _interop_require_default(require("./Dropdown"));
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -66,6 +79,45 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 const _default = {
     title: "Form Elements/Dropdown",
     component: _Dropdown.default,
@@ -116,8 +168,7 @@ const Template = (args)=>{
                 style: {
                     width: 200
                 },
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dropdown.default, {
-                    ...args,
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dropdown.default, _object_spread_props(_object_spread({}, args), {
                     value: value,
                     onChange: setValue,
                     disabled: disabled,
@@ -129,15 +180,14 @@ const Template = (args)=>{
                         scrollingInaccuracy: 5
                     },
                     withMobileLogic: true
-                })
+                }))
             }, "dropdown"),
             /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                 style: {
                     width: 200,
                     marginLeft: 20
                 },
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dropdown.default, {
-                    ...args,
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dropdown.default, _object_spread_props(_object_spread({}, args), {
                     value: value,
                     onChange: setValue,
                     disabled: disabled,
@@ -150,7 +200,7 @@ const Template = (args)=>{
                     },
                     withMobileLogic: true,
                     customTrigger: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.MoreVertical, {})
-                })
+                }))
             }, "dropdown"),
             /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
                 style: buttonStyles,
@@ -594,3 +644,5 @@ DropdownTemplate.args = {
     fieldKey: "test-dropdown",
     id: "test-dropdown"
 };
+
+//# sourceMappingURL=Dropdown.stories.js.map

package/dist/Atomic/FormElements/Dropdown/Dropdown.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/Dropdown/Dropdown.stories.js"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { Codesandbox, MoreVertical } from \"react-feather\";\n\nimport Dropdown from \"./Dropdown\";\n\nexport default {\n  title: \"Form Elements/Dropdown\",\n  component: Dropdown,\n  argTypes: {\n    className: {\n      description: \"string\",\n    },\n    value: { description: \"string - current option\" },\n    isSearchable: {\n      description: \"boolean - enable search\",\n      type: \"boolean\",\n      defaultValue: false,\n    },\n    onChange: { description: \"callback return selected value\" },\n    entity: {\n      description: \"string\",\n    },\n    attributesOfNativeInput: {\n      description:\n        \"Object. Optional. This is list of attributes to add in native search-input\",\n    },\n    isDoNotPullOutListOfMainContainer: {\n      description:\n        \"Boolean. If yes, the list container will be created in the target component\",\n    },\n  },\n};\n\nconst blockStyles = {\n  display: \"flex\",\n  flexFlow: \"row no-wrap\",\n  alignItems: \"flex-start\",\n  minHeight: \"1000px\",\n};\n\nconst buttonStyles = {\n  border: \"solid 1px #000\",\n  padding: \"5px\",\n  margin: \"0 0 0 50px\",\n};\n\nconst Template = (args) => {\n  const [value, setValue] = useState(args.value);\n  const [disabled, setDisabled] = useState(false);\n  return (\n    <div style={blockStyles}>\n      <div key=\"dropdown\" style={{ width: 200 }}>\n        <Dropdown\n          {...args}\n          value={value}\n          onChange={setValue}\n          disabled={disabled}\n          scrollReactionObj={{\n            callback: (e) => {\n              setDisabled(true);\n              setTimeout(() => setDisabled(false), 1000);\n            },\n            scrollingInaccuracy: 5,\n          }}\n          withMobileLogic\n          // isDefaultOpened\n          // withActions\n          // customTrigger={<MoreVertical />}\n        />\n      </div>\n\n      <div key=\"dropdown\" style={{ width: 200, marginLeft: 20 }}>\n        <Dropdown\n          {...args}\n          value={value}\n          onChange={setValue}\n          disabled={disabled}\n          scrollReactionObj={{\n            callback: (e) => {\n              setDisabled(true);\n              setTimeout(() => setDisabled(false), 1000);\n            },\n            scrollingInaccuracy: 5,\n          }}\n          withMobileLogic\n          customTrigger={<MoreVertical />}\n        />\n      </div>\n\n      <button\n        key=\"reset\"\n        style={buttonStyles}\n        className=\"mt10\"\n        onClick={() => setValue(\"\")}\n      >\n        Reset\n      </button>\n\n      <button\n        key=\"enable/disable\"\n        style={buttonStyles}\n        className=\"mt10\"\n        onClick={() => setDisabled(!disabled)}\n      >\n        {disabled ? \"enable\" : \"disable\"}\n      </button>\n    </div>\n  );\n};\n\nexport const DropdownTemplate = Template.bind({});\n\nDropdownTemplate.args = {\n  // isListTop: true,\n  entity: \"entity\",\n  value: \"drop6\",\n  placeholder: \"Placeholder\",\n  isSearchable: true,\n  isDoNotPullOutListOfMainContainer: true,\n  options: [\n    {\n      label: \"Home Improvement\",\n      items: [\n        {\n          value: 8,\n          label: \"Doors\",\n          isNoActiveLenders: false,\n          icon: <Codesandbox />,\n          postfix: \"\",\n          description:\n            \"Very very very very very very very very very very very Long Doors in House Decsription\",\n        },\n        {\n          value: 9,\n          label: \"Flooring\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 10,\n          label: \"Home Automation\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 63,\n          label: \"Home Exterior\",\n          isNoActiveLenders: true,\n          postfix: \"(No Active Lenders)\",\n        },\n        {\n          value: 11,\n          label: \"HVAC\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 64,\n          label: \"Kitchen & Bath\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 60,\n          label: \"Landscaping\",\n          isNoActiveLenders: true,\n          postfix: \"(No Active Lenders)\",\n        },\n        {\n          value: 12,\n          label: \"Pool and Spas\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 13,\n          label: \"Roofing\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 61,\n          label: \"Security Systems\",\n          isNoActiveLenders: true,\n          postfix: \"(No Active Lenders)\",\n        },\n        {\n          value: 62,\n          label: \"Shades\",\n          isNoActiveLenders: true,\n          postfix: \"(No Active Lenders)\",\n        },\n        {\n          value: 14,\n          label: \"Solar Systems\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 15,\n          label: \"Termite tenting\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 16,\n          label: \"Water filtration\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 17,\n          label: \"Water heaters\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 18,\n          label: \"Windows\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n      ],\n    },\n    {\n      label: \"Medical\",\n      items: [\n        {\n          value: 20,\n          label: \"Audiology\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 21,\n          label: \"Chiropractic\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 22,\n          label: \"Cosmetic Surgery\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 23,\n          label: \"Dental\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 24,\n          label: \"Dermatology\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 51,\n          label: \"Hair Loss\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 50,\n          label: \"Holistic Medicine\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 65,\n          label: \"Implant Dentistry\",\n          isNoActiveLenders: true,\n          postfix: \"(No Active Lenders)\",\n        },\n        {\n          value: 25,\n          label: \"Medical Devices\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 56,\n          label: \"Medical Tourism\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 47,\n          label: \"Men's Health\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 52,\n          label: \"Naturopathic\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 26,\n          label: \"Non-invasive Cosmetic\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 27,\n          label: \"Optometry\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 46,\n          label: \"Orthodontic\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 49,\n          label: \"Physical Medicine\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 53,\n          label: \"Psychology\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 48,\n          label: \"Stem Cell\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 55,\n          label: \"Urology\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 28,\n          label: \"Vision\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 29,\n          label: \"Weight Loss\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n      ],\n    },\n    {\n      label: \"Other Services\",\n      items: [\n        {\n          value: 40,\n          label: \"Coaching\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 41,\n          label: \"Funeral\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 57,\n          label: \"Gyms\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 42,\n          label: \"Legal\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 58,\n          label: \"Personal Training\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 44,\n          label: \"Tattoo\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 43,\n          label: \"Tax resolution\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n      ],\n    },\n    {\n      label: \"Pet Services\",\n      items: [\n        {\n          value: 31,\n          label: \"Dog Training\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 32,\n          label: \"Pet Retail\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 33,\n          label: \"Veterinary\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n      ],\n    },\n    {\n      label: \"Retail\",\n      items: [\n        {\n          value: 34,\n          label: \"Appliances\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 35,\n          label: \"Electronics\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 36,\n          label: \"Furniture\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 38,\n          label: \"Jewelry\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 37,\n          label: \"Mattress\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 67,\n          label: \"Photography\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n        {\n          value: 45,\n          label: \"Sporting Goods\",\n          isNoActiveLenders: false,\n          postfix: \"\",\n        },\n      ],\n    },\n  ],\n  // [\n  //   {label: 'ZAll', value: '', postfix: '(postfix)', className: 'optionClassName'},\n  //   {label: 'bDropdown2', value: 'drop2', postfix: '(postfix)', className: 'optionClassName'},\n  //   {label: 'dDropdown3', value: 'drop3', disabled: true},\n  //   {label: 'CDropdown4', value: 'drop4'},\n  //   {label: 'other', value: 'other'},\n  //   {label: 'ADropdown1', value: 'drop1', className: 'status status--approved'},\n  //   {label: 'FDropdown5 (HELLO)', value: 'drop5'},\n  //   {label: 'EDropdown6 hidden text lorem ipsum', value: 'drop6'},\n  //   {\n  //     label: 'KSome Group',\n  //     className: 'groupClssName',\n  //     items: [\n  //       {label: 'other', value: 'other'},\n  //       {label: 'Group 13', value: 'group13'},\n  //       {\n  //         label: 'Group 11',\n  //         value: 'group11',\n  //         className: 'groupOptionClssName',\n  //         labelClassName: 'groupOptionLabelClasName',\n  //       },\n  //       {label: 'Group 12', value: 'group12', disabled: true},\n  //     ],\n  //   },\n  //   {\n  //     label: 'Gtest last other 1',\n  //     items: [\n  //       {label: 'Dother', value: 'other'},\n  //       {label: 'BGroup 13', value: 'group13'},\n  //       {label: 'AGroup 12', value: 'group12', disabled: true},\n  //       {label: 'AGroup 11', value: 'group11'},\n  //     ],\n  //   },\n  //   {\n  //     label: 'Itest last other 2',\n  //     items: [\n  //       {label: 'Group 11', value: 'group11'},\n  //       {label: 'other', value: 'other'},\n  //       {label: 'Group 12', value: 'group12', disabled: true},\n  //       {label: 'Group 13', value: 'group13'},\n  //     ],\n  //   },\n  //   {\n  //     label: 'Htest last other 3',\n  //     items: [\n  //       {label: 'Group 11', value: 'group11'},\n  //       {label: 'Group 12', value: 'group12', disabled: true},\n  //       {label: 'other', value: 'other'},\n  //       {label: 'Group 13', value: 'group13'},\n  //     ],\n  //   },\n  //   {\n  //     label: 'JSome Group 2',\n  //     items: [\n  //       {label: 'Group 21', value: 'group21'},\n  //       {label: 'other', value: 'other'},\n  //       {label: 'Group 22', value: 'group22'},\n  //       {label: 'Group 23', value: 'group23'},\n  //     ],\n  //   },\n  // ],\n  error: \"\",\n  isNotValidateASCII: false,\n\n  fieldKey: \"test-dropdown\",\n  id: \"test-dropdown\",\n};\n"],"names":["DropdownTemplate","title","component","Dropdown","argTypes","className","description","value","isSearchable","type","defaultValue","onChange","entity","attributesOfNativeInput","isDoNotPullOutListOfMainContainer","blockStyles","display","flexFlow","alignItems","minHeight","buttonStyles","border","padding","margin","Template","args","setValue","useState","disabled","setDisabled","div","style","width","scrollReactionObj","callback","e","setTimeout","scrollingInaccuracy","withMobileLogic","marginLeft","customTrigger","MoreVertical","button","onClick","bind","placeholder","options","label","items","isNoActiveLenders","icon","Codesandbox","postfix","error","isNotValidateASCII","fieldKey","id"],"mappings":"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C,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;aACD;QACH;QACA;YACEL,OAAO;YACPC,OAAO;gBACL;oBACEzC,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;aACD;QACH;QACA;YACEL,OAAO;YACPC,OAAO;gBACL;oBACEzC,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;aACD;QACH;QACA;YACEL,OAAO;YACPC,OAAO;gBACL;oBACEzC,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;aACD;QACH;QACA;YACEL,OAAO;YACPC,OAAO;gBACL;oBACEzC,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;gBACA;oBACE7C,OAAO;oBACPwC,OAAO;oBACPE,mBAAmB;oBACnBG,SAAS;gBACX;aACD;QACH;KACD;IACD,IAAI;IACJ,oFAAoF;IACpF,+FAA+F;IAC/F,2DAA2D;IAC3D,2CAA2C;IAC3C,sCAAsC;IACtC,iFAAiF;IACjF,mDAAmD;IACnD,mEAAmE;IACnE,MAAM;IACN,4BAA4B;IAC5B,kCAAkC;IAClC,eAAe;IACf,0CAA0C;IAC1C,+CAA+C;IAC/C,UAAU;IACV,6BAA6B;IAC7B,4BAA4B;IAC5B,4CAA4C;IAC5C,sDAAsD;IACtD,WAAW;IACX,+DAA+D;IAC/D,SAAS;IACT,OAAO;IACP,MAAM;IACN,mCAAmC;IACnC,eAAe;IACf,2CAA2C;IAC3C,gDAAgD;IAChD,gEAAgE;IAChE,gDAAgD;IAChD,SAAS;IACT,OAAO;IACP,MAAM;IACN,mCAAmC;IACnC,eAAe;IACf,+CAA+C;IAC/C,0CAA0C;IAC1C,+DAA+D;IAC/D,+CAA+C;IAC/C,SAAS;IACT,OAAO;IACP,MAAM;IACN,mCAAmC;IACnC,eAAe;IACf,+CAA+C;IAC/C,+DAA+D;IAC/D,0CAA0C;IAC1C,+CAA+C;IAC/C,SAAS;IACT,OAAO;IACP,MAAM;IACN,8BAA8B;IAC9B,eAAe;IACf,+CAA+C;IAC/C,0CAA0C;IAC1C,+CAA+C;IAC/C,+CAA+C;IAC/C,SAAS;IACT,OAAO;IACP,KAAK;IACLC,OAAO;IACPC,oBAAoB;IAEpBC,UAAU;IACVC,IAAI;AACN"}

package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js

@@ -31,3 +31,5 @@ const DropdownLoader = function({ variant }) {
     });
 };
 const _default = DropdownLoader;
+
+//# sourceMappingURL=DropdownLoader.js.map

package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/FormElements/Dropdown/components/DropdownLoader.js"],"sourcesContent":["import React from \"react\";\n\nimport \"./DropdownLoader.scss\";\n\nconst DropdownLoader = function ({ variant }) {\n  return (\n    <div className=\"dropdown-loader-box j5\">\n      <div\n        className={`lds-ring${variant === \"little\" ? \" lds-ring_little\" : \"\"}`}\n      >\n        <div />\n        <div />\n        <div />\n        <div />\n      </div>\n    </div>\n  );\n};\n\nexport default DropdownLoader;\n"],"names":["DropdownLoader","variant","div","className"],"mappings":";;;;+BAmBA;;;eAAA;;;;8DAnBkB;QAEX;;;;;;AAEP,MAAMA,iBAAiB,SAAU,EAAEC,OAAO,EAAE;IAC1C,qBACE,qBAACC;QAAIC,WAAU;kBACb,cAAA,sBAACD;YACCC,WAAW,CAAC,QAAQ,EAAEF,YAAY,WAAW,qBAAqB,IAAI;;8BAEtE,qBAACC;8BACD,qBAACA;8BACD,qBAACA;8BACD,qBAACA;;;;AAIT;MAEA,WAAeF"}