@orbe-agro/client-core 5.5.82 → 5.6.0

package/dist/@ecme/components/ui/DatePicker/tables/components/props/isOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"isOutside.js","sources":["../../../../../../../../lib/@ecme/components/ui/DatePicker/tables/components/props/isOutside.ts"],"sourcesContent":["import { isSameMonth } from '../../../utils'\n\nexport default function isOutside(date: Date, month: Date) {\n    return !isSameMonth(date, month)\n}\n"],"names":[],"mappings":";;AAEA,SAAwB,UAAU,MAAY,OAAa;AACvD,SAAO,CAAC,YAAY,MAAM,KAAK;AACnC;"}
+{"version":3,"file":"isOutside.js","sources":["../../../../../../../../lib/@ecme/components/ui/DatePicker/tables/components/props/isOutside.ts"],"sourcesContent":["import { isSameMonth } from '../../../utils'\r\n\r\nexport default function isOutside(date: Date, month: Date) {\r\n    return !isSameMonth(date, month)\r\n}\r\n"],"names":[],"mappings":";;AAEA,SAAwB,UAAU,MAAY,OAAa;AACvD,SAAO,CAAC,YAAY,MAAM,KAAK;AACnC;"}

package/dist/@ecme/components/ui/DatePicker/tables/components/props/isWeekend.js.map

@@ -1 +1 @@
-{"version":3,"file":"isWeekend.js","sources":["../../../../../../../../lib/@ecme/components/ui/DatePicker/tables/components/props/isWeekend.ts"],"sourcesContent":["export default function isWeekend(date: Date, weekendDays = [0, 6]) {\n    return weekendDays.includes(date.getDay())\n}\n"],"names":[],"mappings":"AAAA,SAAwB,UAAU,MAAY,cAAc,CAAC,GAAG,CAAC,GAAG;AAChE,SAAO,YAAY,SAAS,KAAK,OAAA,CAAQ;AAC7C;"}
+{"version":3,"file":"isWeekend.js","sources":["../../../../../../../../lib/@ecme/components/ui/DatePicker/tables/components/props/isWeekend.ts"],"sourcesContent":["export default function isWeekend(date: Date, weekendDays = [0, 6]) {\r\n    return weekendDays.includes(date.getDay())\r\n}\r\n"],"names":[],"mappings":"AAAA,SAAwB,UAAU,MAAY,cAAc,CAAC,GAAG,CAAC,GAAG;AAChE,SAAO,YAAY,SAAS,KAAK,OAAA,CAAQ;AAC7C;"}

package/dist/@ecme/components/ui/DatePicker/utils/formatYear.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatYear.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/utils/formatYear.tsx"],"sourcesContent":["import dayjs from 'dayjs'\n\nexport function formatYear(year: number, format?: string) {\n    return dayjs(new Date(year, 1, 1)).format(format)\n}\n"],"names":[],"mappings":";AAEO,SAAS,WAAW,MAAc,QAAiB;AACtD,SAAO,MAAM,IAAI,KAAK,MAAM,GAAG,CAAC,CAAC,EAAE,OAAO,MAAM;AACpD;"}
+{"version":3,"file":"formatYear.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/utils/formatYear.tsx"],"sourcesContent":["import dayjs from 'dayjs'\r\n\r\nexport function formatYear(year: number, format?: string) {\r\n    return dayjs(new Date(year, 1, 1)).format(format)\r\n}\r\n"],"names":[],"mappings":";AAEO,SAAS,WAAW,MAAc,QAAiB;AACtD,SAAO,MAAM,IAAI,KAAK,MAAM,GAAG,CAAC,CAAC,EAAE,OAAO,MAAM;AACpD;"}

package/dist/@ecme/components/ui/DatePicker/utils/getCurrentWeekDays.js.map

@@ -1 +1 @@
-{"version":3,"file":"getCurrentWeekDays.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/utils/getCurrentWeekDays.ts"],"sourcesContent":["import { getStartOfWeek } from './getStartOfWeek'\nimport { getEndOfWeek } from './getEndOfWeek'\nimport type { FirstDayOfWeek } from '../../@types/date'\n\nexport function getCurrentWeekDays(\n    month: Date,\n    firstDayOfWeek: FirstDayOfWeek = 'monday',\n): Date[] {\n    const currentMonth = month.getMonth()\n    const startOfMonth = new Date(month.getFullYear(), currentMonth, 1)\n    const today = new Date()\n    const isCurrentMonth =\n        today.getMonth() === currentMonth &&\n        today.getFullYear() === month.getFullYear()\n\n    let date: Date\n    if (isCurrentMonth) {\n        date = getStartOfWeek(today, firstDayOfWeek)\n    } else {\n        date = getStartOfWeek(startOfMonth, firstDayOfWeek)\n    }\n\n    const endDate = getEndOfWeek(date, firstDayOfWeek)\n    const days: Date[] = []\n\n    while (date <= endDate) {\n        days.push(new Date(date))\n        date.setDate(date.getDate() + 1)\n    }\n\n    return days\n}\n"],"names":[],"mappings":";;AAIO,SAAS,mBACZ,OACA,iBAAiC,UAC3B;AACN,QAAM,eAAe,MAAM,SAAA;AAC3B,QAAM,eAAe,IAAI,KAAK,MAAM,YAAA,GAAe,cAAc,CAAC;AAClE,QAAM,4BAAY,KAAA;AAClB,QAAM,iBACF,MAAM,eAAe,gBACrB,MAAM,YAAA,MAAkB,MAAM,YAAA;AAElC,MAAI;AACJ,MAAI,gBAAgB;AAChB,WAAO,eAAe,OAAO,cAAc;AAAA,EAC/C,OAAO;AACH,WAAO,eAAe,cAAc,cAAc;AAAA,EACtD;AAEA,QAAM,UAAU,aAAa,MAAM,cAAc;AACjD,QAAM,OAAe,CAAA;AAErB,SAAO,QAAQ,SAAS;AACpB,SAAK,KAAK,IAAI,KAAK,IAAI,CAAC;AACxB,SAAK,QAAQ,KAAK,QAAA,IAAY,CAAC;AAAA,EACnC;AAEA,SAAO;AACX;"}
+{"version":3,"file":"getCurrentWeekDays.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/utils/getCurrentWeekDays.ts"],"sourcesContent":["import { getStartOfWeek } from './getStartOfWeek'\r\nimport { getEndOfWeek } from './getEndOfWeek'\r\nimport type { FirstDayOfWeek } from '../../@types/date'\r\n\r\nexport function getCurrentWeekDays(\r\n    month: Date,\r\n    firstDayOfWeek: FirstDayOfWeek = 'monday',\r\n): Date[] {\r\n    const currentMonth = month.getMonth()\r\n    const startOfMonth = new Date(month.getFullYear(), currentMonth, 1)\r\n    const today = new Date()\r\n    const isCurrentMonth =\r\n        today.getMonth() === currentMonth &&\r\n        today.getFullYear() === month.getFullYear()\r\n\r\n    let date: Date\r\n    if (isCurrentMonth) {\r\n        date = getStartOfWeek(today, firstDayOfWeek)\r\n    } else {\r\n        date = getStartOfWeek(startOfMonth, firstDayOfWeek)\r\n    }\r\n\r\n    const endDate = getEndOfWeek(date, firstDayOfWeek)\r\n    const days: Date[] = []\r\n\r\n    while (date <= endDate) {\r\n        days.push(new Date(date))\r\n        date.setDate(date.getDate() + 1)\r\n    }\r\n\r\n    return days\r\n}\r\n"],"names":[],"mappings":";;AAIO,SAAS,mBACZ,OACA,iBAAiC,UAC3B;AACN,QAAM,eAAe,MAAM,SAAA;AAC3B,QAAM,eAAe,IAAI,KAAK,MAAM,YAAA,GAAe,cAAc,CAAC;AAClE,QAAM,4BAAY,KAAA;AAClB,QAAM,iBACF,MAAM,eAAe,gBACrB,MAAM,YAAA,MAAkB,MAAM,YAAA;AAElC,MAAI;AACJ,MAAI,gBAAgB;AAChB,WAAO,eAAe,OAAO,cAAc;AAAA,EAC/C,OAAO;AACH,WAAO,eAAe,cAAc,cAAc;AAAA,EACtD;AAEA,QAAM,UAAU,aAAa,MAAM,cAAc;AACjD,QAAM,OAAe,CAAA;AAErB,SAAO,QAAQ,SAAS;AACpB,SAAK,KAAK,IAAI,KAAK,IAAI,CAAC;AACxB,SAAK,QAAQ,KAAK,QAAA,IAAY,CAAC;AAAA,EACnC;AAEA,SAAO;AACX;"}

package/dist/@ecme/components/ui/DatePicker/utils/getDecadeRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"getDecadeRange.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/utils/getDecadeRange.ts"],"sourcesContent":["export function getDecadeRange(year: number) {\n    const rounded = year - (year % 10) - 1\n    const range: number[] = []\n    for (let i = 0; i < 12; i += 1) {\n        const rangeYear = rounded + i\n        range.push(rangeYear)\n    }\n\n    return range\n}\n"],"names":[],"mappings":"AAAO,SAAS,eAAe,MAAc;AACzC,QAAM,UAAU,OAAQ,OAAO,KAAM;AACrC,QAAM,QAAkB,CAAA;AACxB,WAAS,IAAI,GAAG,IAAI,IAAI,KAAK,GAAG;AAC5B,UAAM,YAAY,UAAU;AAC5B,UAAM,KAAK,SAAS;AAAA,EACxB;AAEA,SAAO;AACX;"}
+{"version":3,"file":"getDecadeRange.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/utils/getDecadeRange.ts"],"sourcesContent":["export function getDecadeRange(year: number) {\r\n    const rounded = year - (year % 10) - 1\r\n    const range: number[] = []\r\n    for (let i = 0; i < 12; i += 1) {\r\n        const rangeYear = rounded + i\r\n        range.push(rangeYear)\r\n    }\r\n\r\n    return range\r\n}\r\n"],"names":[],"mappings":"AAAO,SAAS,eAAe,MAAc;AACzC,QAAM,UAAU,OAAQ,OAAO,KAAM;AACrC,QAAM,QAAkB,CAAA;AACxB,WAAS,IAAI,GAAG,IAAI,IAAI,KAAK,GAAG;AAC5B,UAAM,YAAY,UAAU;AAC5B,UAAM,KAAK,SAAS;AAAA,EACxB;AAEA,SAAO;AACX;"}

package/dist/@ecme/components/ui/DatePicker/utils/getEndOfWeek.js.map

@@ -1 +1 @@
-{"version":3,"file":"getEndOfWeek.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/utils/getEndOfWeek.ts"],"sourcesContent":["import type { FirstDayOfWeek } from '../../@types/date'\n\nexport function getEndOfWeek(\n    date: Date,\n    firstDayOfWeek: FirstDayOfWeek = 'monday',\n) {\n    const value = new Date(date)\n    const day = value.getDay()\n    const isSunday = firstDayOfWeek === 'sunday'\n\n    const clampToLastDay = 7 - (isSunday ? day + 1 : day)\n\n    if ((isSunday && day !== 6) || day !== 0) {\n        value.setDate(value.getDate() + clampToLastDay)\n    }\n\n    return value\n}\n"],"names":[],"mappings":"AAEO,SAAS,aACZ,MACA,iBAAiC,UACnC;AACE,QAAM,QAAQ,IAAI,KAAK,IAAI;AAC3B,QAAM,MAAM,MAAM,OAAA;AAClB,QAAM,WAAW,mBAAmB;AAEpC,QAAM,iBAAiB,KAAK,WAAW,MAAM,IAAI;AAEjD,MAAK,YAAY,QAAQ,KAAM,QAAQ,GAAG;AACtC,UAAM,QAAQ,MAAM,QAAA,IAAY,cAAc;AAAA,EAClD;AAEA,SAAO;AACX;"}
+{"version":3,"file":"getEndOfWeek.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/utils/getEndOfWeek.ts"],"sourcesContent":["import type { FirstDayOfWeek } from '../../@types/date'\r\n\r\nexport function getEndOfWeek(\r\n    date: Date,\r\n    firstDayOfWeek: FirstDayOfWeek = 'monday',\r\n) {\r\n    const value = new Date(date)\r\n    const day = value.getDay()\r\n    const isSunday = firstDayOfWeek === 'sunday'\r\n\r\n    const clampToLastDay = 7 - (isSunday ? day + 1 : day)\r\n\r\n    if ((isSunday && day !== 6) || day !== 0) {\r\n        value.setDate(value.getDate() + clampToLastDay)\r\n    }\r\n\r\n    return value\r\n}\r\n"],"names":[],"mappings":"AAEO,SAAS,aACZ,MACA,iBAAiC,UACnC;AACE,QAAM,QAAQ,IAAI,KAAK,IAAI;AAC3B,QAAM,MAAM,MAAM,OAAA;AAClB,QAAM,WAAW,mBAAmB;AAEpC,QAAM,iBAAiB,KAAK,WAAW,MAAM,IAAI;AAEjD,MAAK,YAAY,QAAQ,KAAM,QAAQ,GAAG;AACtC,UAAM,QAAQ,MAAM,QAAA,IAAY,cAAc;AAAA,EAClD;AAEA,SAAO;AACX;"}

package/dist/@ecme/components/ui/DatePicker/utils/getMonthDays.js.map

@@ -1 +1 @@
-{"version":3,"file":"getMonthDays.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/utils/getMonthDays.ts"],"sourcesContent":["import { getStartOfWeek } from './getStartOfWeek'\nimport { getEndOfWeek } from './getEndOfWeek'\nimport type { FirstDayOfWeek } from '../../@types/date'\n\nexport function getMonthDays(\n    month: Date,\n    firstDayOfWeek: FirstDayOfWeek = 'monday',\n): Date[][] {\n    const currentMonth = month.getMonth()\n    const startOfMonth = new Date(month.getFullYear(), currentMonth, 1)\n    const endOfMonth = new Date(month.getFullYear(), month.getMonth() + 1, 0)\n    const endDate = getEndOfWeek(endOfMonth, firstDayOfWeek)\n    const date = getStartOfWeek(startOfMonth, firstDayOfWeek)\n    const weeks: Date[][] = []\n\n    while (date <= endDate) {\n        const days: Date[] = []\n\n        for (let i = 0; i < 7; i += 1) {\n            days.push(new Date(date))\n            date.setDate(date.getDate() + 1)\n        }\n\n        weeks.push(days)\n    }\n\n    return weeks\n}\n"],"names":[],"mappings":";;AAIO,SAAS,aACZ,OACA,iBAAiC,UACzB;AACR,QAAM,eAAe,MAAM,SAAA;AAC3B,QAAM,eAAe,IAAI,KAAK,MAAM,YAAA,GAAe,cAAc,CAAC;AAClE,QAAM,aAAa,IAAI,KAAK,MAAM,eAAe,MAAM,SAAA,IAAa,GAAG,CAAC;AACxE,QAAM,UAAU,aAAa,YAAY,cAAc;AACvD,QAAM,OAAO,eAAe,cAAc,cAAc;AACxD,QAAM,QAAkB,CAAA;AAExB,SAAO,QAAQ,SAAS;AACpB,UAAM,OAAe,CAAA;AAErB,aAAS,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG;AAC3B,WAAK,KAAK,IAAI,KAAK,IAAI,CAAC;AACxB,WAAK,QAAQ,KAAK,QAAA,IAAY,CAAC;AAAA,IACnC;AAEA,UAAM,KAAK,IAAI;AAAA,EACnB;AAEA,SAAO;AACX;"}
+{"version":3,"file":"getMonthDays.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/utils/getMonthDays.ts"],"sourcesContent":["import { getStartOfWeek } from './getStartOfWeek'\r\nimport { getEndOfWeek } from './getEndOfWeek'\r\nimport type { FirstDayOfWeek } from '../../@types/date'\r\n\r\nexport function getMonthDays(\r\n    month: Date,\r\n    firstDayOfWeek: FirstDayOfWeek = 'monday',\r\n): Date[][] {\r\n    const currentMonth = month.getMonth()\r\n    const startOfMonth = new Date(month.getFullYear(), currentMonth, 1)\r\n    const endOfMonth = new Date(month.getFullYear(), month.getMonth() + 1, 0)\r\n    const endDate = getEndOfWeek(endOfMonth, firstDayOfWeek)\r\n    const date = getStartOfWeek(startOfMonth, firstDayOfWeek)\r\n    const weeks: Date[][] = []\r\n\r\n    while (date <= endDate) {\r\n        const days: Date[] = []\r\n\r\n        for (let i = 0; i < 7; i += 1) {\r\n            days.push(new Date(date))\r\n            date.setDate(date.getDate() + 1)\r\n        }\r\n\r\n        weeks.push(days)\r\n    }\r\n\r\n    return weeks\r\n}\r\n"],"names":[],"mappings":";;AAIO,SAAS,aACZ,OACA,iBAAiC,UACzB;AACR,QAAM,eAAe,MAAM,SAAA;AAC3B,QAAM,eAAe,IAAI,KAAK,MAAM,YAAA,GAAe,cAAc,CAAC;AAClE,QAAM,aAAa,IAAI,KAAK,MAAM,eAAe,MAAM,SAAA,IAAa,GAAG,CAAC;AACxE,QAAM,UAAU,aAAa,YAAY,cAAc;AACvD,QAAM,OAAO,eAAe,cAAc,cAAc;AACxD,QAAM,QAAkB,CAAA;AAExB,SAAO,QAAQ,SAAS;AACpB,UAAM,OAAe,CAAA;AAErB,aAAS,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG;AAC3B,WAAK,KAAK,IAAI,KAAK,IAAI,CAAC;AACxB,WAAK,QAAQ,KAAK,QAAA,IAAY,CAAC;AAAA,IACnC;AAEA,UAAM,KAAK,IAAI;AAAA,EACnB;AAEA,SAAO;AACX;"}

package/dist/@ecme/components/ui/DatePicker/utils/getMonthsNames.js.map

@@ -1 +1 @@
-{"version":3,"file":"getMonthsNames.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/utils/getMonthsNames.ts"],"sourcesContent":["import dayjs from 'dayjs'\n\nexport function getMonthsNames(locale: string, format = 'MMM') {\n    const names: string[] = []\n    const date = new Date(2021, 0, 1)\n\n    for (let i = 0; i < 12; i += 1) {\n        names.push(dayjs(date).locale(locale).format(format))\n        date.setMonth(date.getMonth() + 1)\n    }\n\n    return names\n}\n"],"names":[],"mappings":";AAEO,SAAS,eAAe,QAAgB,SAAS,OAAO;AAC3D,QAAM,QAAkB,CAAA;AACxB,QAAM,OAAO,IAAI,KAAK,MAAM,GAAG,CAAC;AAEhC,WAAS,IAAI,GAAG,IAAI,IAAI,KAAK,GAAG;AAC5B,UAAM,KAAK,MAAM,IAAI,EAAE,OAAO,MAAM,EAAE,OAAO,MAAM,CAAC;AACpD,SAAK,SAAS,KAAK,SAAA,IAAa,CAAC;AAAA,EACrC;AAEA,SAAO;AACX;"}
+{"version":3,"file":"getMonthsNames.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/utils/getMonthsNames.ts"],"sourcesContent":["import dayjs from 'dayjs'\r\n\r\nexport function getMonthsNames(locale: string, format = 'MMM') {\r\n    const names: string[] = []\r\n    const date = new Date(2021, 0, 1)\r\n\r\n    for (let i = 0; i < 12; i += 1) {\r\n        names.push(dayjs(date).locale(locale).format(format))\r\n        date.setMonth(date.getMonth() + 1)\r\n    }\r\n\r\n    return names\r\n}\r\n"],"names":[],"mappings":";AAEO,SAAS,eAAe,QAAgB,SAAS,OAAO;AAC3D,QAAM,QAAkB,CAAA;AACxB,QAAM,OAAO,IAAI,KAAK,MAAM,GAAG,CAAC;AAEhC,WAAS,IAAI,GAAG,IAAI,IAAI,KAAK,GAAG;AAC5B,UAAM,KAAK,MAAM,IAAI,EAAE,OAAO,MAAM,EAAE,OAAO,MAAM,CAAC;AACpD,SAAK,SAAS,KAAK,SAAA,IAAa,CAAC;AAAA,EACrC;AAEA,SAAO;AACX;"}

package/dist/@ecme/components/ui/DatePicker/utils/getStartOfWeek.js.map

@@ -1 +1 @@
-{"version":3,"file":"getStartOfWeek.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/utils/getStartOfWeek.ts"],"sourcesContent":["import type { FirstDayOfWeek } from '../../@types/date'\n\nexport function getStartOfWeek(\n    date: Date,\n    firstDayOfWeek: FirstDayOfWeek = 'monday',\n) {\n    const value = new Date(date)\n    const day = value.getDay() || 7\n    const isSunday = firstDayOfWeek === 'sunday'\n\n    const clampToFirstDay = isSunday ? day : day - 1\n\n    if ((isSunday && day !== 0) || day !== 1) {\n        value.setHours(-24 * clampToFirstDay)\n    }\n\n    return value\n}\n"],"names":[],"mappings":"AAEO,SAAS,eACZ,MACA,iBAAiC,UACnC;AACE,QAAM,QAAQ,IAAI,KAAK,IAAI;AAC3B,QAAM,MAAM,MAAM,OAAA,KAAY;AAC9B,QAAM,WAAW,mBAAmB;AAEpC,QAAM,kBAAkB,WAAW,MAAM,MAAM;AAE/C,MAAK,YAAY,QAAQ,KAAM,QAAQ,GAAG;AACtC,UAAM,SAAS,MAAM,eAAe;AAAA,EACxC;AAEA,SAAO;AACX;"}
+{"version":3,"file":"getStartOfWeek.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/utils/getStartOfWeek.ts"],"sourcesContent":["import type { FirstDayOfWeek } from '../../@types/date'\r\n\r\nexport function getStartOfWeek(\r\n    date: Date,\r\n    firstDayOfWeek: FirstDayOfWeek = 'monday',\r\n) {\r\n    const value = new Date(date)\r\n    const day = value.getDay() || 7\r\n    const isSunday = firstDayOfWeek === 'sunday'\r\n\r\n    const clampToFirstDay = isSunday ? day : day - 1\r\n\r\n    if ((isSunday && day !== 0) || day !== 1) {\r\n        value.setHours(-24 * clampToFirstDay)\r\n    }\r\n\r\n    return value\r\n}\r\n"],"names":[],"mappings":"AAEO,SAAS,eACZ,MACA,iBAAiC,UACnC;AACE,QAAM,QAAQ,IAAI,KAAK,IAAI;AAC3B,QAAM,MAAM,MAAM,OAAA,KAAY;AAC9B,QAAM,WAAW,mBAAmB;AAEpC,QAAM,kBAAkB,WAAW,MAAM,MAAM;AAE/C,MAAK,YAAY,QAAQ,KAAM,QAAQ,GAAG;AACtC,UAAM,SAAS,MAAM,eAAe;AAAA,EACxC;AAEA,SAAO;AACX;"}

package/dist/@ecme/components/ui/DatePicker/utils/getWeekdaysNames.js.map

@@ -1 +1 @@
-{"version":3,"file":"getWeekdaysNames.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/utils/getWeekdaysNames.ts"],"sourcesContent":["import dayjs from 'dayjs'\nimport { getStartOfWeek } from './getStartOfWeek'\nimport type { FirstDayOfWeek } from '../../@types/date'\n\nexport function getWeekdaysNames(\n    locale: string,\n    firstDayOfWeek: FirstDayOfWeek = 'monday',\n    format = 'dd',\n) {\n    const names: string[] = []\n    const date = getStartOfWeek(new Date(), firstDayOfWeek)\n\n    for (let i = 0; i < 7; i += 1) {\n        names.push(dayjs(date).locale(locale).format(format))\n        date.setDate(date.getDate() + 1)\n    }\n\n    return names\n}\n"],"names":[],"mappings":";;AAIO,SAAS,iBACZ,QACA,iBAAiC,UACjC,SAAS,MACX;AACE,QAAM,QAAkB,CAAA;AACxB,QAAM,OAAO,eAAe,oBAAI,KAAA,GAAQ,cAAc;AAEtD,WAAS,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG;AAC3B,UAAM,KAAK,MAAM,IAAI,EAAE,OAAO,MAAM,EAAE,OAAO,MAAM,CAAC;AACpD,SAAK,QAAQ,KAAK,QAAA,IAAY,CAAC;AAAA,EACnC;AAEA,SAAO;AACX;"}
+{"version":3,"file":"getWeekdaysNames.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/utils/getWeekdaysNames.ts"],"sourcesContent":["import dayjs from 'dayjs'\r\nimport { getStartOfWeek } from './getStartOfWeek'\r\nimport type { FirstDayOfWeek } from '../../@types/date'\r\n\r\nexport function getWeekdaysNames(\r\n    locale: string,\r\n    firstDayOfWeek: FirstDayOfWeek = 'monday',\r\n    format = 'dd',\r\n) {\r\n    const names: string[] = []\r\n    const date = getStartOfWeek(new Date(), firstDayOfWeek)\r\n\r\n    for (let i = 0; i < 7; i += 1) {\r\n        names.push(dayjs(date).locale(locale).format(format))\r\n        date.setDate(date.getDate() + 1)\r\n    }\r\n\r\n    return names\r\n}\r\n"],"names":[],"mappings":";;AAIO,SAAS,iBACZ,QACA,iBAAiC,UACjC,SAAS,MACX;AACE,QAAM,QAAkB,CAAA;AACxB,QAAM,OAAO,eAAe,oBAAI,KAAA,GAAQ,cAAc;AAEtD,WAAS,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG;AAC3B,UAAM,KAAK,MAAM,IAAI,EAAE,OAAO,MAAM,EAAE,OAAO,MAAM,CAAC;AACpD,SAAK,QAAQ,KAAK,QAAA,IAAY,CAAC;AAAA,EACnC;AAEA,SAAO;AACX;"}

package/dist/@ecme/components/ui/DatePicker/utils/getYearsRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"getYearsRange.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/utils/getYearsRange.ts"],"sourcesContent":["export type YearsRange = {\n    from: number\n    to: number\n}\n\nexport function getYearsRange(range: YearsRange) {\n    const years: number[] = []\n\n    for (let year = range.from; year <= range.to; year += 1) {\n        years.push(year)\n    }\n\n    return years\n}\n"],"names":[],"mappings":"AAKO,SAAS,cAAc,OAAmB;AAC7C,QAAM,QAAkB,CAAA;AAExB,WAAS,OAAO,MAAM,MAAM,QAAQ,MAAM,IAAI,QAAQ,GAAG;AACrD,UAAM,KAAK,IAAI;AAAA,EACnB;AAEA,SAAO;AACX;"}
+{"version":3,"file":"getYearsRange.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/utils/getYearsRange.ts"],"sourcesContent":["export type YearsRange = {\r\n    from: number\r\n    to: number\r\n}\r\n\r\nexport function getYearsRange(range: YearsRange) {\r\n    const years: number[] = []\r\n\r\n    for (let year = range.from; year <= range.to; year += 1) {\r\n        years.push(year)\r\n    }\r\n\r\n    return years\r\n}\r\n"],"names":[],"mappings":"AAKO,SAAS,cAAc,OAAmB;AAC7C,QAAM,QAAkB,CAAA;AAExB,WAAS,OAAO,MAAM,MAAM,QAAQ,MAAM,IAAI,QAAQ,GAAG;AACrD,UAAM,KAAK,IAAI;AAAA,EACnB;AAEA,SAAO;AACX;"}

package/dist/@ecme/components/ui/DatePicker/utils/isMonthInRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"isMonthInRange.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/utils/isMonthInRange.ts"],"sourcesContent":["import dayjs from 'dayjs'\n\ntype IsMonthInRangeParams = {\n    date: Date\n    minDate?: Date\n    maxDate?: Date\n}\n\nexport function isMonthInRange({\n    date,\n    minDate,\n    maxDate,\n}: IsMonthInRangeParams) {\n    const hasMinDate = minDate instanceof Date\n    const hasMaxDate = maxDate instanceof Date\n\n    if (!hasMaxDate && !hasMinDate) {\n        return true\n    }\n\n    const endOfMonth = dayjs(date).endOf('month')\n    const startOfMonth = dayjs(date).startOf('month')\n    const maxInRange = hasMaxDate ? startOfMonth.isBefore(maxDate) : true\n    const minInRange = hasMinDate ? endOfMonth.isAfter(minDate) : true\n    return maxInRange && minInRange\n}\n"],"names":[],"mappings":";AAQO,SAAS,eAAe;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACJ,GAAyB;AACrB,QAAM,aAAa,mBAAmB;AACtC,QAAM,aAAa,mBAAmB;AAEtC,MAAI,CAAC,cAAc,CAAC,YAAY;AAC5B,WAAO;AAAA,EACX;AAEA,QAAM,aAAa,MAAM,IAAI,EAAE,MAAM,OAAO;AAC5C,QAAM,eAAe,MAAM,IAAI,EAAE,QAAQ,OAAO;AAChD,QAAM,aAAa,aAAa,aAAa,SAAS,OAAO,IAAI;AACjE,QAAM,aAAa,aAAa,WAAW,QAAQ,OAAO,IAAI;AAC9D,SAAO,cAAc;AACzB;"}
+{"version":3,"file":"isMonthInRange.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/utils/isMonthInRange.ts"],"sourcesContent":["import dayjs from 'dayjs'\r\n\r\ntype IsMonthInRangeParams = {\r\n    date: Date\r\n    minDate?: Date\r\n    maxDate?: Date\r\n}\r\n\r\nexport function isMonthInRange({\r\n    date,\r\n    minDate,\r\n    maxDate,\r\n}: IsMonthInRangeParams) {\r\n    const hasMinDate = minDate instanceof Date\r\n    const hasMaxDate = maxDate instanceof Date\r\n\r\n    if (!hasMaxDate && !hasMinDate) {\r\n        return true\r\n    }\r\n\r\n    const endOfMonth = dayjs(date).endOf('month')\r\n    const startOfMonth = dayjs(date).startOf('month')\r\n    const maxInRange = hasMaxDate ? startOfMonth.isBefore(maxDate) : true\r\n    const minInRange = hasMinDate ? endOfMonth.isAfter(minDate) : true\r\n    return maxInRange && minInRange\r\n}\r\n"],"names":[],"mappings":";AAQO,SAAS,eAAe;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACJ,GAAyB;AACrB,QAAM,aAAa,mBAAmB;AACtC,QAAM,aAAa,mBAAmB;AAEtC,MAAI,CAAC,cAAc,CAAC,YAAY;AAC5B,WAAO;AAAA,EACX;AAEA,QAAM,aAAa,MAAM,IAAI,EAAE,MAAM,OAAO;AAC5C,QAAM,eAAe,MAAM,IAAI,EAAE,QAAQ,OAAO;AAChD,QAAM,aAAa,aAAa,aAAa,SAAS,OAAO,IAAI;AACjE,QAAM,aAAa,aAAa,WAAW,QAAQ,OAAO,IAAI;AAC9D,SAAO,cAAc;AACzB;"}

package/dist/@ecme/components/ui/DatePicker/utils/isSameDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"isSameDate.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/utils/isSameDate.ts"],"sourcesContent":["import { isSameMonth } from './isSameMonth'\n\nexport function isSameDate(date: Date, comparison: Date) {\n    return (\n        isSameMonth(date, comparison) && date.getDate() === comparison.getDate()\n    )\n}\n"],"names":[],"mappings":";AAEO,SAAS,WAAW,MAAY,YAAkB;AACrD,SACI,YAAY,MAAM,UAAU,KAAK,KAAK,QAAA,MAAc,WAAW,QAAA;AAEvE;"}
+{"version":3,"file":"isSameDate.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/utils/isSameDate.ts"],"sourcesContent":["import { isSameMonth } from './isSameMonth'\r\n\r\nexport function isSameDate(date: Date, comparison: Date) {\r\n    return (\r\n        isSameMonth(date, comparison) && date.getDate() === comparison.getDate()\r\n    )\r\n}\r\n"],"names":[],"mappings":";AAEO,SAAS,WAAW,MAAY,YAAkB;AACrD,SACI,YAAY,MAAM,UAAU,KAAK,KAAK,QAAA,MAAc,WAAW,QAAA;AAEvE;"}

package/dist/@ecme/components/ui/DatePicker/utils/isSameMonth.js.map

@@ -1 +1 @@
-{"version":3,"file":"isSameMonth.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/utils/isSameMonth.ts"],"sourcesContent":["export function isSameMonth(date: Date, comparison: Date) {\n    return (\n        date.getFullYear() === comparison.getFullYear() &&\n        date.getMonth() === comparison.getMonth()\n    )\n}\n"],"names":[],"mappings":"AAAO,SAAS,YAAY,MAAY,YAAkB;AACtD,SACI,KAAK,YAAA,MAAkB,WAAW,iBAClC,KAAK,SAAA,MAAe,WAAW,SAAA;AAEvC;"}
+{"version":3,"file":"isSameMonth.js","sources":["../../../../../../lib/@ecme/components/ui/DatePicker/utils/isSameMonth.ts"],"sourcesContent":["export function isSameMonth(date: Date, comparison: Date) {\r\n    return (\r\n        date.getFullYear() === comparison.getFullYear() &&\r\n        date.getMonth() === comparison.getMonth()\r\n    )\r\n}\r\n"],"names":[],"mappings":"AAAO,SAAS,YAAY,MAAY,YAAkB;AACtD,SACI,KAAK,YAAA,MAAkB,WAAW,iBAClC,KAAK,SAAA,MAAe,WAAW,SAAA;AAEvC;"}

package/dist/@ecme/components/ui/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../../../../lib/@ecme/components/ui/Dialog/Dialog.tsx"],"sourcesContent":["import Modal from 'react-modal'\nimport classNames from 'classnames'\nimport CloseButton from '../CloseButton'\nimport { motion } from 'framer-motion'\nimport useWindowSize from '../hooks/useWindowSize'\nimport type ReactModal from 'react-modal'\nimport type { MouseEvent } from 'react'\n\nexport interface DialogProps extends ReactModal.Props {\n    closable?: boolean\n    contentClassName?: string\n    height?: string | number\n    onClose?: (e: MouseEvent<HTMLSpanElement>) => void\n    width?: number\n}\n\nconst Dialog = (props: DialogProps) => {\n    const currentSize = useWindowSize()\n\n    const {\n        bodyOpenClassName,\n        children,\n        className,\n        closable = true,\n        closeTimeoutMS = 150,\n        contentClassName,\n        height,\n        isOpen,\n        onClose,\n        overlayClassName,\n        portalClassName,\n        style,\n        width = 520,\n        ...rest\n    } = props\n\n    const onCloseClick = (e: MouseEvent<HTMLSpanElement>) => {\n        onClose?.(e)\n    }\n\n    const renderCloseButton = (\n        <CloseButton\n            absolute\n            className=\"ltr:right-6 rtl:left-6 top-4.5\"\n            onClick={onCloseClick}\n        />\n    )\n\n    const contentStyle = {\n        content: {\n            inset: 'unset',\n        },\n        ...style,\n    }\n\n    if (width !== undefined) {\n        contentStyle.content.width = width\n\n        if (\n            typeof currentSize.width !== 'undefined' &&\n            currentSize.width <= width\n        ) {\n            contentStyle.content.width = 'auto'\n        }\n    }\n\n    if (height !== undefined) {\n        contentStyle.content.height = height\n    }\n\n    const defaultDialogContentClass = 'dialog-content'\n\n    const dialogClass = classNames(defaultDialogContentClass, contentClassName)\n\n    return (\n        <Modal\n            className={{\n                base: classNames('dialog', className as string),\n                afterOpen: 'dialog-after-open',\n                beforeClose: 'dialog-before-close',\n            }}\n            overlayClassName={{\n                base: classNames('dialog-overlay', overlayClassName as string),\n                afterOpen: 'dialog-overlay-after-open',\n                beforeClose: 'dialog-overlay-before-close',\n            }}\n            portalClassName={classNames('dialog-portal', portalClassName)}\n            bodyOpenClassName={classNames('dialog-open', bodyOpenClassName)}\n            ariaHideApp={false}\n            isOpen={isOpen}\n            style={{ ...contentStyle }}\n            closeTimeoutMS={closeTimeoutMS}\n            {...rest}\n        >\n            <motion.div\n                className={dialogClass}\n                initial={{ transform: 'scale(0.9)' }}\n                animate={{\n                    transform: isOpen ? 'scale(1)' : 'scale(0.9)',\n                }}\n            >\n                {closable && renderCloseButton}\n                {children}\n            </motion.div>\n        </Modal>\n    )\n}\n\nDialog.displayName = 'Dialog'\n\nexport default Dialog\n"],"names":[],"mappings":";;;;;;;AAgBA,MAAM,SAAS,CAAC,UAAuB;AACnC,QAAM,cAAc,cAAA;AAEpB,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,eAAe,CAAC,MAAmC;AACrD,cAAU,CAAC;AAAA,EACf;AAEA,QAAM,oBACF;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,UAAQ;AAAA,MACR,WAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EAAA;AAIjB,QAAM,eAAe;AAAA,IACjB,SAAS;AAAA,MACL,OAAO;AAAA,IAAA;AAAA,IAEX,GAAG;AAAA,EAAA;AAGP,MAAI,UAAU,QAAW;AACrB,iBAAa,QAAQ,QAAQ;AAE7B,QACI,OAAO,YAAY,UAAU,eAC7B,YAAY,SAAS,OACvB;AACE,mBAAa,QAAQ,QAAQ;AAAA,IACjC;AAAA,EACJ;AAEA,MAAI,WAAW,QAAW;AACtB,iBAAa,QAAQ,SAAS;AAAA,EAClC;AAEA,QAAM,4BAA4B;AAElC,QAAM,cAAc,WAAW,2BAA2B,gBAAgB;AAE1E,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP,MAAM,WAAW,UAAU,SAAmB;AAAA,QAC9C,WAAW;AAAA,QACX,aAAa;AAAA,MAAA;AAAA,MAEjB,kBAAkB;AAAA,QACd,MAAM,WAAW,kBAAkB,gBAA0B;AAAA,QAC7D,WAAW;AAAA,QACX,aAAa;AAAA,MAAA;AAAA,MAEjB,iBAAiB,WAAW,iBAAiB,eAAe;AAAA,MAC5D,mBAAmB,WAAW,eAAe,iBAAiB;AAAA,MAC9D,aAAa;AAAA,MACb;AAAA,MACA,OAAO,EAAE,GAAG,aAAA;AAAA,MACZ;AAAA,MACC,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACG,WAAW;AAAA,UACX,SAAS,EAAE,WAAW,aAAA;AAAA,UACtB,SAAS;AAAA,YACL,WAAW,SAAS,aAAa;AAAA,UAAA;AAAA,UAGpC,UAAA;AAAA,YAAA,YAAY;AAAA,YACZ;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGZ;AAEA,OAAO,cAAc;"}
+{"version":3,"file":"Dialog.js","sources":["../../../../../lib/@ecme/components/ui/Dialog/Dialog.tsx"],"sourcesContent":["import Modal from 'react-modal'\r\nimport classNames from 'classnames'\r\nimport CloseButton from '../CloseButton'\r\nimport { motion } from 'framer-motion'\r\nimport useWindowSize from '../hooks/useWindowSize'\r\nimport type ReactModal from 'react-modal'\r\nimport type { MouseEvent } from 'react'\r\n\r\nexport interface DialogProps extends ReactModal.Props {\r\n    closable?: boolean\r\n    contentClassName?: string\r\n    height?: string | number\r\n    onClose?: (e: MouseEvent<HTMLSpanElement>) => void\r\n    width?: number\r\n}\r\n\r\nconst Dialog = (props: DialogProps) => {\r\n    const currentSize = useWindowSize()\r\n\r\n    const {\r\n        bodyOpenClassName,\r\n        children,\r\n        className,\r\n        closable = true,\r\n        closeTimeoutMS = 150,\r\n        contentClassName,\r\n        height,\r\n        isOpen,\r\n        onClose,\r\n        overlayClassName,\r\n        portalClassName,\r\n        style,\r\n        width = 520,\r\n        ...rest\r\n    } = props\r\n\r\n    const onCloseClick = (e: MouseEvent<HTMLSpanElement>) => {\r\n        onClose?.(e)\r\n    }\r\n\r\n    const renderCloseButton = (\r\n        <CloseButton\r\n            absolute\r\n            className=\"ltr:right-6 rtl:left-6 top-4.5\"\r\n            onClick={onCloseClick}\r\n        />\r\n    )\r\n\r\n    const contentStyle = {\r\n        content: {\r\n            inset: 'unset',\r\n        },\r\n        ...style,\r\n    }\r\n\r\n    if (width !== undefined) {\r\n        contentStyle.content.width = width\r\n\r\n        if (\r\n            typeof currentSize.width !== 'undefined' &&\r\n            currentSize.width <= width\r\n        ) {\r\n            contentStyle.content.width = 'auto'\r\n        }\r\n    }\r\n\r\n    if (height !== undefined) {\r\n        contentStyle.content.height = height\r\n    }\r\n\r\n    const defaultDialogContentClass = 'dialog-content'\r\n\r\n    const dialogClass = classNames(defaultDialogContentClass, contentClassName)\r\n\r\n    return (\r\n        <Modal\r\n            className={{\r\n                base: classNames('dialog', className as string),\r\n                afterOpen: 'dialog-after-open',\r\n                beforeClose: 'dialog-before-close',\r\n            }}\r\n            overlayClassName={{\r\n                base: classNames('dialog-overlay', overlayClassName as string),\r\n                afterOpen: 'dialog-overlay-after-open',\r\n                beforeClose: 'dialog-overlay-before-close',\r\n            }}\r\n            portalClassName={classNames('dialog-portal', portalClassName)}\r\n            bodyOpenClassName={classNames('dialog-open', bodyOpenClassName)}\r\n            ariaHideApp={false}\r\n            isOpen={isOpen}\r\n            style={{ ...contentStyle }}\r\n            closeTimeoutMS={closeTimeoutMS}\r\n            {...rest}\r\n        >\r\n            <motion.div\r\n                className={dialogClass}\r\n                initial={{ transform: 'scale(0.9)' }}\r\n                animate={{\r\n                    transform: isOpen ? 'scale(1)' : 'scale(0.9)',\r\n                }}\r\n            >\r\n                {closable && renderCloseButton}\r\n                {children}\r\n            </motion.div>\r\n        </Modal>\r\n    )\r\n}\r\n\r\nDialog.displayName = 'Dialog'\r\n\r\nexport default Dialog\r\n"],"names":[],"mappings":";;;;;;;AAgBA,MAAM,SAAS,CAAC,UAAuB;AACnC,QAAM,cAAc,cAAA;AAEpB,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,eAAe,CAAC,MAAmC;AACrD,cAAU,CAAC;AAAA,EACf;AAEA,QAAM,oBACF;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,UAAQ;AAAA,MACR,WAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EAAA;AAIjB,QAAM,eAAe;AAAA,IACjB,SAAS;AAAA,MACL,OAAO;AAAA,IAAA;AAAA,IAEX,GAAG;AAAA,EAAA;AAGP,MAAI,UAAU,QAAW;AACrB,iBAAa,QAAQ,QAAQ;AAE7B,QACI,OAAO,YAAY,UAAU,eAC7B,YAAY,SAAS,OACvB;AACE,mBAAa,QAAQ,QAAQ;AAAA,IACjC;AAAA,EACJ;AAEA,MAAI,WAAW,QAAW;AACtB,iBAAa,QAAQ,SAAS;AAAA,EAClC;AAEA,QAAM,4BAA4B;AAElC,QAAM,cAAc,WAAW,2BAA2B,gBAAgB;AAE1E,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP,MAAM,WAAW,UAAU,SAAmB;AAAA,QAC9C,WAAW;AAAA,QACX,aAAa;AAAA,MAAA;AAAA,MAEjB,kBAAkB;AAAA,QACd,MAAM,WAAW,kBAAkB,gBAA0B;AAAA,QAC7D,WAAW;AAAA,QACX,aAAa;AAAA,MAAA;AAAA,MAEjB,iBAAiB,WAAW,iBAAiB,eAAe;AAAA,MAC5D,mBAAmB,WAAW,eAAe,iBAAiB;AAAA,MAC9D,aAAa;AAAA,MACb;AAAA,MACA,OAAO,EAAE,GAAG,aAAA;AAAA,MACZ;AAAA,MACC,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACG,WAAW;AAAA,UACX,SAAS,EAAE,WAAW,aAAA;AAAA,UACtB,SAAS;AAAA,YACL,WAAW,SAAS,aAAa;AAAA,UAAA;AAAA,UAGpC,UAAA;AAAA,YAAA,YAAY;AAAA,YACZ;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGZ;AAEA,OAAO,cAAc;"}

package/dist/@ecme/components/ui/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../../../../lib/@ecme/components/ui/Drawer/Drawer.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport Modal from 'react-modal'\nimport CloseButton from '../CloseButton'\nimport { motion } from 'framer-motion'\nimport type ReactModal from 'react-modal'\nimport type { MouseEvent, ReactNode } from 'react'\n\nexport interface DrawerProps extends ReactModal.Props {\n    bodyClass?: string\n    closable?: boolean\n    footer?: string | ReactNode\n    footerClass?: string\n    headerClass?: string\n    height?: string | number\n    lockScroll?: boolean\n    onClose?: (e: MouseEvent<HTMLSpanElement>) => void\n    placement?: 'top' | 'right' | 'bottom' | 'left'\n    showBackdrop?: boolean\n    title?: string | ReactNode\n    width?: string | number\n}\n\nconst Drawer = (props: DrawerProps) => {\n    const {\n        bodyOpenClassName,\n        bodyClass,\n        children,\n        className,\n        closable = true,\n        closeTimeoutMS = 300,\n        footer,\n        footerClass,\n        headerClass,\n        height = 400,\n        isOpen,\n        lockScroll = true,\n        onClose,\n        overlayClassName,\n        placement = 'right',\n        portalClassName,\n        showBackdrop = true,\n        title,\n        width = 400,\n        ...rest\n    } = props\n\n    const onCloseClick = (e: MouseEvent<HTMLSpanElement>) => {\n        onClose?.(e)\n    }\n\n    const renderCloseButton = <CloseButton onClick={onCloseClick} />\n\n    const getStyle = (): {\n        dimensionClass?: string\n        contentStyle?: {\n            width?: string | number\n            height?: string | number\n        }\n        motionStyle: {\n            [x: string]: string\n        }\n    } => {\n        if (placement === 'left' || placement === 'right') {\n            return {\n                dimensionClass: 'vertical',\n                contentStyle: { width },\n                motionStyle: {\n                    [placement]: `-${width}${\n                        typeof width === 'number' && 'px'\n                    }`,\n                },\n            }\n        }\n\n        if (placement === 'top' || placement === 'bottom') {\n            return {\n                dimensionClass: 'horizontal',\n                contentStyle: { height },\n                motionStyle: {\n                    [placement]: `-${height}${\n                        typeof height === 'number' && 'px'\n                    }`,\n                },\n            }\n        }\n\n        return {\n            motionStyle: {},\n        }\n    }\n\n    const { dimensionClass, contentStyle, motionStyle } = getStyle()\n\n    return (\n        <Modal\n            className={{\n                base: classNames('drawer', className as string),\n                afterOpen: 'drawer-after-open',\n                beforeClose: 'drawer-before-close',\n            }}\n            overlayClassName={{\n                base: classNames(\n                    'drawer-overlay',\n                    overlayClassName as string,\n                    !showBackdrop && 'bg-transparent',\n                ),\n                afterOpen: 'drawer-overlay-after-open',\n                beforeClose: 'drawer-overlay-before-close',\n            }}\n            portalClassName={classNames('drawer-portal', portalClassName)}\n            bodyOpenClassName={classNames(\n                'drawer-open',\n                lockScroll && 'drawer-lock-scroll',\n                bodyOpenClassName,\n            )}\n            ariaHideApp={false}\n            isOpen={isOpen}\n            closeTimeoutMS={closeTimeoutMS}\n            {...rest}\n        >\n            <motion.div\n                className={classNames('drawer-content', dimensionClass)}\n                style={contentStyle}\n                initial={motionStyle}\n                animate={{\n                    [placement as 'top' | 'right' | 'bottom' | 'left']: isOpen\n                        ? 0\n                        : motionStyle[placement],\n                }}\n            >\n                {title || closable ? (\n                    <div className={classNames('drawer-header', headerClass)}>\n                        {typeof title === 'string' ? (\n                            <h4>{title}</h4>\n                        ) : (\n                            <span>{title}</span>\n                        )}\n                        {closable && renderCloseButton}\n                    </div>\n                ) : null}\n                <div className={classNames('drawer-body', bodyClass)}>\n                    {children}\n                </div>\n                {footer && (\n                    <div className={classNames('drawer-footer', footerClass)}>\n                        {footer}\n                    </div>\n                )}\n            </motion.div>\n        </Modal>\n    )\n}\n\nDrawer.displayName = 'Drawer'\n\nexport default Drawer\n"],"names":[],"mappings":";;;;;;AAsBA,MAAM,SAAS,CAAC,UAAuB;AACnC,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA,QAAQ;AAAA,IACR,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,eAAe,CAAC,MAAmC;AACrD,cAAU,CAAC;AAAA,EACf;AAEA,QAAM,oBAAoB,oBAAC,aAAA,EAAY,SAAS,aAAA,CAAc;AAE9D,QAAM,WAAW,MASZ;AACD,QAAI,cAAc,UAAU,cAAc,SAAS;AAC/C,aAAO;AAAA,QACH,gBAAgB;AAAA,QAChB,cAAc,EAAE,MAAA;AAAA,QAChB,aAAa;AAAA,UACT,CAAC,SAAS,GAAG,IAAI,KAAK,GAClB,OAAO,UAAU,YAAY,IACjC;AAAA,QAAA;AAAA,MACJ;AAAA,IAER;AAEA,QAAI,cAAc,SAAS,cAAc,UAAU;AAC/C,aAAO;AAAA,QACH,gBAAgB;AAAA,QAChB,cAAc,EAAE,OAAA;AAAA,QAChB,aAAa;AAAA,UACT,CAAC,SAAS,GAAG,IAAI,MAAM,GACnB,OAAO,WAAW,YAAY,IAClC;AAAA,QAAA;AAAA,MACJ;AAAA,IAER;AAEA,WAAO;AAAA,MACH,aAAa,CAAA;AAAA,IAAC;AAAA,EAEtB;AAEA,QAAM,EAAE,gBAAgB,cAAc,YAAA,IAAgB,SAAA;AAEtD,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP,MAAM,WAAW,UAAU,SAAmB;AAAA,QAC9C,WAAW;AAAA,QACX,aAAa;AAAA,MAAA;AAAA,MAEjB,kBAAkB;AAAA,QACd,MAAM;AAAA,UACF;AAAA,UACA;AAAA,UACA,CAAC,gBAAgB;AAAA,QAAA;AAAA,QAErB,WAAW;AAAA,QACX,aAAa;AAAA,MAAA;AAAA,MAEjB,iBAAiB,WAAW,iBAAiB,eAAe;AAAA,MAC5D,mBAAmB;AAAA,QACf;AAAA,QACA,cAAc;AAAA,QACd;AAAA,MAAA;AAAA,MAEJ,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACG,WAAW,WAAW,kBAAkB,cAAc;AAAA,UACtD,OAAO;AAAA,UACP,SAAS;AAAA,UACT,SAAS;AAAA,YACL,CAAC,SAAgD,GAAG,SAC9C,IACA,YAAY,SAAS;AAAA,UAAA;AAAA,UAG9B,UAAA;AAAA,YAAA,SAAS,WACN,qBAAC,OAAA,EAAI,WAAW,WAAW,iBAAiB,WAAW,GAClD,UAAA;AAAA,cAAA,OAAO,UAAU,WACd,oBAAC,MAAA,EAAI,iBAAM,IAEX,oBAAC,UAAM,UAAA,MAAA,CAAM;AAAA,cAEhB,YAAY;AAAA,YAAA,EAAA,CACjB,IACA;AAAA,gCACH,OAAA,EAAI,WAAW,WAAW,eAAe,SAAS,GAC9C,UACL;AAAA,YACC,8BACI,OAAA,EAAI,WAAW,WAAW,iBAAiB,WAAW,GAClD,UAAA,OAAA,CACL;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAER;AAAA,EAAA;AAGZ;AAEA,OAAO,cAAc;"}
+{"version":3,"file":"Drawer.js","sources":["../../../../../lib/@ecme/components/ui/Drawer/Drawer.tsx"],"sourcesContent":["import classNames from 'classnames'\r\nimport Modal from 'react-modal'\r\nimport CloseButton from '../CloseButton'\r\nimport { motion } from 'framer-motion'\r\nimport type ReactModal from 'react-modal'\r\nimport type { MouseEvent, ReactNode } from 'react'\r\n\r\nexport interface DrawerProps extends ReactModal.Props {\r\n    bodyClass?: string\r\n    closable?: boolean\r\n    footer?: string | ReactNode\r\n    footerClass?: string\r\n    headerClass?: string\r\n    height?: string | number\r\n    lockScroll?: boolean\r\n    onClose?: (e: MouseEvent<HTMLSpanElement>) => void\r\n    placement?: 'top' | 'right' | 'bottom' | 'left'\r\n    showBackdrop?: boolean\r\n    title?: string | ReactNode\r\n    width?: string | number\r\n}\r\n\r\nconst Drawer = (props: DrawerProps) => {\r\n    const {\r\n        bodyOpenClassName,\r\n        bodyClass,\r\n        children,\r\n        className,\r\n        closable = true,\r\n        closeTimeoutMS = 300,\r\n        footer,\r\n        footerClass,\r\n        headerClass,\r\n        height = 400,\r\n        isOpen,\r\n        lockScroll = true,\r\n        onClose,\r\n        overlayClassName,\r\n        placement = 'right',\r\n        portalClassName,\r\n        showBackdrop = true,\r\n        title,\r\n        width = 400,\r\n        ...rest\r\n    } = props\r\n\r\n    const onCloseClick = (e: MouseEvent<HTMLSpanElement>) => {\r\n        onClose?.(e)\r\n    }\r\n\r\n    const renderCloseButton = <CloseButton onClick={onCloseClick} />\r\n\r\n    const getStyle = (): {\r\n        dimensionClass?: string\r\n        contentStyle?: {\r\n            width?: string | number\r\n            height?: string | number\r\n        }\r\n        motionStyle: {\r\n            [x: string]: string\r\n        }\r\n    } => {\r\n        if (placement === 'left' || placement === 'right') {\r\n            return {\r\n                dimensionClass: 'vertical',\r\n                contentStyle: { width },\r\n                motionStyle: {\r\n                    [placement]: `-${width}${\r\n                        typeof width === 'number' && 'px'\r\n                    }`,\r\n                },\r\n            }\r\n        }\r\n\r\n        if (placement === 'top' || placement === 'bottom') {\r\n            return {\r\n                dimensionClass: 'horizontal',\r\n                contentStyle: { height },\r\n                motionStyle: {\r\n                    [placement]: `-${height}${\r\n                        typeof height === 'number' && 'px'\r\n                    }`,\r\n                },\r\n            }\r\n        }\r\n\r\n        return {\r\n            motionStyle: {},\r\n        }\r\n    }\r\n\r\n    const { dimensionClass, contentStyle, motionStyle } = getStyle()\r\n\r\n    return (\r\n        <Modal\r\n            className={{\r\n                base: classNames('drawer', className as string),\r\n                afterOpen: 'drawer-after-open',\r\n                beforeClose: 'drawer-before-close',\r\n            }}\r\n            overlayClassName={{\r\n                base: classNames(\r\n                    'drawer-overlay',\r\n                    overlayClassName as string,\r\n                    !showBackdrop && 'bg-transparent',\r\n                ),\r\n                afterOpen: 'drawer-overlay-after-open',\r\n                beforeClose: 'drawer-overlay-before-close',\r\n            }}\r\n            portalClassName={classNames('drawer-portal', portalClassName)}\r\n            bodyOpenClassName={classNames(\r\n                'drawer-open',\r\n                lockScroll && 'drawer-lock-scroll',\r\n                bodyOpenClassName,\r\n            )}\r\n            ariaHideApp={false}\r\n            isOpen={isOpen}\r\n            closeTimeoutMS={closeTimeoutMS}\r\n            {...rest}\r\n        >\r\n            <motion.div\r\n                className={classNames('drawer-content', dimensionClass)}\r\n                style={contentStyle}\r\n                initial={motionStyle}\r\n                animate={{\r\n                    [placement as 'top' | 'right' | 'bottom' | 'left']: isOpen\r\n                        ? 0\r\n                        : motionStyle[placement],\r\n                }}\r\n            >\r\n                {title || closable ? (\r\n                    <div className={classNames('drawer-header', headerClass)}>\r\n                        {typeof title === 'string' ? (\r\n                            <h4>{title}</h4>\r\n                        ) : (\r\n                            <span>{title}</span>\r\n                        )}\r\n                        {closable && renderCloseButton}\r\n                    </div>\r\n                ) : null}\r\n                <div className={classNames('drawer-body', bodyClass)}>\r\n                    {children}\r\n                </div>\r\n                {footer && (\r\n                    <div className={classNames('drawer-footer', footerClass)}>\r\n                        {footer}\r\n                    </div>\r\n                )}\r\n            </motion.div>\r\n        </Modal>\r\n    )\r\n}\r\n\r\nDrawer.displayName = 'Drawer'\r\n\r\nexport default Drawer\r\n"],"names":[],"mappings":";;;;;;AAsBA,MAAM,SAAS,CAAC,UAAuB;AACnC,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA,QAAQ;AAAA,IACR,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,eAAe,CAAC,MAAmC;AACrD,cAAU,CAAC;AAAA,EACf;AAEA,QAAM,oBAAoB,oBAAC,aAAA,EAAY,SAAS,aAAA,CAAc;AAE9D,QAAM,WAAW,MASZ;AACD,QAAI,cAAc,UAAU,cAAc,SAAS;AAC/C,aAAO;AAAA,QACH,gBAAgB;AAAA,QAChB,cAAc,EAAE,MAAA;AAAA,QAChB,aAAa;AAAA,UACT,CAAC,SAAS,GAAG,IAAI,KAAK,GAClB,OAAO,UAAU,YAAY,IACjC;AAAA,QAAA;AAAA,MACJ;AAAA,IAER;AAEA,QAAI,cAAc,SAAS,cAAc,UAAU;AAC/C,aAAO;AAAA,QACH,gBAAgB;AAAA,QAChB,cAAc,EAAE,OAAA;AAAA,QAChB,aAAa;AAAA,UACT,CAAC,SAAS,GAAG,IAAI,MAAM,GACnB,OAAO,WAAW,YAAY,IAClC;AAAA,QAAA;AAAA,MACJ;AAAA,IAER;AAEA,WAAO;AAAA,MACH,aAAa,CAAA;AAAA,IAAC;AAAA,EAEtB;AAEA,QAAM,EAAE,gBAAgB,cAAc,YAAA,IAAgB,SAAA;AAEtD,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP,MAAM,WAAW,UAAU,SAAmB;AAAA,QAC9C,WAAW;AAAA,QACX,aAAa;AAAA,MAAA;AAAA,MAEjB,kBAAkB;AAAA,QACd,MAAM;AAAA,UACF;AAAA,UACA;AAAA,UACA,CAAC,gBAAgB;AAAA,QAAA;AAAA,QAErB,WAAW;AAAA,QACX,aAAa;AAAA,MAAA;AAAA,MAEjB,iBAAiB,WAAW,iBAAiB,eAAe;AAAA,MAC5D,mBAAmB;AAAA,QACf;AAAA,QACA,cAAc;AAAA,QACd;AAAA,MAAA;AAAA,MAEJ,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACG,WAAW,WAAW,kBAAkB,cAAc;AAAA,UACtD,OAAO;AAAA,UACP,SAAS;AAAA,UACT,SAAS;AAAA,YACL,CAAC,SAAgD,GAAG,SAC9C,IACA,YAAY,SAAS;AAAA,UAAA;AAAA,UAG9B,UAAA;AAAA,YAAA,SAAS,WACN,qBAAC,OAAA,EAAI,WAAW,WAAW,iBAAiB,WAAW,GAClD,UAAA;AAAA,cAAA,OAAO,UAAU,WACd,oBAAC,MAAA,EAAI,iBAAM,IAEX,oBAAC,UAAM,UAAA,MAAA,CAAM;AAAA,cAEhB,YAAY;AAAA,YAAA,EAAA,CACjB,IACA;AAAA,gCACH,OAAA,EAAI,WAAW,WAAW,eAAe,SAAS,GAC9C,UACL;AAAA,YACC,8BACI,OAAA,EAAI,WAAW,WAAW,iBAAiB,WAAW,GAClD,UAAA,OAAA,CACL;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAER;AAAA,EAAA;AAGZ;AAEA,OAAO,cAAc;"}

package/dist/@ecme/components/ui/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/Dropdown.tsx"],"sourcesContent":["import { DropdownContextProvider } from './context/dropdownContext'\nimport DropdownMenu from './DropdownMenu'\nimport { FloatingTree, useFloatingParentNodeId } from '@floating-ui/react'\nimport type { DropdownMenuProps, DropdownMenuRef } from './DropdownMenu'\nimport type { HTMLProps, Ref } from 'react'\n\nexport type DropdownRef = DropdownMenuRef\nexport interface DropdownProps extends DropdownMenuProps {\n    eventKey?: string\n    id?: string\n    ref?: Ref<DropdownRef>\n}\n\nconst Dropdown = ({\n    activeKey,\n    ref,\n    ...props\n}: DropdownProps & HTMLProps<HTMLElement>) => {\n    const parentId = useFloatingParentNodeId()\n\n    if (parentId === null) {\n        return (\n            <DropdownContextProvider value={{ activeKey }}>\n                <FloatingTree>\n                    <DropdownMenu {...props} ref={ref} />\n                </FloatingTree>\n            </DropdownContextProvider>\n        )\n    }\n\n    return <DropdownMenu {...props} ref={ref} />\n}\n\nexport default Dropdown\n"],"names":[],"mappings":";;;;AAaA,MAAM,WAAW,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAA8C;AAC1C,QAAM,WAAW,wBAAA;AAEjB,MAAI,aAAa,MAAM;AACnB,WACI,oBAAC,yBAAA,EAAwB,OAAO,EAAE,aAC9B,UAAA,oBAAC,cAAA,EACG,UAAA,oBAAC,cAAA,EAAc,GAAG,OAAO,IAAA,CAAU,GACvC,GACJ;AAAA,EAER;AAEA,SAAO,oBAAC,cAAA,EAAc,GAAG,OAAO,IAAA,CAAU;AAC9C;"}
+{"version":3,"file":"Dropdown.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/Dropdown.tsx"],"sourcesContent":["import { DropdownContextProvider } from './context/dropdownContext'\r\nimport DropdownMenu from './DropdownMenu'\r\nimport { FloatingTree, useFloatingParentNodeId } from '@floating-ui/react'\r\nimport type { DropdownMenuProps, DropdownMenuRef } from './DropdownMenu'\r\nimport type { HTMLProps, Ref } from 'react'\r\n\r\nexport type DropdownRef = DropdownMenuRef\r\nexport interface DropdownProps extends DropdownMenuProps {\r\n    eventKey?: string\r\n    id?: string\r\n    ref?: Ref<DropdownRef>\r\n}\r\n\r\nconst Dropdown = ({\r\n    activeKey,\r\n    ref,\r\n    ...props\r\n}: DropdownProps & HTMLProps<HTMLElement>) => {\r\n    const parentId = useFloatingParentNodeId()\r\n\r\n    if (parentId === null) {\r\n        return (\r\n            <DropdownContextProvider value={{ activeKey }}>\r\n                <FloatingTree>\r\n                    <DropdownMenu {...props} ref={ref} />\r\n                </FloatingTree>\r\n            </DropdownContextProvider>\r\n        )\r\n    }\r\n\r\n    return <DropdownMenu {...props} ref={ref} />\r\n}\r\n\r\nexport default Dropdown\r\n"],"names":[],"mappings":";;;;AAaA,MAAM,WAAW,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAA8C;AAC1C,QAAM,WAAW,wBAAA;AAEjB,MAAI,aAAa,MAAM;AACnB,WACI,oBAAC,yBAAA,EAAwB,OAAO,EAAE,aAC9B,UAAA,oBAAC,cAAA,EACG,UAAA,oBAAC,cAAA,EAAc,GAAG,OAAO,IAAA,CAAU,GACvC,GACJ;AAAA,EAER;AAEA,SAAO,oBAAC,cAAA,EAAc,GAAG,OAAO,IAAA,CAAU;AAC9C;"}

package/dist/@ecme/components/ui/Dropdown/DropdownItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownItem.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownItem.tsx"],"sourcesContent":["import { useContext, useCallback, isValidElement, cloneElement } from 'react'\nimport isNil from 'lodash/isNil'\nimport useUncertainRef from '../hooks/useUncertainRef'\nimport useUniqueId from '../hooks/useUniqueId'\nimport classNames from '../utils/classNames'\nimport DropdownContext from './context/dropdownContext'\nimport MenuContext from './context/menuContext'\nimport MenuItem from '../MenuItem'\nimport { DROPDOWN_ITEM_TYPE } from '../utils/constants'\nimport { useFloatingTree } from '@floating-ui/react'\nimport type { CommonProps } from '../@types/common'\nimport type {\n    SyntheticEvent,\n    RefObject,\n    ElementType,\n    ReactElement,\n    MouseEvent,\n    FocusEvent,\n    Ref,\n} from 'react'\n\nexport interface DropdownItemProps extends CommonProps {\n    asElement?: ElementType\n    active?: boolean\n    disabled?: boolean\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    submenu?: ReactElement<any>\n    eventKey?: string\n    onSelect?: (eventKey: string, e: SyntheticEvent) => void\n    onFocus?: (e: SyntheticEvent) => void\n    onClick?: (e: SyntheticEvent) => void\n    ref?: Ref<HTMLElement>\n    variant?: 'default' | 'header' | 'divider' | 'custom'\n}\n\nconst { DEFAULT, DIVIDER, HEADER, CUSTOM } = DROPDOWN_ITEM_TYPE\n\nconst DropdownItem = (props: DropdownItemProps) => {\n    const {\n        asElement: Component = 'li',\n        children,\n        active: activeProp,\n        disabled,\n        className,\n        style,\n        eventKey,\n        onSelect,\n        onClick,\n        onFocus,\n        ref = null,\n        variant = DEFAULT,\n        ...rest\n    } = props\n\n    const dropdown = useContext(DropdownContext)\n    const menu = useContext(MenuContext)\n\n    const menuitemRef = useUncertainRef<HTMLElement>(\n        ref,\n    ) as RefObject<HTMLElement | null>\n\n    const menuitemId = useUniqueId('menu-item-')\n\n    const active =\n        activeProp ||\n        (!isNil(dropdown?.activeKey) && dropdown?.activeKey === eventKey)\n\n    const tree = useFloatingTree()\n\n    const activate = useCallback(\n        (e: SyntheticEvent) => {\n            onSelect?.(eventKey || '', e)\n            onClick?.(e)\n        },\n        [eventKey, onClick, onSelect],\n    )\n\n    const handleClick = useCallback(\n        (e: SyntheticEvent) => {\n            if (disabled) {\n                return\n            }\n\n            activate(e)\n            tree?.events.emit('click')\n        },\n        [disabled, activate, tree?.events],\n    )\n\n    const menuitemEventHandlers = {\n        ...menu.getItemProps({\n            onClick(event: MouseEvent<HTMLElement>) {\n                handleClick(event)\n            },\n            onFocus(event: FocusEvent<HTMLElement>) {\n                onFocus?.(event)\n                menu.setHasFocusInside(true)\n            },\n        }),\n    }\n\n    if (variant === DIVIDER || variant === HEADER || variant === CUSTOM) {\n        return (\n            <Component\n                ref={menuitemRef}\n                id={menuitemId}\n                style={style}\n                className={classNames(`menu-item-${variant}`, className)}\n                {...(variant === CUSTOM ? menuitemEventHandlers : {})}\n                {...rest}\n            >\n                {(variant === HEADER || variant === CUSTOM) && children}\n            </Component>\n        )\n    }\n\n    function renderChildren() {\n        if (!isValidElement(children)) {\n            return children\n        }\n        return cloneElement(children)\n    }\n\n    return (\n        <MenuItem\n            ref={menuitemRef}\n            asElement={Component}\n            style={style}\n            isActive={active}\n            disabled={disabled}\n            eventKey={eventKey}\n            className={className}\n            {...menuitemEventHandlers}\n            {...rest}\n        >\n            {renderChildren()}\n        </MenuItem>\n    )\n}\n\nexport default DropdownItem\n"],"names":[],"mappings":";;;;;;;;;;;AAmCA,MAAM,EAAE,SAAS,SAAS,QAAQ,WAAW;AAE7C,MAAM,eAAe,CAAC,UAA6B;AAC/C,QAAM;AAAA,IACF,WAAW,YAAY;AAAA,IACvB;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,UAAU;AAAA,IACV,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,WAAW,WAAW,eAAe;AAC3C,QAAM,OAAO,WAAW,WAAW;AAEnC,QAAM,cAAc;AAAA,IAChB;AAAA,EAAA;AAGJ,QAAM,aAAa,YAAY,YAAY;AAE3C,QAAM,SACF,cACC,CAAC,MAAM,UAAU,SAAS,KAAK,UAAU,cAAc;AAE5D,QAAM,OAAO,gBAAA;AAEb,QAAM,WAAW;AAAA,IACb,CAAC,MAAsB;AACnB,iBAAW,YAAY,IAAI,CAAC;AAC5B,gBAAU,CAAC;AAAA,IACf;AAAA,IACA,CAAC,UAAU,SAAS,QAAQ;AAAA,EAAA;AAGhC,QAAM,cAAc;AAAA,IAChB,CAAC,MAAsB;AACnB,UAAI,UAAU;AACV;AAAA,MACJ;AAEA,eAAS,CAAC;AACV,YAAM,OAAO,KAAK,OAAO;AAAA,IAC7B;AAAA,IACA,CAAC,UAAU,UAAU,MAAM,MAAM;AAAA,EAAA;AAGrC,QAAM,wBAAwB;AAAA,IAC1B,GAAG,KAAK,aAAa;AAAA,MACjB,QAAQ,OAAgC;AACpC,oBAAY,KAAK;AAAA,MACrB;AAAA,MACA,QAAQ,OAAgC;AACpC,kBAAU,KAAK;AACf,aAAK,kBAAkB,IAAI;AAAA,MAC/B;AAAA,IAAA,CACH;AAAA,EAAA;AAGL,MAAI,YAAY,WAAW,YAAY,UAAU,YAAY,QAAQ;AACjE,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAK;AAAA,QACL,IAAI;AAAA,QACJ;AAAA,QACA,WAAW,WAAW,aAAa,OAAO,IAAI,SAAS;AAAA,QACtD,GAAI,YAAY,SAAS,wBAAwB,CAAA;AAAA,QACjD,GAAG;AAAA,QAEF,WAAA,YAAY,UAAU,YAAY,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAG3D;AAEA,WAAS,iBAAiB;AACtB,QAAI,CAAC,eAAe,QAAQ,GAAG;AAC3B,aAAO;AAAA,IACX;AACA,WAAO,aAAa,QAAQ;AAAA,EAChC;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAK;AAAA,MACL,WAAW;AAAA,MACX;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAEH,UAAA,eAAA;AAAA,IAAe;AAAA,EAAA;AAG5B;"}
+{"version":3,"file":"DropdownItem.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownItem.tsx"],"sourcesContent":["import { useContext, useCallback, isValidElement, cloneElement } from 'react'\r\nimport isNil from 'lodash/isNil'\r\nimport useUncertainRef from '../hooks/useUncertainRef'\r\nimport useUniqueId from '../hooks/useUniqueId'\r\nimport classNames from '../utils/classNames'\r\nimport DropdownContext from './context/dropdownContext'\r\nimport MenuContext from './context/menuContext'\r\nimport MenuItem from '../MenuItem'\r\nimport { DROPDOWN_ITEM_TYPE } from '../utils/constants'\r\nimport { useFloatingTree } from '@floating-ui/react'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type {\r\n    SyntheticEvent,\r\n    RefObject,\r\n    ElementType,\r\n    ReactElement,\r\n    MouseEvent,\r\n    FocusEvent,\r\n    Ref,\r\n} from 'react'\r\n\r\nexport interface DropdownItemProps extends CommonProps {\r\n    asElement?: ElementType\r\n    active?: boolean\r\n    disabled?: boolean\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    submenu?: ReactElement<any>\r\n    eventKey?: string\r\n    onSelect?: (eventKey: string, e: SyntheticEvent) => void\r\n    onFocus?: (e: SyntheticEvent) => void\r\n    onClick?: (e: SyntheticEvent) => void\r\n    ref?: Ref<HTMLElement>\r\n    variant?: 'default' | 'header' | 'divider' | 'custom'\r\n}\r\n\r\nconst { DEFAULT, DIVIDER, HEADER, CUSTOM } = DROPDOWN_ITEM_TYPE\r\n\r\nconst DropdownItem = (props: DropdownItemProps) => {\r\n    const {\r\n        asElement: Component = 'li',\r\n        children,\r\n        active: activeProp,\r\n        disabled,\r\n        className,\r\n        style,\r\n        eventKey,\r\n        onSelect,\r\n        onClick,\r\n        onFocus,\r\n        ref = null,\r\n        variant = DEFAULT,\r\n        ...rest\r\n    } = props\r\n\r\n    const dropdown = useContext(DropdownContext)\r\n    const menu = useContext(MenuContext)\r\n\r\n    const menuitemRef = useUncertainRef<HTMLElement>(\r\n        ref,\r\n    ) as RefObject<HTMLElement | null>\r\n\r\n    const menuitemId = useUniqueId('menu-item-')\r\n\r\n    const active =\r\n        activeProp ||\r\n        (!isNil(dropdown?.activeKey) && dropdown?.activeKey === eventKey)\r\n\r\n    const tree = useFloatingTree()\r\n\r\n    const activate = useCallback(\r\n        (e: SyntheticEvent) => {\r\n            onSelect?.(eventKey || '', e)\r\n            onClick?.(e)\r\n        },\r\n        [eventKey, onClick, onSelect],\r\n    )\r\n\r\n    const handleClick = useCallback(\r\n        (e: SyntheticEvent) => {\r\n            if (disabled) {\r\n                return\r\n            }\r\n\r\n            activate(e)\r\n            tree?.events.emit('click')\r\n        },\r\n        [disabled, activate, tree?.events],\r\n    )\r\n\r\n    const menuitemEventHandlers = {\r\n        ...menu.getItemProps({\r\n            onClick(event: MouseEvent<HTMLElement>) {\r\n                handleClick(event)\r\n            },\r\n            onFocus(event: FocusEvent<HTMLElement>) {\r\n                onFocus?.(event)\r\n                menu.setHasFocusInside(true)\r\n            },\r\n        }),\r\n    }\r\n\r\n    if (variant === DIVIDER || variant === HEADER || variant === CUSTOM) {\r\n        return (\r\n            <Component\r\n                ref={menuitemRef}\r\n                id={menuitemId}\r\n                style={style}\r\n                className={classNames(`menu-item-${variant}`, className)}\r\n                {...(variant === CUSTOM ? menuitemEventHandlers : {})}\r\n                {...rest}\r\n            >\r\n                {(variant === HEADER || variant === CUSTOM) && children}\r\n            </Component>\r\n        )\r\n    }\r\n\r\n    function renderChildren() {\r\n        if (!isValidElement(children)) {\r\n            return children\r\n        }\r\n        return cloneElement(children)\r\n    }\r\n\r\n    return (\r\n        <MenuItem\r\n            ref={menuitemRef}\r\n            asElement={Component}\r\n            style={style}\r\n            isActive={active}\r\n            disabled={disabled}\r\n            eventKey={eventKey}\r\n            className={className}\r\n            {...menuitemEventHandlers}\r\n            {...rest}\r\n        >\r\n            {renderChildren()}\r\n        </MenuItem>\r\n    )\r\n}\r\n\r\nexport default DropdownItem\r\n"],"names":[],"mappings":";;;;;;;;;;;AAmCA,MAAM,EAAE,SAAS,SAAS,QAAQ,WAAW;AAE7C,MAAM,eAAe,CAAC,UAA6B;AAC/C,QAAM;AAAA,IACF,WAAW,YAAY;AAAA,IACvB;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,UAAU;AAAA,IACV,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,WAAW,WAAW,eAAe;AAC3C,QAAM,OAAO,WAAW,WAAW;AAEnC,QAAM,cAAc;AAAA,IAChB;AAAA,EAAA;AAGJ,QAAM,aAAa,YAAY,YAAY;AAE3C,QAAM,SACF,cACC,CAAC,MAAM,UAAU,SAAS,KAAK,UAAU,cAAc;AAE5D,QAAM,OAAO,gBAAA;AAEb,QAAM,WAAW;AAAA,IACb,CAAC,MAAsB;AACnB,iBAAW,YAAY,IAAI,CAAC;AAC5B,gBAAU,CAAC;AAAA,IACf;AAAA,IACA,CAAC,UAAU,SAAS,QAAQ;AAAA,EAAA;AAGhC,QAAM,cAAc;AAAA,IAChB,CAAC,MAAsB;AACnB,UAAI,UAAU;AACV;AAAA,MACJ;AAEA,eAAS,CAAC;AACV,YAAM,OAAO,KAAK,OAAO;AAAA,IAC7B;AAAA,IACA,CAAC,UAAU,UAAU,MAAM,MAAM;AAAA,EAAA;AAGrC,QAAM,wBAAwB;AAAA,IAC1B,GAAG,KAAK,aAAa;AAAA,MACjB,QAAQ,OAAgC;AACpC,oBAAY,KAAK;AAAA,MACrB;AAAA,MACA,QAAQ,OAAgC;AACpC,kBAAU,KAAK;AACf,aAAK,kBAAkB,IAAI;AAAA,MAC/B;AAAA,IAAA,CACH;AAAA,EAAA;AAGL,MAAI,YAAY,WAAW,YAAY,UAAU,YAAY,QAAQ;AACjE,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAK;AAAA,QACL,IAAI;AAAA,QACJ;AAAA,QACA,WAAW,WAAW,aAAa,OAAO,IAAI,SAAS;AAAA,QACtD,GAAI,YAAY,SAAS,wBAAwB,CAAA;AAAA,QACjD,GAAG;AAAA,QAEF,WAAA,YAAY,UAAU,YAAY,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAG3D;AAEA,WAAS,iBAAiB;AACtB,QAAI,CAAC,eAAe,QAAQ,GAAG;AAC3B,aAAO;AAAA,IACX;AACA,WAAO,aAAa,QAAQ;AAAA,EAChC;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAK;AAAA,MACL,WAAW;AAAA,MACX;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAEH,UAAA,eAAA;AAAA,IAAe;AAAA,EAAA;AAG5B;"}

package/dist/@ecme/components/ui/Dropdown/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownMenu.tsx"],"sourcesContent":["import {\n    useState,\n    useRef,\n    useContext,\n    useEffect,\n    useImperativeHandle,\n} from 'react'\nimport DropdownToggle from './DropdownToggle'\nimport DropdownSubItem from './DropdownSubItem'\nimport MenuContext from './context/menuContext'\nimport classNames from '../utils/classNames'\nimport { useConfig } from '../ConfigProvider'\nimport {\n    autoUpdate,\n    flip,\n    FloatingFocusManager,\n    FloatingList,\n    FloatingNode,\n    FloatingPortal,\n    safePolygon,\n    shift,\n    useClick,\n    useDismiss,\n    useFloating,\n    useFloatingNodeId,\n    useFloatingParentNodeId,\n    useFloatingTree,\n    useHover,\n    useInteractions,\n    useListItem,\n    useListNavigation,\n    useMergeRefs,\n    useRole,\n    useTypeahead,\n    useTransitionStyles,\n} from '@floating-ui/react'\nimport type { CommonProps } from '../@types/common'\nimport type { DropdownToggleSharedProps } from './DropdownToggle'\nimport type { DropdownSubItemSharedProps } from './DropdownSubItem'\nimport type { Placement } from '@floating-ui/react'\nimport type { HTMLProps, FocusEvent, MouseEvent, ReactNode, Ref } from 'react'\n\nexport interface DropdownMenuProps\n    extends CommonProps,\n        DropdownToggleSharedProps,\n        DropdownSubItemSharedProps {\n    activeKey?: string\n    title?: string | ReactNode\n    menuClass?: string\n    trigger?: 'click' | 'hover' | 'context'\n    placement?: Placement\n    onOpen?: (bool: boolean) => void\n    ref?: Ref<HTMLElement | DropdownMenuRef>\n}\n\nexport type DropdownMenuRef = {\n    handleDropdownOpen: () => void\n    handleDropdownClose: () => void\n}\n\nconst DropdownMenu = (props: DropdownMenuProps & HTMLProps<HTMLElement>) => {\n    const {\n        children,\n        title,\n        renderTitle,\n        disabled,\n        toggleClassName,\n        menuClass,\n        placement,\n        trigger = 'click',\n        onOpen,\n        ref,\n        ...rest\n    } = props\n\n    const [isOpen, setIsOpen] = useState(false)\n    const [hasFocusInside, setHasFocusInside] = useState(false)\n    const [activeIndex, setActiveIndex] = useState<number | null>(null)\n\n    const elementsRef = useRef<Array<HTMLElement | null>>([])\n    const labelsRef = useRef<Array<string | null>>([])\n\n    const { direction } = useConfig()\n\n    const parent = useContext(MenuContext)\n\n    const tree = useFloatingTree()\n    const nodeId = useFloatingNodeId()\n    const parentId = useFloatingParentNodeId()\n    const item = useListItem()\n\n    const isNested = parentId != null\n\n    const handleOpen = (open: boolean) => {\n        if (disabled) {\n            return\n        }\n        setIsOpen(open)\n        onOpen?.(open)\n    }\n\n    const getDefaultPlacement = () => {\n        return direction === 'ltr' ? 'bottom-start' : 'bottom-end'\n    }\n\n    const getNestedDefaultPlacement = () => {\n        return direction === 'ltr' ? 'right-start' : 'left-start'\n    }\n\n    const { floatingStyles, refs, context } = useFloating<HTMLElement>({\n        nodeId,\n        open: isOpen,\n        onOpenChange: (open) => {\n            handleOpen(open)\n        },\n        placement:\n            placement ||\n            (isNested ? getNestedDefaultPlacement() : getDefaultPlacement()),\n        middleware: [flip(), shift()],\n        whileElementsMounted: autoUpdate,\n    })\n\n    const { isMounted, styles } = useTransitionStyles(context, {\n        common: ({ side }) => ({\n            transformOrigin: {\n                top: 'bottom',\n                bottom: 'top',\n                left: 'right',\n                right: 'left',\n            }[side],\n        }),\n        initial: {\n            transform: 'translateY(-5%)',\n            opacity: 0,\n        },\n        duration: 200,\n        open: {\n            opacity: 1,\n            transform: 'translateY(0%)',\n        },\n        close: {\n            opacity: 0,\n            transform: 'translateY(-5%)',\n        },\n    })\n\n    const hover = useHover(context, {\n        enabled: isNested || trigger === 'hover',\n        delay: { open: 75 },\n        handleClose: safePolygon({ blockPointerEvents: true }),\n    })\n\n    const click = useClick(context, {\n        event: 'mousedown',\n        toggle: !isNested,\n        ignoreMouse: isNested,\n    })\n\n    const role = useRole(context, { role: 'menu' })\n\n    const dismiss = useDismiss(context, { bubbles: true })\n\n    const listNavigation = useListNavigation(context, {\n        listRef: elementsRef,\n        activeIndex,\n        nested: isNested,\n        onNavigate: setActiveIndex,\n    })\n    const typeahead = useTypeahead(context, {\n        listRef: labelsRef,\n        onMatch: isOpen ? setActiveIndex : undefined,\n        activeIndex,\n    })\n\n    const { getReferenceProps, getFloatingProps, getItemProps } =\n        useInteractions([\n            hover,\n            role,\n            dismiss,\n            listNavigation,\n            typeahead,\n            ...(trigger === 'click' ? [click] : []),\n        ])\n\n    useEffect(() => {\n        if (!tree) return\n\n        function handleTreeClick() {\n            setIsOpen(false)\n            onOpen?.(false)\n        }\n\n        function onSubMenuOpen(event: { nodeId: string; parentId: string }) {\n            if (event.nodeId !== nodeId && event.parentId === parentId) {\n                setIsOpen(false)\n                onOpen?.(false)\n            }\n        }\n\n        tree.events.on('click', handleTreeClick)\n        tree.events.on('menuopen', onSubMenuOpen)\n\n        return () => {\n            tree.events.off('click', handleTreeClick)\n            tree.events.off('menuopen', onSubMenuOpen)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [tree, nodeId, parentId])\n\n    useEffect(() => {\n        if (isOpen && tree) {\n            tree.events.emit('menuopen', { parentId, nodeId })\n        }\n    }, [tree, isOpen, nodeId, parentId])\n\n    const toggleRef = useMergeRefs([refs.setReference, item.ref, ref])\n\n    useImperativeHandle(ref, () => {\n        return {\n            handleDropdownOpen: () => {\n                setIsOpen(true)\n                onOpen?.(true)\n            },\n            handleDropdownClose: () => {\n                setIsOpen(false)\n                onOpen?.(false)\n            },\n        }\n    }, [onOpen])\n\n    const toggleProps = {\n        ...getReferenceProps(\n            parent.getItemProps({\n                ...rest,\n                onFocus(event: FocusEvent<HTMLElement>) {\n                    rest.onFocus?.(event)\n                    setHasFocusInside(false)\n                    parent.setHasFocusInside(true)\n                },\n            }),\n        ),\n        ...(trigger === 'context'\n            ? {\n                  onContextMenu: (e: MouseEvent<HTMLElement>) => {\n                      e.preventDefault()\n                      handleOpen(true)\n                  },\n              }\n            : {}),\n    }\n\n    return (\n        <FloatingNode id={nodeId}>\n            {!isNested ? (\n                <DropdownToggle\n                    ref={toggleRef}\n                    role={'menuitem'}\n                    data-open={isOpen ? '' : undefined}\n                    data-focus-inside={hasFocusInside ? '' : undefined}\n                    className={classNames(toggleClassName)}\n                    disabled={disabled}\n                    placement={placement}\n                    renderTitle={renderTitle}\n                    {...toggleProps}\n                >\n                    {title}\n                </DropdownToggle>\n            ) : (\n                <li\n                    ref={toggleRef}\n                    tabIndex={parent.activeIndex === item.index ? 0 : -1}\n                    data-open={isOpen ? '' : undefined}\n                    data-nested={''}\n                    data-focus-inside={hasFocusInside ? '' : undefined}\n                    className={classNames(toggleClassName, 'outline-none')}\n                    {...toggleProps}\n                >\n                    <DropdownSubItem>\n                        {renderTitle ? renderTitle : title}\n                    </DropdownSubItem>\n                </li>\n            )}\n            <MenuContext.Provider\n                value={{\n                    activeIndex,\n                    setActiveIndex,\n                    getItemProps,\n                    setHasFocusInside,\n                    isOpen,\n                }}\n            >\n                <FloatingList elementsRef={elementsRef} labelsRef={labelsRef}>\n                    {isMounted && (\n                        <FloatingPortal>\n                            <FloatingFocusManager\n                                context={context}\n                                modal={false}\n                                initialFocus={isNested ? -1 : 0}\n                                returnFocus={!isNested}\n                            >\n                                <div\n                                    ref={refs.setFloating}\n                                    style={floatingStyles}\n                                    {...getFloatingProps()}\n                                    className=\"outline-none z-30\"\n                                >\n                                    <ul\n                                        className={classNames(\n                                            'dropdown-menu min-w-[160px]',\n                                            menuClass,\n                                        )}\n                                        style={styles}\n                                    >\n                                        {children}\n                                    </ul>\n                                </div>\n                            </FloatingFocusManager>\n                        </FloatingPortal>\n                    )}\n                </FloatingList>\n            </MenuContext.Provider>\n        </FloatingNode>\n    )\n}\n\nexport default DropdownMenu\n"],"names":["DropdownSubItem"],"mappings":"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"}
+{"version":3,"file":"DropdownMenu.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownMenu.tsx"],"sourcesContent":["import {\r\n    useState,\r\n    useRef,\r\n    useContext,\r\n    useEffect,\r\n    useImperativeHandle,\r\n} from 'react'\r\nimport DropdownToggle from './DropdownToggle'\r\nimport DropdownSubItem from './DropdownSubItem'\r\nimport MenuContext from './context/menuContext'\r\nimport classNames from '../utils/classNames'\r\nimport { useConfig } from '../ConfigProvider'\r\nimport {\r\n    autoUpdate,\r\n    flip,\r\n    FloatingFocusManager,\r\n    FloatingList,\r\n    FloatingNode,\r\n    FloatingPortal,\r\n    safePolygon,\r\n    shift,\r\n    useClick,\r\n    useDismiss,\r\n    useFloating,\r\n    useFloatingNodeId,\r\n    useFloatingParentNodeId,\r\n    useFloatingTree,\r\n    useHover,\r\n    useInteractions,\r\n    useListItem,\r\n    useListNavigation,\r\n    useMergeRefs,\r\n    useRole,\r\n    useTypeahead,\r\n    useTransitionStyles,\r\n} from '@floating-ui/react'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type { DropdownToggleSharedProps } from './DropdownToggle'\r\nimport type { DropdownSubItemSharedProps } from './DropdownSubItem'\r\nimport type { Placement } from '@floating-ui/react'\r\nimport type { HTMLProps, FocusEvent, MouseEvent, ReactNode, Ref } from 'react'\r\n\r\nexport interface DropdownMenuProps\r\n    extends CommonProps,\r\n        DropdownToggleSharedProps,\r\n        DropdownSubItemSharedProps {\r\n    activeKey?: string\r\n    title?: string | ReactNode\r\n    menuClass?: string\r\n    trigger?: 'click' | 'hover' | 'context'\r\n    placement?: Placement\r\n    onOpen?: (bool: boolean) => void\r\n    ref?: Ref<HTMLElement | DropdownMenuRef>\r\n}\r\n\r\nexport type DropdownMenuRef = {\r\n    handleDropdownOpen: () => void\r\n    handleDropdownClose: () => void\r\n}\r\n\r\nconst DropdownMenu = (props: DropdownMenuProps & HTMLProps<HTMLElement>) => {\r\n    const {\r\n        children,\r\n        title,\r\n        renderTitle,\r\n        disabled,\r\n        toggleClassName,\r\n        menuClass,\r\n        placement,\r\n        trigger = 'click',\r\n        onOpen,\r\n        ref,\r\n        ...rest\r\n    } = props\r\n\r\n    const [isOpen, setIsOpen] = useState(false)\r\n    const [hasFocusInside, setHasFocusInside] = useState(false)\r\n    const [activeIndex, setActiveIndex] = useState<number | null>(null)\r\n\r\n    const elementsRef = useRef<Array<HTMLElement | null>>([])\r\n    const labelsRef = useRef<Array<string | null>>([])\r\n\r\n    const { direction } = useConfig()\r\n\r\n    const parent = useContext(MenuContext)\r\n\r\n    const tree = useFloatingTree()\r\n    const nodeId = useFloatingNodeId()\r\n    const parentId = useFloatingParentNodeId()\r\n    const item = useListItem()\r\n\r\n    const isNested = parentId != null\r\n\r\n    const handleOpen = (open: boolean) => {\r\n        if (disabled) {\r\n            return\r\n        }\r\n        setIsOpen(open)\r\n        onOpen?.(open)\r\n    }\r\n\r\n    const getDefaultPlacement = () => {\r\n        return direction === 'ltr' ? 'bottom-start' : 'bottom-end'\r\n    }\r\n\r\n    const getNestedDefaultPlacement = () => {\r\n        return direction === 'ltr' ? 'right-start' : 'left-start'\r\n    }\r\n\r\n    const { floatingStyles, refs, context } = useFloating<HTMLElement>({\r\n        nodeId,\r\n        open: isOpen,\r\n        onOpenChange: (open) => {\r\n            handleOpen(open)\r\n        },\r\n        placement:\r\n            placement ||\r\n            (isNested ? getNestedDefaultPlacement() : getDefaultPlacement()),\r\n        middleware: [flip(), shift()],\r\n        whileElementsMounted: autoUpdate,\r\n    })\r\n\r\n    const { isMounted, styles } = useTransitionStyles(context, {\r\n        common: ({ side }) => ({\r\n            transformOrigin: {\r\n                top: 'bottom',\r\n                bottom: 'top',\r\n                left: 'right',\r\n                right: 'left',\r\n            }[side],\r\n        }),\r\n        initial: {\r\n            transform: 'translateY(-5%)',\r\n            opacity: 0,\r\n        },\r\n        duration: 200,\r\n        open: {\r\n            opacity: 1,\r\n            transform: 'translateY(0%)',\r\n        },\r\n        close: {\r\n            opacity: 0,\r\n            transform: 'translateY(-5%)',\r\n        },\r\n    })\r\n\r\n    const hover = useHover(context, {\r\n        enabled: isNested || trigger === 'hover',\r\n        delay: { open: 75 },\r\n        handleClose: safePolygon({ blockPointerEvents: true }),\r\n    })\r\n\r\n    const click = useClick(context, {\r\n        event: 'mousedown',\r\n        toggle: !isNested,\r\n        ignoreMouse: isNested,\r\n    })\r\n\r\n    const role = useRole(context, { role: 'menu' })\r\n\r\n    const dismiss = useDismiss(context, { bubbles: true })\r\n\r\n    const listNavigation = useListNavigation(context, {\r\n        listRef: elementsRef,\r\n        activeIndex,\r\n        nested: isNested,\r\n        onNavigate: setActiveIndex,\r\n    })\r\n    const typeahead = useTypeahead(context, {\r\n        listRef: labelsRef,\r\n        onMatch: isOpen ? setActiveIndex : undefined,\r\n        activeIndex,\r\n    })\r\n\r\n    const { getReferenceProps, getFloatingProps, getItemProps } =\r\n        useInteractions([\r\n            hover,\r\n            role,\r\n            dismiss,\r\n            listNavigation,\r\n            typeahead,\r\n            ...(trigger === 'click' ? [click] : []),\r\n        ])\r\n\r\n    useEffect(() => {\r\n        if (!tree) return\r\n\r\n        function handleTreeClick() {\r\n            setIsOpen(false)\r\n            onOpen?.(false)\r\n        }\r\n\r\n        function onSubMenuOpen(event: { nodeId: string; parentId: string }) {\r\n            if (event.nodeId !== nodeId && event.parentId === parentId) {\r\n                setIsOpen(false)\r\n                onOpen?.(false)\r\n            }\r\n        }\r\n\r\n        tree.events.on('click', handleTreeClick)\r\n        tree.events.on('menuopen', onSubMenuOpen)\r\n\r\n        return () => {\r\n            tree.events.off('click', handleTreeClick)\r\n            tree.events.off('menuopen', onSubMenuOpen)\r\n        }\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [tree, nodeId, parentId])\r\n\r\n    useEffect(() => {\r\n        if (isOpen && tree) {\r\n            tree.events.emit('menuopen', { parentId, nodeId })\r\n        }\r\n    }, [tree, isOpen, nodeId, parentId])\r\n\r\n    const toggleRef = useMergeRefs([refs.setReference, item.ref, ref])\r\n\r\n    useImperativeHandle(ref, () => {\r\n        return {\r\n            handleDropdownOpen: () => {\r\n                setIsOpen(true)\r\n                onOpen?.(true)\r\n            },\r\n            handleDropdownClose: () => {\r\n                setIsOpen(false)\r\n                onOpen?.(false)\r\n            },\r\n        }\r\n    }, [onOpen])\r\n\r\n    const toggleProps = {\r\n        ...getReferenceProps(\r\n            parent.getItemProps({\r\n                ...rest,\r\n                onFocus(event: FocusEvent<HTMLElement>) {\r\n                    rest.onFocus?.(event)\r\n                    setHasFocusInside(false)\r\n                    parent.setHasFocusInside(true)\r\n                },\r\n            }),\r\n        ),\r\n        ...(trigger === 'context'\r\n            ? {\r\n                  onContextMenu: (e: MouseEvent<HTMLElement>) => {\r\n                      e.preventDefault()\r\n                      handleOpen(true)\r\n                  },\r\n              }\r\n            : {}),\r\n    }\r\n\r\n    return (\r\n        <FloatingNode id={nodeId}>\r\n            {!isNested ? (\r\n                <DropdownToggle\r\n                    ref={toggleRef}\r\n                    role={'menuitem'}\r\n                    data-open={isOpen ? '' : undefined}\r\n                    data-focus-inside={hasFocusInside ? '' : undefined}\r\n                    className={classNames(toggleClassName)}\r\n                    disabled={disabled}\r\n                    placement={placement}\r\n                    renderTitle={renderTitle}\r\n                    {...toggleProps}\r\n                >\r\n                    {title}\r\n                </DropdownToggle>\r\n            ) : (\r\n                <li\r\n                    ref={toggleRef}\r\n                    tabIndex={parent.activeIndex === item.index ? 0 : -1}\r\n                    data-open={isOpen ? '' : undefined}\r\n                    data-nested={''}\r\n                    data-focus-inside={hasFocusInside ? '' : undefined}\r\n                    className={classNames(toggleClassName, 'outline-none')}\r\n                    {...toggleProps}\r\n                >\r\n                    <DropdownSubItem>\r\n                        {renderTitle ? renderTitle : title}\r\n                    </DropdownSubItem>\r\n                </li>\r\n            )}\r\n            <MenuContext.Provider\r\n                value={{\r\n                    activeIndex,\r\n                    setActiveIndex,\r\n                    getItemProps,\r\n                    setHasFocusInside,\r\n                    isOpen,\r\n                }}\r\n            >\r\n                <FloatingList elementsRef={elementsRef} labelsRef={labelsRef}>\r\n                    {isMounted && (\r\n                        <FloatingPortal>\r\n                            <FloatingFocusManager\r\n                                context={context}\r\n                                modal={false}\r\n                                initialFocus={isNested ? -1 : 0}\r\n                                returnFocus={!isNested}\r\n                            >\r\n                                <div\r\n                                    ref={refs.setFloating}\r\n                                    style={floatingStyles}\r\n                                    {...getFloatingProps()}\r\n                                    className=\"outline-none z-30\"\r\n                                >\r\n                                    <ul\r\n                                        className={classNames(\r\n                                            'dropdown-menu min-w-[160px]',\r\n                                            menuClass,\r\n                                        )}\r\n                                        style={styles}\r\n                                    >\r\n                                        {children}\r\n                                    </ul>\r\n                                </div>\r\n                            </FloatingFocusManager>\r\n                        </FloatingPortal>\r\n                    )}\r\n                </FloatingList>\r\n            </MenuContext.Provider>\r\n        </FloatingNode>\r\n    )\r\n}\r\n\r\nexport default DropdownMenu\r\n"],"names":["DropdownSubItem"],"mappings":"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"}

package/dist/@ecme/components/ui/Dropdown/DropdownSub.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownSub.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownSub.tsx"],"sourcesContent":["import DropdownMenu from './DropdownMenu'\nimport { FloatingTree, useFloatingParentNodeId } from '@floating-ui/react'\nimport type { DropdownMenuProps, DropdownMenuRef } from './DropdownMenu'\nimport type { HTMLProps, Ref } from 'react'\n\nexport interface DropdownSubProps\n    extends Omit<DropdownMenuProps, 'trigger' | 'disabled' | 'activeKey'> {\n    eventKey?: string\n    id?: string\n    ref?: Ref<HTMLElement | DropdownMenuRef>\n}\n\nconst DropdownSub = ({\n    ref,\n    ...props\n}: DropdownSubProps & HTMLProps<HTMLElement>) => {\n    const parentId = useFloatingParentNodeId()\n\n    if (parentId === null) {\n        return (\n            <FloatingTree>\n                <DropdownMenu {...props} ref={ref} />\n            </FloatingTree>\n        )\n    }\n\n    return <DropdownMenu {...props} ref={ref} />\n}\n\nexport default DropdownSub\n"],"names":[],"mappings":";;;AAYA,MAAM,cAAc,CAAC;AAAA,EACjB;AAAA,EACA,GAAG;AACP,MAAiD;AAC7C,QAAM,WAAW,wBAAA;AAEjB,MAAI,aAAa,MAAM;AACnB,+BACK,cAAA,EACG,UAAA,oBAAC,gBAAc,GAAG,OAAO,KAAU,GACvC;AAAA,EAER;AAEA,SAAO,oBAAC,cAAA,EAAc,GAAG,OAAO,IAAA,CAAU;AAC9C;"}
+{"version":3,"file":"DropdownSub.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownSub.tsx"],"sourcesContent":["import DropdownMenu from './DropdownMenu'\r\nimport { FloatingTree, useFloatingParentNodeId } from '@floating-ui/react'\r\nimport type { DropdownMenuProps, DropdownMenuRef } from './DropdownMenu'\r\nimport type { HTMLProps, Ref } from 'react'\r\n\r\nexport interface DropdownSubProps\r\n    extends Omit<DropdownMenuProps, 'trigger' | 'disabled' | 'activeKey'> {\r\n    eventKey?: string\r\n    id?: string\r\n    ref?: Ref<HTMLElement | DropdownMenuRef>\r\n}\r\n\r\nconst DropdownSub = ({\r\n    ref,\r\n    ...props\r\n}: DropdownSubProps & HTMLProps<HTMLElement>) => {\r\n    const parentId = useFloatingParentNodeId()\r\n\r\n    if (parentId === null) {\r\n        return (\r\n            <FloatingTree>\r\n                <DropdownMenu {...props} ref={ref} />\r\n            </FloatingTree>\r\n        )\r\n    }\r\n\r\n    return <DropdownMenu {...props} ref={ref} />\r\n}\r\n\r\nexport default DropdownSub\r\n"],"names":[],"mappings":";;;AAYA,MAAM,cAAc,CAAC;AAAA,EACjB;AAAA,EACA,GAAG;AACP,MAAiD;AAC7C,QAAM,WAAW,wBAAA;AAEjB,MAAI,aAAa,MAAM;AACnB,+BACK,cAAA,EACG,UAAA,oBAAC,gBAAc,GAAG,OAAO,KAAU,GACvC;AAAA,EAER;AAEA,SAAO,oBAAC,cAAA,EAAc,GAAG,OAAO,IAAA,CAAU;AAC9C;"}

package/dist/@ecme/components/ui/Dropdown/DropdownSubItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownSubItem.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownSubItem.tsx"],"sourcesContent":["import { useContext } from 'react'\nimport isNil from 'lodash/isNil'\nimport useUncertainRef from '../hooks/useUncertainRef'\nimport useUniqueId from '../hooks/useUniqueId'\nimport { useConfig } from '../ConfigProvider'\nimport classNames from '../utils/classNames'\nimport DropdownContext from './context/dropdownContext'\nimport MenuItem from '../MenuItem'\nimport { TbChevronRight, TbChevronLeft } from 'react-icons/tb'\nimport type { CommonProps } from '../@types/common'\nimport type { SyntheticEvent, RefObject, ElementType, Ref } from 'react'\n\nexport interface DropdownSubItemSharedProps {\n    onClick?: (e: SyntheticEvent) => void\n    onSelect?: (eventKey: string, e: MouseEvent) => void\n    disabled?: boolean\n    eventKey?: string\n}\n\ninterface DropdownSubItemProps extends CommonProps, DropdownSubItemSharedProps {\n    asElement?: ElementType\n    active?: boolean\n    ref?: Ref<HTMLElement>\n}\n\nconst DropdownSubMenu = (props: DropdownSubItemProps) => {\n    const {\n        asElement: Component = 'li',\n        children,\n        active: activeProp,\n        disabled,\n        className,\n        style,\n        eventKey,\n        onSelect,\n        ref = null,\n        ...rest\n    } = props\n\n    const { direction } = useConfig()\n\n    const dropdown = useContext(DropdownContext)\n\n    const menuitemRef = useUncertainRef<HTMLElement>(\n        ref,\n    ) as RefObject<HTMLElement | null>\n    const menuitemId = useUniqueId('menu-item-')\n\n    const active =\n        activeProp ||\n        (!isNil(dropdown?.activeKey) && dropdown?.activeKey === eventKey)\n\n    return (\n        <ul style={style} className=\"relative\" {...rest}>\n            <MenuItem\n                ref={menuitemRef}\n                disabled={disabled}\n                asElement={Component}\n                id={menuitemId}\n                isActive={active}\n                eventKey={eventKey}\n                className={classNames('dropdown-submenu-item', className)}\n                onSelect={onSelect}\n            >\n                <span>{children}</span>\n                {direction === 'rtl' ? <TbChevronLeft /> : <TbChevronRight />}\n            </MenuItem>\n        </ul>\n    )\n}\n\nexport default DropdownSubMenu\n"],"names":[],"mappings":";;;;;;;;;;;AAyBA,MAAM,kBAAkB,CAAC,UAAgC;AACrD,QAAM;AAAA,IACF,WAAW,YAAY;AAAA,IACvB;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,EAAE,UAAA,IAAc,UAAA;AAEtB,QAAM,WAAW,WAAW,eAAe;AAE3C,QAAM,cAAc;AAAA,IAChB;AAAA,EAAA;AAEJ,QAAM,aAAa,YAAY,YAAY;AAE3C,QAAM,SACF,cACC,CAAC,MAAM,UAAU,SAAS,KAAK,UAAU,cAAc;AAE5D,6BACK,MAAA,EAAG,OAAc,WAAU,YAAY,GAAG,MACvC,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAK;AAAA,MACL;AAAA,MACA,WAAW;AAAA,MACX,IAAI;AAAA,MACJ,UAAU;AAAA,MACV;AAAA,MACA,WAAW,WAAW,yBAAyB,SAAS;AAAA,MACxD;AAAA,MAEA,UAAA;AAAA,QAAA,oBAAC,UAAM,UAAS;AAAA,QACf,cAAc,QAAQ,oBAAC,eAAA,CAAA,CAAc,wBAAM,gBAAA,CAAA,CAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEnE;AAER;"}
+{"version":3,"file":"DropdownSubItem.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownSubItem.tsx"],"sourcesContent":["import { useContext } from 'react'\r\nimport isNil from 'lodash/isNil'\r\nimport useUncertainRef from '../hooks/useUncertainRef'\r\nimport useUniqueId from '../hooks/useUniqueId'\r\nimport { useConfig } from '../ConfigProvider'\r\nimport classNames from '../utils/classNames'\r\nimport DropdownContext from './context/dropdownContext'\r\nimport MenuItem from '../MenuItem'\r\nimport { TbChevronRight, TbChevronLeft } from 'react-icons/tb'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type { SyntheticEvent, RefObject, ElementType, Ref } from 'react'\r\n\r\nexport interface DropdownSubItemSharedProps {\r\n    onClick?: (e: SyntheticEvent) => void\r\n    onSelect?: (eventKey: string, e: MouseEvent) => void\r\n    disabled?: boolean\r\n    eventKey?: string\r\n}\r\n\r\ninterface DropdownSubItemProps extends CommonProps, DropdownSubItemSharedProps {\r\n    asElement?: ElementType\r\n    active?: boolean\r\n    ref?: Ref<HTMLElement>\r\n}\r\n\r\nconst DropdownSubMenu = (props: DropdownSubItemProps) => {\r\n    const {\r\n        asElement: Component = 'li',\r\n        children,\r\n        active: activeProp,\r\n        disabled,\r\n        className,\r\n        style,\r\n        eventKey,\r\n        onSelect,\r\n        ref = null,\r\n        ...rest\r\n    } = props\r\n\r\n    const { direction } = useConfig()\r\n\r\n    const dropdown = useContext(DropdownContext)\r\n\r\n    const menuitemRef = useUncertainRef<HTMLElement>(\r\n        ref,\r\n    ) as RefObject<HTMLElement | null>\r\n    const menuitemId = useUniqueId('menu-item-')\r\n\r\n    const active =\r\n        activeProp ||\r\n        (!isNil(dropdown?.activeKey) && dropdown?.activeKey === eventKey)\r\n\r\n    return (\r\n        <ul style={style} className=\"relative\" {...rest}>\r\n            <MenuItem\r\n                ref={menuitemRef}\r\n                disabled={disabled}\r\n                asElement={Component}\r\n                id={menuitemId}\r\n                isActive={active}\r\n                eventKey={eventKey}\r\n                className={classNames('dropdown-submenu-item', className)}\r\n                onSelect={onSelect}\r\n            >\r\n                <span>{children}</span>\r\n                {direction === 'rtl' ? <TbChevronLeft /> : <TbChevronRight />}\r\n            </MenuItem>\r\n        </ul>\r\n    )\r\n}\r\n\r\nexport default DropdownSubMenu\r\n"],"names":[],"mappings":";;;;;;;;;;;AAyBA,MAAM,kBAAkB,CAAC,UAAgC;AACrD,QAAM;AAAA,IACF,WAAW,YAAY;AAAA,IACvB;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,EAAE,UAAA,IAAc,UAAA;AAEtB,QAAM,WAAW,WAAW,eAAe;AAE3C,QAAM,cAAc;AAAA,IAChB;AAAA,EAAA;AAEJ,QAAM,aAAa,YAAY,YAAY;AAE3C,QAAM,SACF,cACC,CAAC,MAAM,UAAU,SAAS,KAAK,UAAU,cAAc;AAE5D,6BACK,MAAA,EAAG,OAAc,WAAU,YAAY,GAAG,MACvC,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAK;AAAA,MACL;AAAA,MACA,WAAW;AAAA,MACX,IAAI;AAAA,MACJ,UAAU;AAAA,MACV;AAAA,MACA,WAAW,WAAW,yBAAyB,SAAS;AAAA,MACxD;AAAA,MAEA,UAAA;AAAA,QAAA,oBAAC,UAAM,UAAS;AAAA,QACf,cAAc,QAAQ,oBAAC,eAAA,CAAA,CAAc,wBAAM,gBAAA,CAAA,CAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEnE;AAER;"}

package/dist/@ecme/components/ui/Dropdown/DropdownToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownToggle.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownToggle.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport {\n    TbChevronDown,\n    TbChevronUp,\n    TbChevronRight,\n    TbChevronLeft,\n} from 'react-icons/tb'\nimport type { CommonProps } from '../@types/common'\nimport type { Placement } from '@floating-ui/react'\nimport type { ReactNode, HTMLProps, Ref } from 'react'\n\nexport interface DropdownToggleSharedProps {\n    renderTitle?: ReactNode\n    placement?: Placement\n    toggleClassName?: string\n    disabled?: boolean\n}\n\ninterface DropdownToggleProps extends CommonProps, DropdownToggleSharedProps {\n    id?: string\n    ref?: Ref<HTMLDivElement>\n}\n\nconst DropdownToggleDefaultContent = ({\n    placement,\n    children,\n}: {\n    placement: Placement\n    children: string | ReactNode\n}) => {\n    if (placement && placement.includes('right')) {\n        return (\n            <>\n                {children}\n                <TbChevronRight />\n            </>\n        )\n    }\n\n    if (placement && placement.includes('left')) {\n        return (\n            <>\n                <TbChevronLeft />\n                {children}\n            </>\n        )\n    }\n\n    if (placement && placement.includes('right')) {\n        return (\n            <>\n                {children}\n                <TbChevronUp />\n            </>\n        )\n    }\n\n    return (\n        <>\n            {children}\n            <TbChevronDown />\n        </>\n    )\n}\n\nconst DropdownToggle = (\n    props: DropdownToggleProps & HTMLProps<HTMLDivElement>,\n) => {\n    const {\n        className,\n        renderTitle,\n        children,\n        placement = 'bottom-start',\n        disabled,\n        ref,\n        toggleClassName,\n        ...rest\n    } = props\n\n    const toggleClass = 'dropdown-toggle'\n    const disabledClass = 'dropdown-toggle-disabled'\n\n    const dropdownToggleClass = classNames(\n        toggleClass,\n        className,\n        toggleClassName,\n        disabled && disabledClass,\n    )\n\n    const dropdownToggleDefaultClass = classNames(\n        dropdownToggleClass,\n        'dropdown-toggle-default',\n    )\n\n    if (renderTitle) {\n        return (\n            <div className={dropdownToggleClass} {...rest} ref={ref}>\n                {renderTitle}\n            </div>\n        )\n    }\n\n    return (\n        <div ref={ref} className={dropdownToggleDefaultClass} {...rest}>\n            <span className=\"flex items-center gap-1\">\n                <DropdownToggleDefaultContent placement={placement}>\n                    {children}\n                </DropdownToggleDefaultContent>\n            </span>\n        </div>\n    )\n}\n\nexport default DropdownToggle\n"],"names":[],"mappings":";;;AAuBA,MAAM,+BAA+B,CAAC;AAAA,EAClC;AAAA,EACA;AACJ,MAGM;AACF,MAAI,aAAa,UAAU,SAAS,OAAO,GAAG;AAC1C,WACI,qBAAA,UAAA,EACK,UAAA;AAAA,MAAA;AAAA,0BACA,gBAAA,CAAA,CAAe;AAAA,IAAA,GACpB;AAAA,EAER;AAEA,MAAI,aAAa,UAAU,SAAS,MAAM,GAAG;AACzC,WACI,qBAAA,UAAA,EACI,UAAA;AAAA,MAAA,oBAAC,eAAA,EAAc;AAAA,MACd;AAAA,IAAA,GACL;AAAA,EAER;AAEA,MAAI,aAAa,UAAU,SAAS,OAAO,GAAG;AAC1C,WACI,qBAAA,UAAA,EACK,UAAA;AAAA,MAAA;AAAA,0BACA,aAAA,CAAA,CAAY;AAAA,IAAA,GACjB;AAAA,EAER;AAEA,SACI,qBAAA,UAAA,EACK,UAAA;AAAA,IAAA;AAAA,wBACA,eAAA,CAAA,CAAc;AAAA,EAAA,GACnB;AAER;AAEA,MAAM,iBAAiB,CACnB,UACC;AACD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,cAAc;AACpB,QAAM,gBAAgB;AAEtB,QAAM,sBAAsB;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,EAAA;AAGhB,QAAM,6BAA6B;AAAA,IAC/B;AAAA,IACA;AAAA,EAAA;AAGJ,MAAI,aAAa;AACb,+BACK,OAAA,EAAI,WAAW,qBAAsB,GAAG,MAAM,KAC1C,UAAA,aACL;AAAA,EAER;AAEA,6BACK,OAAA,EAAI,KAAU,WAAW,4BAA6B,GAAG,MACtD,UAAA,oBAAC,QAAA,EAAK,WAAU,2BACZ,UAAA,oBAAC,8BAAA,EAA6B,WACzB,SAAA,CACL,GACJ,GACJ;AAER;"}
+{"version":3,"file":"DropdownToggle.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/DropdownToggle.tsx"],"sourcesContent":["import classNames from 'classnames'\r\nimport {\r\n    TbChevronDown,\r\n    TbChevronUp,\r\n    TbChevronRight,\r\n    TbChevronLeft,\r\n} from 'react-icons/tb'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type { Placement } from '@floating-ui/react'\r\nimport type { ReactNode, HTMLProps, Ref } from 'react'\r\n\r\nexport interface DropdownToggleSharedProps {\r\n    renderTitle?: ReactNode\r\n    placement?: Placement\r\n    toggleClassName?: string\r\n    disabled?: boolean\r\n}\r\n\r\ninterface DropdownToggleProps extends CommonProps, DropdownToggleSharedProps {\r\n    id?: string\r\n    ref?: Ref<HTMLDivElement>\r\n}\r\n\r\nconst DropdownToggleDefaultContent = ({\r\n    placement,\r\n    children,\r\n}: {\r\n    placement: Placement\r\n    children: string | ReactNode\r\n}) => {\r\n    if (placement && placement.includes('right')) {\r\n        return (\r\n            <>\r\n                {children}\r\n                <TbChevronRight />\r\n            </>\r\n        )\r\n    }\r\n\r\n    if (placement && placement.includes('left')) {\r\n        return (\r\n            <>\r\n                <TbChevronLeft />\r\n                {children}\r\n            </>\r\n        )\r\n    }\r\n\r\n    if (placement && placement.includes('right')) {\r\n        return (\r\n            <>\r\n                {children}\r\n                <TbChevronUp />\r\n            </>\r\n        )\r\n    }\r\n\r\n    return (\r\n        <>\r\n            {children}\r\n            <TbChevronDown />\r\n        </>\r\n    )\r\n}\r\n\r\nconst DropdownToggle = (\r\n    props: DropdownToggleProps & HTMLProps<HTMLDivElement>,\r\n) => {\r\n    const {\r\n        className,\r\n        renderTitle,\r\n        children,\r\n        placement = 'bottom-start',\r\n        disabled,\r\n        ref,\r\n        toggleClassName,\r\n        ...rest\r\n    } = props\r\n\r\n    const toggleClass = 'dropdown-toggle'\r\n    const disabledClass = 'dropdown-toggle-disabled'\r\n\r\n    const dropdownToggleClass = classNames(\r\n        toggleClass,\r\n        className,\r\n        toggleClassName,\r\n        disabled && disabledClass,\r\n    )\r\n\r\n    const dropdownToggleDefaultClass = classNames(\r\n        dropdownToggleClass,\r\n        'dropdown-toggle-default',\r\n    )\r\n\r\n    if (renderTitle) {\r\n        return (\r\n            <div className={dropdownToggleClass} {...rest} ref={ref}>\r\n                {renderTitle}\r\n            </div>\r\n        )\r\n    }\r\n\r\n    return (\r\n        <div ref={ref} className={dropdownToggleDefaultClass} {...rest}>\r\n            <span className=\"flex items-center gap-1\">\r\n                <DropdownToggleDefaultContent placement={placement}>\r\n                    {children}\r\n                </DropdownToggleDefaultContent>\r\n            </span>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default DropdownToggle\r\n"],"names":[],"mappings":";;;AAuBA,MAAM,+BAA+B,CAAC;AAAA,EAClC;AAAA,EACA;AACJ,MAGM;AACF,MAAI,aAAa,UAAU,SAAS,OAAO,GAAG;AAC1C,WACI,qBAAA,UAAA,EACK,UAAA;AAAA,MAAA;AAAA,0BACA,gBAAA,CAAA,CAAe;AAAA,IAAA,GACpB;AAAA,EAER;AAEA,MAAI,aAAa,UAAU,SAAS,MAAM,GAAG;AACzC,WACI,qBAAA,UAAA,EACI,UAAA;AAAA,MAAA,oBAAC,eAAA,EAAc;AAAA,MACd;AAAA,IAAA,GACL;AAAA,EAER;AAEA,MAAI,aAAa,UAAU,SAAS,OAAO,GAAG;AAC1C,WACI,qBAAA,UAAA,EACK,UAAA;AAAA,MAAA;AAAA,0BACA,aAAA,CAAA,CAAY;AAAA,IAAA,GACjB;AAAA,EAER;AAEA,SACI,qBAAA,UAAA,EACK,UAAA;AAAA,IAAA;AAAA,wBACA,eAAA,CAAA,CAAc;AAAA,EAAA,GACnB;AAER;AAEA,MAAM,iBAAiB,CACnB,UACC;AACD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,cAAc;AACpB,QAAM,gBAAgB;AAEtB,QAAM,sBAAsB;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,EAAA;AAGhB,QAAM,6BAA6B;AAAA,IAC/B;AAAA,IACA;AAAA,EAAA;AAGJ,MAAI,aAAa;AACb,+BACK,OAAA,EAAI,WAAW,qBAAsB,GAAG,MAAM,KAC1C,UAAA,aACL;AAAA,EAER;AAEA,6BACK,OAAA,EAAI,KAAU,WAAW,4BAA6B,GAAG,MACtD,UAAA,oBAAC,QAAA,EAAK,WAAU,2BACZ,UAAA,oBAAC,8BAAA,EAA6B,WACzB,SAAA,CACL,GACJ,GACJ;AAER;"}

package/dist/@ecme/components/ui/Dropdown/context/dropdownContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdownContext.js","sources":["../../../../../../lib/@ecme/components/ui/Dropdown/context/dropdownContext.ts"],"sourcesContent":["import { createContext } from 'react'\n\nexport type DropdownContextProps = {\n    activeKey?: string\n}\n\nconst DropdownContext = createContext<DropdownContextProps>({})\n\nexport const DropdownContextProvider = DropdownContext.Provider\n\nexport default DropdownContext\n"],"names":[],"mappings":";AAMA,MAAM,kBAAkB,cAAoC,CAAA,CAAE;AAEvD,MAAM,0BAA0B,gBAAgB;"}
+{"version":3,"file":"dropdownContext.js","sources":["../../../../../../lib/@ecme/components/ui/Dropdown/context/dropdownContext.ts"],"sourcesContent":["import { createContext } from 'react'\r\n\r\nexport type DropdownContextProps = {\r\n    activeKey?: string\r\n}\r\n\r\nconst DropdownContext = createContext<DropdownContextProps>({})\r\n\r\nexport const DropdownContextProvider = DropdownContext.Provider\r\n\r\nexport default DropdownContext\r\n"],"names":[],"mappings":";AAMA,MAAM,kBAAkB,cAAoC,CAAA,CAAE;AAEvD,MAAM,0BAA0B,gBAAgB;"}

package/dist/@ecme/components/ui/Dropdown/context/menuContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuContext.js","sources":["../../../../../../lib/@ecme/components/ui/Dropdown/context/menuContext.ts"],"sourcesContent":["import { createContext } from 'react'\n\nexport type MenuContextProps = {\n    getItemProps: (\n        userProps?: React.HTMLProps<HTMLElement>,\n    ) => Record<string, unknown>\n    activeIndex: number | null\n    setActiveIndex: React.Dispatch<React.SetStateAction<number | null>>\n    setHasFocusInside: React.Dispatch<React.SetStateAction<boolean>>\n    isOpen: boolean\n}\n\nconst MenuContext = createContext<MenuContextProps>({\n    getItemProps: () => ({}),\n    activeIndex: null,\n    setActiveIndex: () => {},\n    setHasFocusInside: () => {},\n    isOpen: false,\n})\n\nexport const MenuContextProvider = MenuContext.Provider\n\nexport default MenuContext\n"],"names":[],"mappings":";AAYA,MAAM,cAAc,cAAgC;AAAA,EAChD,cAAc,OAAO,CAAA;AAAA,EACrB,aAAa;AAAA,EACb,gBAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,mBAAmB,MAAM;AAAA,EAAC;AAAA,EAC1B,QAAQ;AACZ,CAAC;AAEM,MAAM,sBAAsB,YAAY;"}
+{"version":3,"file":"menuContext.js","sources":["../../../../../../lib/@ecme/components/ui/Dropdown/context/menuContext.ts"],"sourcesContent":["import { createContext } from 'react'\r\n\r\nexport type MenuContextProps = {\r\n    getItemProps: (\r\n        userProps?: React.HTMLProps<HTMLElement>,\r\n    ) => Record<string, unknown>\r\n    activeIndex: number | null\r\n    setActiveIndex: React.Dispatch<React.SetStateAction<number | null>>\r\n    setHasFocusInside: React.Dispatch<React.SetStateAction<boolean>>\r\n    isOpen: boolean\r\n}\r\n\r\nconst MenuContext = createContext<MenuContextProps>({\r\n    getItemProps: () => ({}),\r\n    activeIndex: null,\r\n    setActiveIndex: () => {},\r\n    setHasFocusInside: () => {},\r\n    isOpen: false,\r\n})\r\n\r\nexport const MenuContextProvider = MenuContext.Provider\r\n\r\nexport default MenuContext\r\n"],"names":[],"mappings":";AAYA,MAAM,cAAc,cAAgC;AAAA,EAChD,cAAc,OAAO,CAAA;AAAA,EACrB,aAAa;AAAA,EACb,gBAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,mBAAmB,MAAM;AAAA,EAAC;AAAA,EAC1B,QAAQ;AACZ,CAAC;AAEM,MAAM,sBAAsB,YAAY;"}

package/dist/@ecme/components/ui/Dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/index.ts"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react'\nimport _Dropdown, { DropdownProps } from './Dropdown'\nimport DropdownItem from './DropdownItem'\nimport DropdownSub from './DropdownSub'\nimport type { DropdownRef } from './Dropdown'\n\nexport type { DropdownProps, DropdownRef } from './Dropdown'\nexport type { DropdownItemProps } from './DropdownItem'\nexport type { DropdownSubProps as DropdownMenuProps } from './DropdownSub'\n\ntype CompoundedComponent = ForwardRefExoticComponent<\n    DropdownProps & RefAttributes<DropdownRef>\n> & {\n    Item: typeof DropdownItem\n    Menu: typeof DropdownSub\n}\n\nconst Dropdown = _Dropdown as CompoundedComponent\n\nDropdown.Item = DropdownItem\nDropdown.Menu = DropdownSub\n\nexport { Dropdown }\n\nexport default Dropdown\n"],"names":["_Dropdown"],"mappings":";;;AAiBA,MAAM,WAAWA;AAEjB,SAAS,OAAO;AAChB,SAAS,OAAO;"}
+{"version":3,"file":"index.js","sources":["../../../../../lib/@ecme/components/ui/Dropdown/index.ts"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react'\r\nimport _Dropdown, { DropdownProps } from './Dropdown'\r\nimport DropdownItem from './DropdownItem'\r\nimport DropdownSub from './DropdownSub'\r\nimport type { DropdownRef } from './Dropdown'\r\n\r\nexport type { DropdownProps, DropdownRef } from './Dropdown'\r\nexport type { DropdownItemProps } from './DropdownItem'\r\nexport type { DropdownSubProps as DropdownMenuProps } from './DropdownSub'\r\n\r\ntype CompoundedComponent = ForwardRefExoticComponent<\r\n    DropdownProps & RefAttributes<DropdownRef>\r\n> & {\r\n    Item: typeof DropdownItem\r\n    Menu: typeof DropdownSub\r\n}\r\n\r\nconst Dropdown = _Dropdown as CompoundedComponent\r\n\r\nDropdown.Item = DropdownItem\r\nDropdown.Menu = DropdownSub\r\n\r\nexport { Dropdown }\r\n\r\nexport default Dropdown\r\n"],"names":["_Dropdown"],"mappings":";;;AAiBA,MAAM,WAAWA;AAEjB,SAAS,OAAO;AAChB,SAAS,OAAO;"}

package/dist/@ecme/components/ui/Form/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../../../lib/@ecme/components/ui/Form/Form.tsx"],"sourcesContent":["import FormContainer from './FormContainer'\nimport type { ComponentPropsWithoutRef, Ref } from 'react'\nimport type { FormContainerProps } from './FormContainer'\n\nexport type FormProps = ComponentPropsWithoutRef<'form'> &\n    FormContainerProps & {\n        containerClassName?: string\n        ref?: Ref<HTMLFormElement>\n    }\n\nexport const Form = (props: FormProps) => {\n    const {\n        children,\n        containerClassName,\n        labelWidth,\n        layout,\n        size,\n        ref,\n        ...rest\n    } = props\n\n    return (\n        <form ref={ref} {...rest}>\n            <FormContainer\n                className={containerClassName}\n                labelWidth={labelWidth}\n                layout={layout}\n                size={size}\n            >\n                {children}\n            </FormContainer>\n        </form>\n    )\n}\n\nexport default Form\n"],"names":[],"mappings":";;AAUO,MAAM,OAAO,CAAC,UAAqB;AACtC,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,SACI,oBAAC,QAAA,EAAK,KAAW,GAAG,MAChB,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA,GAET;AAER;"}
+{"version":3,"file":"Form.js","sources":["../../../../../lib/@ecme/components/ui/Form/Form.tsx"],"sourcesContent":["import FormContainer from './FormContainer'\r\nimport type { ComponentPropsWithoutRef, Ref } from 'react'\r\nimport type { FormContainerProps } from './FormContainer'\r\n\r\nexport type FormProps = ComponentPropsWithoutRef<'form'> &\r\n    FormContainerProps & {\r\n        containerClassName?: string\r\n        ref?: Ref<HTMLFormElement>\r\n    }\r\n\r\nexport const Form = (props: FormProps) => {\r\n    const {\r\n        children,\r\n        containerClassName,\r\n        labelWidth,\r\n        layout,\r\n        size,\r\n        ref,\r\n        ...rest\r\n    } = props\r\n\r\n    return (\r\n        <form ref={ref} {...rest}>\r\n            <FormContainer\r\n                className={containerClassName}\r\n                labelWidth={labelWidth}\r\n                layout={layout}\r\n                size={size}\r\n            >\r\n                {children}\r\n            </FormContainer>\r\n        </form>\r\n    )\r\n}\r\n\r\nexport default Form\r\n"],"names":[],"mappings":";;AAUO,MAAM,OAAO,CAAC,UAAqB;AACtC,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,SACI,oBAAC,QAAA,EAAK,KAAW,GAAG,MAChB,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA,GAET;AAER;"}

package/dist/@ecme/components/ui/Form/FormContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormContainer.js","sources":["../../../../../lib/@ecme/components/ui/Form/FormContainer.tsx"],"sourcesContent":["import { FormContextProvider, FormContextConsumer } from './context'\nimport { useConfig } from '../ConfigProvider'\nimport classNames from 'classnames'\nimport { SIZES, LAYOUT } from '../utils/constants'\nimport type { FormContextProps } from './context'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\n\nexport interface FormContainerProps extends CommonProps {\n    size?: TypeAttributes.ControlSize\n    layout?: TypeAttributes.FormLayout\n    labelWidth?: string | number\n}\n\nconst FormContainer = (props: FormContainerProps) => {\n    const { controlSize } = useConfig()\n\n    const {\n        children,\n        className,\n        labelWidth = 100,\n        layout = LAYOUT.VERTICAL,\n        size = SIZES.MD,\n    } = props\n\n    const contextValue = {\n        labelWidth,\n        layout,\n        size: size || controlSize,\n    }\n\n    return (\n        <FormContextProvider value={contextValue as FormContextProps}>\n            <FormContextConsumer>\n                {(context) => {\n                    return (\n                        <div\n                            className={classNames(\n                                'form-container',\n                                context?.layout,\n                                className,\n                            )}\n                        >\n                            {children}\n                        </div>\n                    )\n                }}\n            </FormContextConsumer>\n        </FormContextProvider>\n    )\n}\n\nFormContainer.displayName = 'FormContainer'\n\nexport default FormContainer\n"],"names":[],"mappings":";;;;;;AAaA,MAAM,gBAAgB,CAAC,UAA8B;AACjD,QAAM,EAAE,YAAA,IAAgB,UAAA;AAExB,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,SAAS,OAAO;AAAA,IAChB,OAAO,MAAM;AAAA,EAAA,IACb;AAEJ,QAAM,eAAe;AAAA,IACjB;AAAA,IACA;AAAA,IACA,MAAM,QAAQ;AAAA,EAAA;AAGlB,6BACK,qBAAA,EAAoB,OAAO,cACxB,UAAA,oBAAC,qBAAA,EACI,WAAC,YAAY;AACV,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA,SAAS;AAAA,UACT;AAAA,QAAA;AAAA,QAGH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb,GACJ,EAAA,CACJ;AAER;AAEA,cAAc,cAAc;"}
+{"version":3,"file":"FormContainer.js","sources":["../../../../../lib/@ecme/components/ui/Form/FormContainer.tsx"],"sourcesContent":["import { FormContextProvider, FormContextConsumer } from './context'\r\nimport { useConfig } from '../ConfigProvider'\r\nimport classNames from 'classnames'\r\nimport { SIZES, LAYOUT } from '../utils/constants'\r\nimport type { FormContextProps } from './context'\r\nimport type { CommonProps, TypeAttributes } from '../@types/common'\r\n\r\nexport interface FormContainerProps extends CommonProps {\r\n    size?: TypeAttributes.ControlSize\r\n    layout?: TypeAttributes.FormLayout\r\n    labelWidth?: string | number\r\n}\r\n\r\nconst FormContainer = (props: FormContainerProps) => {\r\n    const { controlSize } = useConfig()\r\n\r\n    const {\r\n        children,\r\n        className,\r\n        labelWidth = 100,\r\n        layout = LAYOUT.VERTICAL,\r\n        size = SIZES.MD,\r\n    } = props\r\n\r\n    const contextValue = {\r\n        labelWidth,\r\n        layout,\r\n        size: size || controlSize,\r\n    }\r\n\r\n    return (\r\n        <FormContextProvider value={contextValue as FormContextProps}>\r\n            <FormContextConsumer>\r\n                {(context) => {\r\n                    return (\r\n                        <div\r\n                            className={classNames(\r\n                                'form-container',\r\n                                context?.layout,\r\n                                className,\r\n                            )}\r\n                        >\r\n                            {children}\r\n                        </div>\r\n                    )\r\n                }}\r\n            </FormContextConsumer>\r\n        </FormContextProvider>\r\n    )\r\n}\r\n\r\nFormContainer.displayName = 'FormContainer'\r\n\r\nexport default FormContainer\r\n"],"names":[],"mappings":";;;;;;AAaA,MAAM,gBAAgB,CAAC,UAA8B;AACjD,QAAM,EAAE,YAAA,IAAgB,UAAA;AAExB,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,SAAS,OAAO;AAAA,IAChB,OAAO,MAAM;AAAA,EAAA,IACb;AAEJ,QAAM,eAAe;AAAA,IACjB;AAAA,IACA;AAAA,IACA,MAAM,QAAQ;AAAA,EAAA;AAGlB,6BACK,qBAAA,EAAoB,OAAO,cACxB,UAAA,oBAAC,qBAAA,EACI,WAAC,YAAY;AACV,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA,SAAS;AAAA,UACT;AAAA,QAAA;AAAA,QAGH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGb,GACJ,EAAA,CACJ;AAER;AAEA,cAAc,cAAc;"}

package/dist/@ecme/components/ui/Form/FormItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormItem.js","sources":["../../../../../lib/@ecme/components/ui/Form/FormItem.tsx"],"sourcesContent":["import classNames from '../utils/classNames'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport { useForm, FormItemContextProvider } from './context'\nimport { useConfig } from '../ConfigProvider'\nimport { CONTROL_SIZES, LAYOUT } from '../utils/constants'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { ReactNode, Ref } from 'react'\n\nexport interface FormItemProps extends CommonProps {\n    asterisk?: boolean\n    errorMessage?: string\n    extra?: string | ReactNode\n    htmlFor?: string\n    invalid?: boolean\n    label?: string\n    labelClass?: string\n    labelWidth?: string | number\n    layout?: TypeAttributes.FormLayout\n    ref?: Ref<HTMLDivElement>\n    size?: TypeAttributes.ControlSize\n}\n\nconst FormItem = (props: FormItemProps) => {\n    const {\n        asterisk,\n        children,\n        className,\n        errorMessage,\n        extra,\n        htmlFor,\n        invalid,\n        label,\n        labelClass,\n        labelWidth,\n        layout,\n        ref,\n        style,\n        size,\n    } = props\n\n    const formContext = useForm()\n    const { controlSize } = useConfig()\n\n    const formItemLabelHeight = size || formContext?.size || controlSize\n    const formItemLabelWidth = labelWidth || formContext?.labelWidth\n    const formItemLayout = layout || formContext?.layout || 'vertical'\n\n    const getFormLabelLayoutClass = () => {\n        switch (formItemLayout) {\n            case LAYOUT.HORIZONTAL:\n                return label\n                    ? `${CONTROL_SIZES[formItemLabelHeight].h} ${\n                          label && 'ltr:pr-2 rtl:pl-2'\n                      }`\n                    : 'ltr:pr-2 rtl:pl-2'\n            case LAYOUT.VERTICAL:\n                return `mb-2`\n            case LAYOUT.INLINE:\n                return `${CONTROL_SIZES[formItemLabelHeight].h} ${\n                    label && 'ltr:pr-2 rtl:pl-2'\n                }`\n            default:\n                return ''\n        }\n    }\n\n    const formItemClass = classNames(\n        'form-item',\n        formItemLayout,\n        className,\n        invalid ? 'invalid' : '',\n    )\n\n    const formLabelClass = classNames(\n        'form-label',\n        label && getFormLabelLayoutClass(),\n        labelClass,\n    )\n\n    const formLabelStyle = () => {\n        if (formItemLayout === LAYOUT.HORIZONTAL) {\n            return { ...style, ...{ minWidth: formItemLabelWidth } }\n        }\n\n        return { ...style }\n    }\n\n    const enterStyle = { opacity: 1, marginTop: 3, bottom: -21 }\n    const exitStyle = { opacity: 0, marginTop: -10 }\n    const initialStyle = exitStyle\n\n    return (\n        <FormItemContextProvider value={{ invalid }}>\n            <div ref={ref} className={formItemClass}>\n                <label\n                    htmlFor={htmlFor}\n                    className={formLabelClass}\n                    style={formLabelStyle()}\n                >\n                    {asterisk && (\n                        <span className=\"text-red-500 ltr:mr-1 rtl:ml-1\">\n                            *\n                        </span>\n                    )}\n                    {label}\n                    {extra && <span>{extra}</span>}\n                    {label && formItemLayout !== 'vertical' && ':'}\n                </label>\n                <div\n                    className={\n                        formItemLayout === LAYOUT.HORIZONTAL\n                            ? 'w-full flex flex-col justify-center relative'\n                            : ''\n                    }\n                >\n                    {children}\n                    <AnimatePresence mode=\"wait\">\n                        {invalid && (\n                            <motion.div\n                                className=\"form-explain\"\n                                initial={initialStyle}\n                                animate={enterStyle}\n                                exit={exitStyle}\n                                transition={{ duration: 0.15, type: 'tween' }}\n                            >\n                                {errorMessage}\n                            </motion.div>\n                        )}\n                    </AnimatePresence>\n                </div>\n            </div>\n        </FormItemContextProvider>\n    )\n}\n\nexport default FormItem\n"],"names":[],"mappings":";;;;;;;AAsBA,MAAM,WAAW,CAAC,UAAyB;AACvC,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;AAEJ,QAAM,cAAc,QAAA;AACpB,QAAM,EAAE,YAAA,IAAgB,UAAA;AAExB,QAAM,sBAAsB,QAAQ,aAAa,QAAQ;AACzD,QAAM,qBAAqB,cAAc,aAAa;AACtD,QAAM,iBAAiB,UAAU,aAAa,UAAU;AAExD,QAAM,0BAA0B,MAAM;AAClC,YAAQ,gBAAA;AAAA,MACJ,KAAK,OAAO;AACR,eAAO,QACD,GAAG,cAAc,mBAAmB,EAAE,CAAC,IACnC,SAAS,mBACb,KACA;AAAA,MACV,KAAK,OAAO;AACR,eAAO;AAAA,MACX,KAAK,OAAO;AACR,eAAO,GAAG,cAAc,mBAAmB,EAAE,CAAC,IAC1C,SAAS,mBACb;AAAA,MACJ;AACI,eAAO;AAAA,IAAA;AAAA,EAEnB;AAEA,QAAM,gBAAgB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,YAAY;AAAA,EAAA;AAG1B,QAAM,iBAAiB;AAAA,IACnB;AAAA,IACA,SAAS,wBAAA;AAAA,IACT;AAAA,EAAA;AAGJ,QAAM,iBAAiB,MAAM;AACzB,QAAI,mBAAmB,OAAO,YAAY;AACtC,aAAO,EAAE,GAAG,OAAO,GAAG,EAAE,UAAU,qBAAmB;AAAA,IACzD;AAEA,WAAO,EAAE,GAAG,MAAA;AAAA,EAChB;AAEA,QAAM,aAAa,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,IAAA;AACvD,QAAM,YAAY,EAAE,SAAS,GAAG,WAAW,IAAA;AAC3C,QAAM,eAAe;AAErB,SACI,oBAAC,yBAAA,EAAwB,OAAO,EAAE,QAAA,GAC9B,UAAA,qBAAC,OAAA,EAAI,KAAU,WAAW,eACtB,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA,WAAW;AAAA,QACX,OAAO,eAAA;AAAA,QAEN,UAAA;AAAA,UAAA,YACG,oBAAC,QAAA,EAAK,WAAU,kCAAiC,UAAA,KAEjD;AAAA,UAEH;AAAA,UACA,SAAS,oBAAC,QAAA,EAAM,UAAA,MAAA,CAAM;AAAA,UACtB,SAAS,mBAAmB,cAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAE/C;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WACI,mBAAmB,OAAO,aACpB,iDACA;AAAA,QAGT,UAAA;AAAA,UAAA;AAAA,UACD,oBAAC,iBAAA,EAAgB,MAAK,QACjB,UAAA,WACG;AAAA,YAAC,OAAO;AAAA,YAAP;AAAA,cACG,WAAU;AAAA,cACV,SAAS;AAAA,cACT,SAAS;AAAA,cACT,MAAM;AAAA,cACN,YAAY,EAAE,UAAU,MAAM,MAAM,QAAA;AAAA,cAEnC,UAAA;AAAA,YAAA;AAAA,UAAA,EACL,CAER;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,EAAA,CACJ,EAAA,CACJ;AAER;"}
+{"version":3,"file":"FormItem.js","sources":["../../../../../lib/@ecme/components/ui/Form/FormItem.tsx"],"sourcesContent":["import classNames from '../utils/classNames'\r\nimport { motion, AnimatePresence } from 'framer-motion'\r\nimport { useForm, FormItemContextProvider } from './context'\r\nimport { useConfig } from '../ConfigProvider'\r\nimport { CONTROL_SIZES, LAYOUT } from '../utils/constants'\r\nimport type { CommonProps, TypeAttributes } from '../@types/common'\r\nimport type { ReactNode, Ref } from 'react'\r\n\r\nexport interface FormItemProps extends CommonProps {\r\n    asterisk?: boolean\r\n    errorMessage?: string\r\n    extra?: string | ReactNode\r\n    htmlFor?: string\r\n    invalid?: boolean\r\n    label?: string\r\n    labelClass?: string\r\n    labelWidth?: string | number\r\n    layout?: TypeAttributes.FormLayout\r\n    ref?: Ref<HTMLDivElement>\r\n    size?: TypeAttributes.ControlSize\r\n}\r\n\r\nconst FormItem = (props: FormItemProps) => {\r\n    const {\r\n        asterisk,\r\n        children,\r\n        className,\r\n        errorMessage,\r\n        extra,\r\n        htmlFor,\r\n        invalid,\r\n        label,\r\n        labelClass,\r\n        labelWidth,\r\n        layout,\r\n        ref,\r\n        style,\r\n        size,\r\n    } = props\r\n\r\n    const formContext = useForm()\r\n    const { controlSize } = useConfig()\r\n\r\n    const formItemLabelHeight = size || formContext?.size || controlSize\r\n    const formItemLabelWidth = labelWidth || formContext?.labelWidth\r\n    const formItemLayout = layout || formContext?.layout || 'vertical'\r\n\r\n    const getFormLabelLayoutClass = () => {\r\n        switch (formItemLayout) {\r\n            case LAYOUT.HORIZONTAL:\r\n                return label\r\n                    ? `${CONTROL_SIZES[formItemLabelHeight].h} ${\r\n                          label && 'ltr:pr-2 rtl:pl-2'\r\n                      }`\r\n                    : 'ltr:pr-2 rtl:pl-2'\r\n            case LAYOUT.VERTICAL:\r\n                return `mb-2`\r\n            case LAYOUT.INLINE:\r\n                return `${CONTROL_SIZES[formItemLabelHeight].h} ${\r\n                    label && 'ltr:pr-2 rtl:pl-2'\r\n                }`\r\n            default:\r\n                return ''\r\n        }\r\n    }\r\n\r\n    const formItemClass = classNames(\r\n        'form-item',\r\n        formItemLayout,\r\n        className,\r\n        invalid ? 'invalid' : '',\r\n    )\r\n\r\n    const formLabelClass = classNames(\r\n        'form-label',\r\n        label && getFormLabelLayoutClass(),\r\n        labelClass,\r\n    )\r\n\r\n    const formLabelStyle = () => {\r\n        if (formItemLayout === LAYOUT.HORIZONTAL) {\r\n            return { ...style, ...{ minWidth: formItemLabelWidth } }\r\n        }\r\n\r\n        return { ...style }\r\n    }\r\n\r\n    const enterStyle = { opacity: 1, marginTop: 3, bottom: -21 }\r\n    const exitStyle = { opacity: 0, marginTop: -10 }\r\n    const initialStyle = exitStyle\r\n\r\n    return (\r\n        <FormItemContextProvider value={{ invalid }}>\r\n            <div ref={ref} className={formItemClass}>\r\n                <label\r\n                    htmlFor={htmlFor}\r\n                    className={formLabelClass}\r\n                    style={formLabelStyle()}\r\n                >\r\n                    {asterisk && (\r\n                        <span className=\"text-red-500 ltr:mr-1 rtl:ml-1\">\r\n                            *\r\n                        </span>\r\n                    )}\r\n                    {label}\r\n                    {extra && <span>{extra}</span>}\r\n                    {label && formItemLayout !== 'vertical' && ':'}\r\n                </label>\r\n                <div\r\n                    className={\r\n                        formItemLayout === LAYOUT.HORIZONTAL\r\n                            ? 'w-full flex flex-col justify-center relative'\r\n                            : ''\r\n                    }\r\n                >\r\n                    {children}\r\n                    <AnimatePresence mode=\"wait\">\r\n                        {invalid && (\r\n                            <motion.div\r\n                                className=\"form-explain\"\r\n                                initial={initialStyle}\r\n                                animate={enterStyle}\r\n                                exit={exitStyle}\r\n                                transition={{ duration: 0.15, type: 'tween' }}\r\n                            >\r\n                                {errorMessage}\r\n                            </motion.div>\r\n                        )}\r\n                    </AnimatePresence>\r\n                </div>\r\n            </div>\r\n        </FormItemContextProvider>\r\n    )\r\n}\r\n\r\nexport default FormItem\r\n"],"names":[],"mappings":";;;;;;;AAsBA,MAAM,WAAW,CAAC,UAAyB;AACvC,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;AAEJ,QAAM,cAAc,QAAA;AACpB,QAAM,EAAE,YAAA,IAAgB,UAAA;AAExB,QAAM,sBAAsB,QAAQ,aAAa,QAAQ;AACzD,QAAM,qBAAqB,cAAc,aAAa;AACtD,QAAM,iBAAiB,UAAU,aAAa,UAAU;AAExD,QAAM,0BAA0B,MAAM;AAClC,YAAQ,gBAAA;AAAA,MACJ,KAAK,OAAO;AACR,eAAO,QACD,GAAG,cAAc,mBAAmB,EAAE,CAAC,IACnC,SAAS,mBACb,KACA;AAAA,MACV,KAAK,OAAO;AACR,eAAO;AAAA,MACX,KAAK,OAAO;AACR,eAAO,GAAG,cAAc,mBAAmB,EAAE,CAAC,IAC1C,SAAS,mBACb;AAAA,MACJ;AACI,eAAO;AAAA,IAAA;AAAA,EAEnB;AAEA,QAAM,gBAAgB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,YAAY;AAAA,EAAA;AAG1B,QAAM,iBAAiB;AAAA,IACnB;AAAA,IACA,SAAS,wBAAA;AAAA,IACT;AAAA,EAAA;AAGJ,QAAM,iBAAiB,MAAM;AACzB,QAAI,mBAAmB,OAAO,YAAY;AACtC,aAAO,EAAE,GAAG,OAAO,GAAG,EAAE,UAAU,qBAAmB;AAAA,IACzD;AAEA,WAAO,EAAE,GAAG,MAAA;AAAA,EAChB;AAEA,QAAM,aAAa,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,IAAA;AACvD,QAAM,YAAY,EAAE,SAAS,GAAG,WAAW,IAAA;AAC3C,QAAM,eAAe;AAErB,SACI,oBAAC,yBAAA,EAAwB,OAAO,EAAE,QAAA,GAC9B,UAAA,qBAAC,OAAA,EAAI,KAAU,WAAW,eACtB,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA,WAAW;AAAA,QACX,OAAO,eAAA;AAAA,QAEN,UAAA;AAAA,UAAA,YACG,oBAAC,QAAA,EAAK,WAAU,kCAAiC,UAAA,KAEjD;AAAA,UAEH;AAAA,UACA,SAAS,oBAAC,QAAA,EAAM,UAAA,MAAA,CAAM;AAAA,UACtB,SAAS,mBAAmB,cAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAE/C;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WACI,mBAAmB,OAAO,aACpB,iDACA;AAAA,QAGT,UAAA;AAAA,UAAA;AAAA,UACD,oBAAC,iBAAA,EAAgB,MAAK,QACjB,UAAA,WACG;AAAA,YAAC,OAAO;AAAA,YAAP;AAAA,cACG,WAAU;AAAA,cACV,SAAS;AAAA,cACT,SAAS;AAAA,cACT,MAAM;AAAA,cACN,YAAY,EAAE,UAAU,MAAM,MAAM,QAAA;AAAA,cAEnC,UAAA;AAAA,YAAA;AAAA,UAAA,EACL,CAER;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,EAAA,CACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/components/ui/Form/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../lib/@ecme/components/ui/Form/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { TypeAttributes } from '../@types/common'\n\nexport type FormContextProps = {\n    size?: TypeAttributes.ControlSize\n    layout?: TypeAttributes.FormLayout\n    labelWidth?: string | number\n}\n\nconst FormContext = createContext<FormContextProps | null>(null)\n\nexport const FormContextProvider = FormContext.Provider\n\nexport const FormContextConsumer = FormContext.Consumer\n\nexport function useForm() {\n    return useContext(FormContext)\n}\n\nexport type FormItemContextProps = {\n    invalid?: boolean\n}\n\nconst FormItemContext = createContext<FormItemContextProps | null>(null)\n\nexport const FormItemContextProvider = FormItemContext.Provider\n\nexport const FormItemContextConsumer = FormItemContext.Consumer\n\nexport function useFormItem() {\n    return useContext(FormItemContext)\n}\n\nexport default FormContext\n"],"names":[],"mappings":";AASA,MAAM,cAAc,cAAuC,IAAI;AAExD,MAAM,sBAAsB,YAAY;AAExC,MAAM,sBAAsB,YAAY;AAExC,SAAS,UAAU;AACtB,SAAO,WAAW,WAAW;AACjC;AAMA,MAAM,kBAAkB,cAA2C,IAAI;AAEhE,MAAM,0BAA0B,gBAAgB;AAEhD,MAAM,0BAA0B,gBAAgB;AAEhD,SAAS,cAAc;AAC1B,SAAO,WAAW,eAAe;AACrC;"}
+{"version":3,"file":"context.js","sources":["../../../../../lib/@ecme/components/ui/Form/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\r\nimport type { TypeAttributes } from '../@types/common'\r\n\r\nexport type FormContextProps = {\r\n    size?: TypeAttributes.ControlSize\r\n    layout?: TypeAttributes.FormLayout\r\n    labelWidth?: string | number\r\n}\r\n\r\nconst FormContext = createContext<FormContextProps | null>(null)\r\n\r\nexport const FormContextProvider = FormContext.Provider\r\n\r\nexport const FormContextConsumer = FormContext.Consumer\r\n\r\nexport function useForm() {\r\n    return useContext(FormContext)\r\n}\r\n\r\nexport type FormItemContextProps = {\r\n    invalid?: boolean\r\n}\r\n\r\nconst FormItemContext = createContext<FormItemContextProps | null>(null)\r\n\r\nexport const FormItemContextProvider = FormItemContext.Provider\r\n\r\nexport const FormItemContextConsumer = FormItemContext.Consumer\r\n\r\nexport function useFormItem() {\r\n    return useContext(FormItemContext)\r\n}\r\n\r\nexport default FormContext\r\n"],"names":[],"mappings":";AASA,MAAM,cAAc,cAAuC,IAAI;AAExD,MAAM,sBAAsB,YAAY;AAExC,MAAM,sBAAsB,YAAY;AAExC,SAAS,UAAU;AACtB,SAAO,WAAW,WAAW;AACjC;AAMA,MAAM,kBAAkB,cAA2C,IAAI;AAEhE,MAAM,0BAA0B,gBAAgB;AAEhD,MAAM,0BAA0B,gBAAgB;AAEhD,SAAS,cAAc;AAC1B,SAAO,WAAW,eAAe;AACrC;"}

package/dist/@ecme/components/ui/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../../lib/@ecme/components/ui/Input/Input.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from \"react\";\nimport classNames from \"classnames\";\nimport { useConfig } from \"../ConfigProvider\";\nimport { useForm, useFormItem } from \"../Form/context\";\nimport { useInputGroup } from \"../InputGroup/context\";\nimport { CONTROL_SIZES } from \"../utils/constants\";\nimport isNil from \"lodash/isNil\";\nimport type { CommonProps, TypeAttributes } from \"../@types/common\";\nimport type {\n  InputHTMLAttributes,\n  ElementType,\n  ReactNode,\n  HTMLInputTypeAttribute,\n  ClassAttributes,\n  Ref,\n} from \"react\";\n\nexport interface InputProps\n  extends CommonProps,\n    Omit<\n      InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>,\n      \"size\" | \"prefix\"\n    > {\n  asElement?: ElementType;\n  disabled?: boolean;\n  invalid?: boolean;\n  prefix?: string | ReactNode;\n  rows?: number;\n  ref?: Ref<ElementType | HTMLInputElement | HTMLTextAreaElement>;\n  size?: TypeAttributes.ControlSize;\n  suffix?: string | ReactNode;\n  textArea?: boolean;\n  type?: HTMLInputTypeAttribute;\n  unstyle?: boolean;\n  disallowWhitespaceOnly?: boolean;\n}\n\nconst Input = (props: InputProps) => {\n  const {\n    asElement: Component = \"input\",\n    className,\n    disabled,\n    invalid,\n    prefix,\n    size,\n    suffix,\n    textArea,\n    type = \"text\",\n    ref,\n    rows,\n    style,\n    unstyle = false,\n    disallowWhitespaceOnly = false,\n    ...rest\n  } = props;\n\n  const [prefixGutter, setPrefixGutter] = useState(0);\n  const [suffixGutter, setSuffixGutter] = useState(0);\n\n  const { controlSize, direction } = useConfig();\n  const formControlSize = useForm()?.size;\n  const formItemInvalid = useFormItem()?.invalid;\n  const inputGroupSize = useInputGroup()?.size;\n\n  const inputSize = size || inputGroupSize || formControlSize || controlSize;\n\n  const isInputInvalid = invalid || formItemInvalid;\n\n  const fixControlledValue = (\n    val: string | number | readonly string[] | undefined\n  ) => {\n    if (typeof val === \"undefined\" || val === null) {\n      return \"\";\n    }\n    return val;\n  };\n\n  if (\"value\" in props) {\n    rest.value = fixControlledValue(props.value);\n    delete rest.defaultValue;\n  }\n\n  const inputDefaultClass = \"input\";\n  const inputSizeClass = `input-${inputSize} ${CONTROL_SIZES[inputSize].h}`;\n  const inputFocusClass = `focus:ring-primary focus-within:ring-primary focus-within:border-primary focus:border-primary`;\n  const inputWrapperClass = classNames(\n    \"input-wrapper\",\n    prefix || suffix ? className : \"\"\n  );\n  const inputClass = classNames(\n    inputDefaultClass,\n    !textArea && inputSizeClass,\n    !isInputInvalid && inputFocusClass,\n    !prefix && !suffix ? className : \"\",\n    disabled && \"input-disabled\",\n    isInputInvalid && \"input-invalid\",\n    textArea && \"input-textarea\"\n  );\n\n  const prefixNode = useRef<HTMLDivElement>(null);\n  const suffixNode = useRef<HTMLDivElement>(null);\n\n  const getAffixSize = () => {\n    if (!prefixNode.current && !suffixNode.current) {\n      return;\n    }\n    const prefixNodeWidth = prefixNode?.current?.offsetWidth;\n    const suffixNodeWidth = suffixNode?.current?.offsetWidth;\n\n    if (isNil(prefixNodeWidth) && isNil(suffixNodeWidth)) {\n      return;\n    }\n\n    if (prefixNodeWidth) {\n      setPrefixGutter(prefixNodeWidth);\n    }\n\n    if (suffixNodeWidth) {\n      setSuffixGutter(suffixNodeWidth);\n    }\n  };\n\n  useEffect(() => {\n    getAffixSize();\n  }, [prefix, suffix]);\n\n  const remToPxConvertion = (pixel: number) => 0.0625 * pixel;\n\n  const affixGutterStyle = () => {\n    const leftGutter = `${remToPxConvertion(prefixGutter) + 1}rem`;\n    const rightGutter = `${remToPxConvertion(suffixGutter) + 1}rem`;\n    const gutterStyle: {\n      paddingLeft?: string;\n      paddingRight?: string;\n    } = {};\n\n    if (direction === \"ltr\") {\n      if (prefix) {\n        gutterStyle.paddingLeft = leftGutter;\n      }\n\n      if (suffix) {\n        gutterStyle.paddingRight = rightGutter;\n      }\n    }\n\n    if (direction === \"rtl\") {\n      if (prefix) {\n        gutterStyle.paddingRight = leftGutter;\n      }\n\n      if (suffix) {\n        gutterStyle.paddingLeft = rightGutter;\n      }\n    }\n\n    return gutterStyle;\n  };\n\n  const inputProps = {\n    className: !unstyle ? inputClass : \"\",\n    disabled,\n    type,\n    ref,\n    ...rest,\n  };\n\n  if (disallowWhitespaceOnly && type === \"text\") {\n    inputProps.pattern = \"\\\\S(?!\\\\s*$).*\"; \n    inputProps.title = \"Este campo não pode conter apenas espaços.\"; \n  }\n\n  const renderTextArea = (\n    <textarea\n      style={style}\n      rows={rows}\n      {...(inputProps as ClassAttributes<HTMLTextAreaElement>)}\n    ></textarea>\n  );\n\n  const renderInput = (\n    <Component style={{ ...affixGutterStyle(), ...style }} {...inputProps} />\n  );\n\n  const renderAffixInput = (\n    <span className={inputWrapperClass}>\n      {prefix ? (\n        <div ref={prefixNode} className=\"input-suffix-start\">\n          {\" \"}\n          {prefix}{\" \"}\n        </div>\n      ) : null}\n      {renderInput}\n      {suffix ? (\n        <div ref={suffixNode} className=\"input-suffix-end\">\n          {suffix}\n        </div>\n      ) : null}\n    </span>\n  );\n\n  const renderChildren = () => {\n    if (textArea) {\n      return renderTextArea;\n    }\n\n    if (prefix || suffix) {\n      return renderAffixInput;\n    } else {\n      return renderInput;\n    }\n  };\n\n  return renderChildren();\n};\n\nexport default Input;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Input.js","sources":["../../../../../lib/@ecme/components/ui/Input/Input.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from \"react\";\r\nimport classNames from \"classnames\";\r\nimport { useConfig } from \"../ConfigProvider\";\r\nimport { useForm, useFormItem } from \"../Form/context\";\r\nimport { useInputGroup } from \"../InputGroup/context\";\r\nimport { CONTROL_SIZES } from \"../utils/constants\";\r\nimport isNil from \"lodash/isNil\";\r\nimport type { CommonProps, TypeAttributes } from \"../@types/common\";\r\nimport type {\r\n  InputHTMLAttributes,\r\n  ElementType,\r\n  ReactNode,\r\n  HTMLInputTypeAttribute,\r\n  ClassAttributes,\r\n  Ref,\r\n} from \"react\";\r\n\r\nexport interface InputProps\r\n  extends CommonProps,\r\n    Omit<\r\n      InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>,\r\n      \"size\" | \"prefix\"\r\n    > {\r\n  asElement?: ElementType;\r\n  disabled?: boolean;\r\n  invalid?: boolean;\r\n  prefix?: string | ReactNode;\r\n  rows?: number;\r\n  ref?: Ref<ElementType | HTMLInputElement | HTMLTextAreaElement>;\r\n  size?: TypeAttributes.ControlSize;\r\n  suffix?: string | ReactNode;\r\n  textArea?: boolean;\r\n  type?: HTMLInputTypeAttribute;\r\n  unstyle?: boolean;\r\n  disallowWhitespaceOnly?: boolean;\r\n}\r\n\r\nconst Input = (props: InputProps) => {\r\n  const {\r\n    asElement: Component = \"input\",\r\n    className,\r\n    disabled,\r\n    invalid,\r\n    prefix,\r\n    size,\r\n    suffix,\r\n    textArea,\r\n    type = \"text\",\r\n    ref,\r\n    rows,\r\n    style,\r\n    unstyle = false,\r\n    disallowWhitespaceOnly = false,\r\n    ...rest\r\n  } = props;\r\n\r\n  const [prefixGutter, setPrefixGutter] = useState(0);\r\n  const [suffixGutter, setSuffixGutter] = useState(0);\r\n\r\n  const { controlSize, direction } = useConfig();\r\n  const formControlSize = useForm()?.size;\r\n  const formItemInvalid = useFormItem()?.invalid;\r\n  const inputGroupSize = useInputGroup()?.size;\r\n\r\n  const inputSize = size || inputGroupSize || formControlSize || controlSize;\r\n\r\n  const isInputInvalid = invalid || formItemInvalid;\r\n\r\n  const fixControlledValue = (\r\n    val: string | number | readonly string[] | undefined\r\n  ) => {\r\n    if (typeof val === \"undefined\" || val === null) {\r\n      return \"\";\r\n    }\r\n    return val;\r\n  };\r\n\r\n  if (\"value\" in props) {\r\n    rest.value = fixControlledValue(props.value);\r\n    delete rest.defaultValue;\r\n  }\r\n\r\n  const inputDefaultClass = \"input\";\r\n  const inputSizeClass = `input-${inputSize} ${CONTROL_SIZES[inputSize].h}`;\r\n  const inputFocusClass = `focus:ring-primary focus-within:ring-primary focus-within:border-primary focus:border-primary`;\r\n  const inputWrapperClass = classNames(\r\n    \"input-wrapper\",\r\n    prefix || suffix ? className : \"\"\r\n  );\r\n  const inputClass = classNames(\r\n    inputDefaultClass,\r\n    !textArea && inputSizeClass,\r\n    !isInputInvalid && inputFocusClass,\r\n    !prefix && !suffix ? className : \"\",\r\n    disabled && \"input-disabled\",\r\n    isInputInvalid && \"input-invalid\",\r\n    textArea && \"input-textarea\"\r\n  );\r\n\r\n  const prefixNode = useRef<HTMLDivElement>(null);\r\n  const suffixNode = useRef<HTMLDivElement>(null);\r\n\r\n  const getAffixSize = () => {\r\n    if (!prefixNode.current && !suffixNode.current) {\r\n      return;\r\n    }\r\n    const prefixNodeWidth = prefixNode?.current?.offsetWidth;\r\n    const suffixNodeWidth = suffixNode?.current?.offsetWidth;\r\n\r\n    if (isNil(prefixNodeWidth) && isNil(suffixNodeWidth)) {\r\n      return;\r\n    }\r\n\r\n    if (prefixNodeWidth) {\r\n      setPrefixGutter(prefixNodeWidth);\r\n    }\r\n\r\n    if (suffixNodeWidth) {\r\n      setSuffixGutter(suffixNodeWidth);\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    getAffixSize();\r\n  }, [prefix, suffix]);\r\n\r\n  const remToPxConvertion = (pixel: number) => 0.0625 * pixel;\r\n\r\n  const affixGutterStyle = () => {\r\n    const leftGutter = `${remToPxConvertion(prefixGutter) + 1}rem`;\r\n    const rightGutter = `${remToPxConvertion(suffixGutter) + 1}rem`;\r\n    const gutterStyle: {\r\n      paddingLeft?: string;\r\n      paddingRight?: string;\r\n    } = {};\r\n\r\n    if (direction === \"ltr\") {\r\n      if (prefix) {\r\n        gutterStyle.paddingLeft = leftGutter;\r\n      }\r\n\r\n      if (suffix) {\r\n        gutterStyle.paddingRight = rightGutter;\r\n      }\r\n    }\r\n\r\n    if (direction === \"rtl\") {\r\n      if (prefix) {\r\n        gutterStyle.paddingRight = leftGutter;\r\n      }\r\n\r\n      if (suffix) {\r\n        gutterStyle.paddingLeft = rightGutter;\r\n      }\r\n    }\r\n\r\n    return gutterStyle;\r\n  };\r\n\r\n  const inputProps = {\r\n    className: !unstyle ? inputClass : \"\",\r\n    disabled,\r\n    type,\r\n    ref,\r\n    ...rest,\r\n  };\r\n\r\n  if (disallowWhitespaceOnly && type === \"text\") {\r\n    inputProps.pattern = \"\\\\S(?!\\\\s*$).*\"; \r\n    inputProps.title = \"Este campo não pode conter apenas espaços.\"; \r\n  }\r\n\r\n  const renderTextArea = (\r\n    <textarea\r\n      style={style}\r\n      rows={rows}\r\n      {...(inputProps as ClassAttributes<HTMLTextAreaElement>)}\r\n    ></textarea>\r\n  );\r\n\r\n  const renderInput = (\r\n    <Component style={{ ...affixGutterStyle(), ...style }} {...inputProps} />\r\n  );\r\n\r\n  const renderAffixInput = (\r\n    <span className={inputWrapperClass}>\r\n      {prefix ? (\r\n        <div ref={prefixNode} className=\"input-suffix-start\">\r\n          {\" \"}\r\n          {prefix}{\" \"}\r\n        </div>\r\n      ) : null}\r\n      {renderInput}\r\n      {suffix ? (\r\n        <div ref={suffixNode} className=\"input-suffix-end\">\r\n          {suffix}\r\n        </div>\r\n      ) : null}\r\n    </span>\r\n  );\r\n\r\n  const renderChildren = () => {\r\n    if (textArea) {\r\n      return renderTextArea;\r\n    }\r\n\r\n    if (prefix || suffix) {\r\n      return renderAffixInput;\r\n    } else {\r\n      return renderInput;\r\n    }\r\n  };\r\n\r\n  return renderChildren();\r\n};\r\n\r\nexport default Input;\r\n"],"names":[],"mappings":"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"}

package/dist/@ecme/components/ui/InputGroup/Addon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Addon.js","sources":["../../../../../lib/@ecme/components/ui/InputGroup/Addon.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useConfig } from '../ConfigProvider'\nimport { useForm } from '../Form/context'\nimport { useInputGroup } from '../InputGroup/context'\nimport { CONTROL_SIZES } from '../utils/constants'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { Ref } from 'react'\n\nexport interface AddonProps extends CommonProps {\n    size?: TypeAttributes.ControlSize\n    ref?: Ref<HTMLDivElement>\n}\n\nconst Addon = ({ ref, ...props }: AddonProps) => {\n    const { size, children, className } = props\n\n    const { controlSize } = useConfig()\n    const formControlSize = useForm()?.size\n    const inputGroupSize = useInputGroup()?.size\n\n    const inputAddonSize =\n        size || inputGroupSize || formControlSize || controlSize\n\n    const addonClass = classNames(\n        'input-addon',\n        `input-addon-${inputAddonSize} ${CONTROL_SIZES[inputAddonSize].h}`,\n        className,\n    )\n\n    return (\n        <div ref={ref} className={addonClass}>\n            {children}\n        </div>\n    )\n}\n\nexport default Addon\n"],"names":[],"mappings":";;;;;;;AAaA,MAAM,QAAQ,CAAC,EAAE,KAAK,GAAG,YAAwB;AAC7C,QAAM,EAAE,MAAM,UAAU,UAAA,IAAc;AAEtC,QAAM,EAAE,YAAA,IAAgB,UAAA;AACxB,QAAM,kBAAkB,WAAW;AACnC,QAAM,iBAAiB,iBAAiB;AAExC,QAAM,iBACF,QAAQ,kBAAkB,mBAAmB;AAEjD,QAAM,aAAa;AAAA,IACf;AAAA,IACA,eAAe,cAAc,IAAI,cAAc,cAAc,EAAE,CAAC;AAAA,IAChE;AAAA,EAAA;AAGJ,SACI,oBAAC,OAAA,EAAI,KAAU,WAAW,YACrB,UACL;AAER;"}
+{"version":3,"file":"Addon.js","sources":["../../../../../lib/@ecme/components/ui/InputGroup/Addon.tsx"],"sourcesContent":["import classNames from 'classnames'\r\nimport { useConfig } from '../ConfigProvider'\r\nimport { useForm } from '../Form/context'\r\nimport { useInputGroup } from '../InputGroup/context'\r\nimport { CONTROL_SIZES } from '../utils/constants'\r\nimport type { CommonProps, TypeAttributes } from '../@types/common'\r\nimport type { Ref } from 'react'\r\n\r\nexport interface AddonProps extends CommonProps {\r\n    size?: TypeAttributes.ControlSize\r\n    ref?: Ref<HTMLDivElement>\r\n}\r\n\r\nconst Addon = ({ ref, ...props }: AddonProps) => {\r\n    const { size, children, className } = props\r\n\r\n    const { controlSize } = useConfig()\r\n    const formControlSize = useForm()?.size\r\n    const inputGroupSize = useInputGroup()?.size\r\n\r\n    const inputAddonSize =\r\n        size || inputGroupSize || formControlSize || controlSize\r\n\r\n    const addonClass = classNames(\r\n        'input-addon',\r\n        `input-addon-${inputAddonSize} ${CONTROL_SIZES[inputAddonSize].h}`,\r\n        className,\r\n    )\r\n\r\n    return (\r\n        <div ref={ref} className={addonClass}>\r\n            {children}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Addon\r\n"],"names":[],"mappings":";;;;;;;AAaA,MAAM,QAAQ,CAAC,EAAE,KAAK,GAAG,YAAwB;AAC7C,QAAM,EAAE,MAAM,UAAU,UAAA,IAAc;AAEtC,QAAM,EAAE,YAAA,IAAgB,UAAA;AACxB,QAAM,kBAAkB,WAAW;AACnC,QAAM,iBAAiB,iBAAiB;AAExC,QAAM,iBACF,QAAQ,kBAAkB,mBAAmB;AAEjD,QAAM,aAAa;AAAA,IACf;AAAA,IACA,eAAe,cAAc,IAAI,cAAc,cAAc,EAAE,CAAC;AAAA,IAChE;AAAA,EAAA;AAGJ,SACI,oBAAC,OAAA,EAAI,KAAU,WAAW,YACrB,UACL;AAER;"}

package/dist/@ecme/components/ui/InputGroup/InputGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.js","sources":["../../../../../lib/@ecme/components/ui/InputGroup/InputGroup.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useConfig } from '../ConfigProvider'\nimport { useForm } from '../Form/context'\nimport { InputGroupContextProvider, InputGroupContextConsumer } from './context'\nimport type { Ref } from 'react'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\n\nexport interface InputGroupProps extends CommonProps {\n    size?: TypeAttributes.ControlSize\n    ref?: Ref<HTMLDivElement>\n}\n\nconst InputGroup = ({ ref, ...props }: InputGroupProps) => {\n    const { children, className, size } = props\n\n    const { controlSize } = useConfig()\n    const formControlSize = useForm()?.size\n\n    const inputGroupSize = size || formControlSize || controlSize\n\n    const inputGroupClass = classNames('input-group', className)\n\n    const contextValue = {\n        size: inputGroupSize,\n    }\n    return (\n        <InputGroupContextProvider value={contextValue}>\n            <InputGroupContextConsumer>\n                {() => {\n                    return (\n                        <div ref={ref} className={inputGroupClass}>\n                            {children}\n                        </div>\n                    )\n                }}\n            </InputGroupContextConsumer>\n        </InputGroupContextProvider>\n    )\n}\n\nexport default InputGroup\n"],"names":[],"mappings":";;;;;;AAYA,MAAM,aAAa,CAAC,EAAE,KAAK,GAAG,YAA6B;AACvD,QAAM,EAAE,UAAU,WAAW,KAAA,IAAS;AAEtC,QAAM,EAAE,YAAA,IAAgB,UAAA;AACxB,QAAM,kBAAkB,WAAW;AAEnC,QAAM,iBAAiB,QAAQ,mBAAmB;AAElD,QAAM,kBAAkB,WAAW,eAAe,SAAS;AAE3D,QAAM,eAAe;AAAA,IACjB,MAAM;AAAA,EAAA;AAEV,6BACK,2BAAA,EAA0B,OAAO,cAC9B,UAAA,oBAAC,6BACI,UAAA,MAAM;AACH,WACI,oBAAC,OAAA,EAAI,KAAU,WAAW,iBACrB,UACL;AAAA,EAER,GACJ,EAAA,CACJ;AAER;"}
+{"version":3,"file":"InputGroup.js","sources":["../../../../../lib/@ecme/components/ui/InputGroup/InputGroup.tsx"],"sourcesContent":["import classNames from 'classnames'\r\nimport { useConfig } from '../ConfigProvider'\r\nimport { useForm } from '../Form/context'\r\nimport { InputGroupContextProvider, InputGroupContextConsumer } from './context'\r\nimport type { Ref } from 'react'\r\nimport type { CommonProps, TypeAttributes } from '../@types/common'\r\n\r\nexport interface InputGroupProps extends CommonProps {\r\n    size?: TypeAttributes.ControlSize\r\n    ref?: Ref<HTMLDivElement>\r\n}\r\n\r\nconst InputGroup = ({ ref, ...props }: InputGroupProps) => {\r\n    const { children, className, size } = props\r\n\r\n    const { controlSize } = useConfig()\r\n    const formControlSize = useForm()?.size\r\n\r\n    const inputGroupSize = size || formControlSize || controlSize\r\n\r\n    const inputGroupClass = classNames('input-group', className)\r\n\r\n    const contextValue = {\r\n        size: inputGroupSize,\r\n    }\r\n    return (\r\n        <InputGroupContextProvider value={contextValue}>\r\n            <InputGroupContextConsumer>\r\n                {() => {\r\n                    return (\r\n                        <div ref={ref} className={inputGroupClass}>\r\n                            {children}\r\n                        </div>\r\n                    )\r\n                }}\r\n            </InputGroupContextConsumer>\r\n        </InputGroupContextProvider>\r\n    )\r\n}\r\n\r\nexport default InputGroup\r\n"],"names":[],"mappings":";;;;;;AAYA,MAAM,aAAa,CAAC,EAAE,KAAK,GAAG,YAA6B;AACvD,QAAM,EAAE,UAAU,WAAW,KAAA,IAAS;AAEtC,QAAM,EAAE,YAAA,IAAgB,UAAA;AACxB,QAAM,kBAAkB,WAAW;AAEnC,QAAM,iBAAiB,QAAQ,mBAAmB;AAElD,QAAM,kBAAkB,WAAW,eAAe,SAAS;AAE3D,QAAM,eAAe;AAAA,IACjB,MAAM;AAAA,EAAA;AAEV,6BACK,2BAAA,EAA0B,OAAO,cAC9B,UAAA,oBAAC,6BACI,UAAA,MAAM;AACH,WACI,oBAAC,OAAA,EAAI,KAAU,WAAW,iBACrB,UACL;AAAA,EAER,GACJ,EAAA,CACJ;AAER;"}

package/dist/@ecme/components/ui/InputGroup/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../lib/@ecme/components/ui/InputGroup/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { TypeAttributes } from '../@types/common'\n\nconst InputGroupContext = createContext<{\n    size?: TypeAttributes.ControlSize\n} | null>(null)\n\nexport const InputGroupContextProvider = InputGroupContext.Provider\n\nexport const InputGroupContextConsumer = InputGroupContext.Consumer\n\nexport function useInputGroup() {\n    return useContext(InputGroupContext)\n}\n\nexport default InputGroupContext\n"],"names":[],"mappings":";AAGA,MAAM,oBAAoB,cAEhB,IAAI;AAEP,MAAM,4BAA4B,kBAAkB;AAEpD,MAAM,4BAA4B,kBAAkB;AAEpD,SAAS,gBAAgB;AAC5B,SAAO,WAAW,iBAAiB;AACvC;"}
+{"version":3,"file":"context.js","sources":["../../../../../lib/@ecme/components/ui/InputGroup/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\r\nimport type { TypeAttributes } from '../@types/common'\r\n\r\nconst InputGroupContext = createContext<{\r\n    size?: TypeAttributes.ControlSize\r\n} | null>(null)\r\n\r\nexport const InputGroupContextProvider = InputGroupContext.Provider\r\n\r\nexport const InputGroupContextConsumer = InputGroupContext.Consumer\r\n\r\nexport function useInputGroup() {\r\n    return useContext(InputGroupContext)\r\n}\r\n\r\nexport default InputGroupContext\r\n"],"names":[],"mappings":";AAGA,MAAM,oBAAoB,cAEhB,IAAI;AAEP,MAAM,4BAA4B,kBAAkB;AAEpD,MAAM,4BAA4B,kBAAkB;AAEpD,SAAS,gBAAgB;AAC5B,SAAO,WAAW,iBAAiB;AACvC;"}