@chayns-components/core 5.0.0-beta.20 → 5.0.0-beta.200

package/lib/components/date-info/utils/format.js

@@ -0,0 +1,288 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getYearFormat = exports.getTimeTillNow = exports.getMonthFormat = exports.getFormattedTime = exports.getFormattedPastTimeString = exports.getFormattedFutureTimeString = exports.getFormattedDayOfWeek = exports.TimeType = void 0;
+var _dateFns = require("date-fns");
+const getYearFormat = _ref => {
+  let {
+    date,
+    shouldShowThisYear
+  } = _ref;
+  if (shouldShowThisYear) {
+    return ' yyyy';
+  }
+  return (0, _dateFns.isThisYear)(date) ? '' : ' yyyy';
+};
+exports.getYearFormat = getYearFormat;
+const getMonthFormat = _ref2 => {
+  let {
+    shouldUseShortText
+  } = _ref2;
+  if (shouldUseShortText) {
+    return 'LLL.';
+  }
+  return 'LLLL';
+};
+exports.getMonthFormat = getMonthFormat;
+const getFormattedDayOfWeek = _ref3 => {
+  let {
+    shouldShowRelativeDayOfWeek,
+    shouldShowDayOfWeek,
+    shouldUseShortText,
+    date
+  } = _ref3;
+  if (!shouldShowDayOfWeek && !shouldShowRelativeDayOfWeek) {
+    return '';
+  }
+  if (shouldShowRelativeDayOfWeek) {
+    if ((0, _dateFns.isToday)(date)) {
+      return 'Heute, ';
+    }
+    if ((0, _dateFns.isTomorrow)(date)) {
+      return 'Morgen, ';
+    }
+    if ((0, _dateFns.isYesterday)(date)) {
+      return 'Gestern, ';
+    }
+  }
+  if (shouldUseShortText) {
+    return (0, _dateFns.format)(date, 'E., ');
+  }
+  return (0, _dateFns.format)(date, 'EEEE, ');
+};
+exports.getFormattedDayOfWeek = getFormattedDayOfWeek;
+const getFormattedTime = _ref4 => {
+  let {
+    shouldShowTime,
+    date
+  } = _ref4;
+  if (!shouldShowTime) {
+    return '';
+  }
+  return `, ${(0, _dateFns.format)(date, 'HH:mm')} Uhr`;
+};
+exports.getFormattedTime = getFormattedTime;
+let TimeType = /*#__PURE__*/function (TimeType) {
+  TimeType[TimeType["Seconds"] = 0] = "Seconds";
+  TimeType[TimeType["Minutes"] = 1] = "Minutes";
+  TimeType[TimeType["Hours"] = 2] = "Hours";
+  TimeType[TimeType["Days"] = 3] = "Days";
+  TimeType[TimeType["Weeks"] = 4] = "Weeks";
+  TimeType[TimeType["Months"] = 5] = "Months";
+  TimeType[TimeType["Years"] = 6] = "Years";
+  return TimeType;
+}({});
+exports.TimeType = TimeType;
+const getTimeTillNow = _ref5 => {
+  let {
+    date,
+    currentDate
+  } = _ref5;
+  const time = {
+    value: 0,
+    type: TimeType.Years,
+    isPast: false
+  };
+  if ((0, _dateFns.isPast)(date)) {
+    const elapsedMilliseconds = currentDate.getTime() - date.getTime();
+    switch (true) {
+      case elapsedMilliseconds < 60000:
+        time.value = Math.floor(elapsedMilliseconds / 1000);
+        time.type = TimeType.Seconds;
+        break;
+      case elapsedMilliseconds < 3600000:
+        time.value = Math.floor(elapsedMilliseconds / 60000);
+        time.type = TimeType.Minutes;
+        break;
+      case elapsedMilliseconds < 86400000:
+        time.value = Math.floor(elapsedMilliseconds / 3600000);
+        time.type = TimeType.Hours;
+        break;
+      case elapsedMilliseconds < 604800000:
+        time.value = Math.floor(elapsedMilliseconds / 86400000);
+        time.type = TimeType.Days;
+        break;
+      case elapsedMilliseconds < 2592000000:
+        time.value = Math.floor(elapsedMilliseconds / 604800000);
+        time.type = TimeType.Weeks;
+        break;
+      case elapsedMilliseconds < 31536000000:
+        time.value = Math.floor(elapsedMilliseconds / 2592000000);
+        time.type = TimeType.Months;
+        break;
+      default:
+        time.value = Math.floor(elapsedMilliseconds / 31536000000);
+        time.type = TimeType.Years;
+        break;
+    }
+    return `${time.value} ${getFormattedPastTimeString(time)}`;
+  }
+  const remainingMilliseconds = date.getTime() - currentDate.getTime();
+  switch (true) {
+    case remainingMilliseconds < 60000:
+      time.value = Math.floor(remainingMilliseconds / 1000);
+      time.type = TimeType.Seconds;
+      break;
+    case remainingMilliseconds < 3600000:
+      time.value = Math.floor(remainingMilliseconds / 60000);
+      time.type = TimeType.Minutes;
+      break;
+    case remainingMilliseconds < 86400000:
+      time.value = Math.floor(remainingMilliseconds / 3600000);
+      time.type = TimeType.Hours;
+      break;
+    case remainingMilliseconds < 604800000:
+      time.value = Math.floor(remainingMilliseconds / 86400000);
+      time.type = TimeType.Days;
+      break;
+    case remainingMilliseconds < 2592000000:
+      time.value = Math.floor(remainingMilliseconds / 604800000);
+      time.type = TimeType.Weeks;
+      break;
+    case remainingMilliseconds < 31536000000:
+      time.value = Math.floor(remainingMilliseconds / 2592000000);
+      time.type = TimeType.Months;
+      break;
+    default:
+      time.value = Math.floor(remainingMilliseconds / 31536000000);
+      time.type = TimeType.Years;
+      break;
+  }
+  return `${time.value} ${getFormattedFutureTimeString(time)}`;
+};
+exports.getTimeTillNow = getTimeTillNow;
+const timeTypeStrings = {
+  past: {
+    seconds: {
+      singular: 'Sekunde',
+      plural: 'Sekunden'
+    },
+    minutes: {
+      singular: 'Minute',
+      plural: 'Minuten'
+    },
+    hours: {
+      singular: 'Stunde',
+      plural: 'Stunden'
+    },
+    days: {
+      singular: 'Tag',
+      plural: 'Tagen'
+    },
+    weeks: {
+      singular: 'Woche',
+      plural: 'Wochen'
+    },
+    months: {
+      singular: 'Monat',
+      plural: 'Monaten'
+    },
+    years: {
+      singular: 'Jahr',
+      plural: 'Jahren'
+    }
+  },
+  future: {
+    seconds: {
+      singular: 'Sekunde',
+      plural: 'Sekunden'
+    },
+    minutes: {
+      singular: 'Minute',
+      plural: 'Minuten'
+    },
+    hours: {
+      singular: 'Stunde',
+      plural: 'Stunden'
+    },
+    days: {
+      singular: 'Tag',
+      plural: 'Tagen'
+    },
+    weeks: {
+      singular: 'Woche',
+      plural: 'Wochen'
+    },
+    months: {
+      singular: 'Monat',
+      plural: 'Monaten'
+    },
+    years: {
+      singular: 'Jahr',
+      plural: 'Jahren'
+    }
+  }
+};
+const getFormattedPastTimeString = time => {
+  const {
+    value,
+    type
+  } = time;
+  const {
+    past: {
+      seconds,
+      days,
+      weeks,
+      months,
+      years,
+      minutes,
+      hours
+    }
+  } = timeTypeStrings;
+  const isSingular = value === 1;
+  switch (true) {
+    case type === TimeType.Seconds:
+      return isSingular ? seconds.singular : seconds.plural;
+    case type === TimeType.Minutes:
+      return isSingular ? minutes.singular : minutes.plural;
+    case type === TimeType.Hours:
+      return isSingular ? hours.singular : hours.plural;
+    case type === TimeType.Days:
+      return isSingular ? days.singular : days.plural;
+    case type === TimeType.Weeks:
+      return isSingular ? weeks.singular : weeks.plural;
+    case type === TimeType.Months:
+      return isSingular ? months.singular : months.plural;
+    default:
+      return isSingular ? years.singular : years.plural;
+  }
+};
+exports.getFormattedPastTimeString = getFormattedPastTimeString;
+const getFormattedFutureTimeString = time => {
+  const {
+    value,
+    type
+  } = time;
+  const {
+    future: {
+      seconds,
+      days,
+      weeks,
+      months,
+      years,
+      minutes,
+      hours
+    }
+  } = timeTypeStrings;
+  const isSingular = value === 1;
+  switch (true) {
+    case type === TimeType.Seconds:
+      return isSingular ? seconds.singular : seconds.plural;
+    case type === TimeType.Minutes:
+      return isSingular ? minutes.singular : minutes.plural;
+    case type === TimeType.Hours:
+      return isSingular ? hours.singular : hours.plural;
+    case type === TimeType.Days:
+      return isSingular ? days.singular : days.plural;
+    case type === TimeType.Weeks:
+      return isSingular ? weeks.singular : weeks.plural;
+    case type === TimeType.Months:
+      return isSingular ? months.singular : months.plural;
+    default:
+      return isSingular ? years.singular : years.plural;
+  }
+};
+exports.getFormattedFutureTimeString = getFormattedFutureTimeString;
+//# sourceMappingURL=format.js.map

package/lib/components/date-info/utils/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","names":["_dateFns","require","getYearFormat","_ref","date","shouldShowThisYear","isThisYear","exports","getMonthFormat","_ref2","shouldUseShortText","getFormattedDayOfWeek","_ref3","shouldShowRelativeDayOfWeek","shouldShowDayOfWeek","isToday","isTomorrow","isYesterday","format","getFormattedTime","_ref4","shouldShowTime","TimeType","getTimeTillNow","_ref5","currentDate","time","value","type","Years","isPast","elapsedMilliseconds","getTime","Math","floor","Seconds","Minutes","Hours","Days","Weeks","Months","getFormattedPastTimeString","remainingMilliseconds","getFormattedFutureTimeString","timeTypeStrings","past","seconds","singular","plural","minutes","hours","days","weeks","months","years","future","isSingular"],"sources":["../../../../src/components/date-info/utils/format.ts"],"sourcesContent":["import { format, isPast, isThisYear, isToday, isTomorrow, isYesterday } from 'date-fns';\n\ninterface GetFormattedYearOptions {\n    date: Date;\n    shouldShowThisYear?: boolean;\n}\n\nexport const getYearFormat = ({ date, shouldShowThisYear }: GetFormattedYearOptions) => {\n    if (shouldShowThisYear) {\n        return ' yyyy';\n    }\n\n    return isThisYear(date) ? '' : ' yyyy';\n};\n\ninterface GetFormattedMonthOptions {\n    shouldUseShortText?: boolean;\n}\n\nexport const getMonthFormat = ({ shouldUseShortText }: GetFormattedMonthOptions) => {\n    if (shouldUseShortText) {\n        return 'LLL.';\n    }\n\n    return 'LLLL';\n};\n\ninterface GetFormattedDayOfWeekOptions {\n    shouldShowDayOfWeek?: boolean;\n    shouldShowRelativeDayOfWeek?: boolean;\n    shouldUseShortText?: boolean;\n    date: Date;\n}\n\nexport const getFormattedDayOfWeek = ({\n    shouldShowRelativeDayOfWeek,\n    shouldShowDayOfWeek,\n    shouldUseShortText,\n    date,\n}: GetFormattedDayOfWeekOptions) => {\n    if (!shouldShowDayOfWeek && !shouldShowRelativeDayOfWeek) {\n        return '';\n    }\n\n    if (shouldShowRelativeDayOfWeek) {\n        if (isToday(date)) {\n            return 'Heute, ';\n        }\n\n        if (isTomorrow(date)) {\n            return 'Morgen, ';\n        }\n\n        if (isYesterday(date)) {\n            return 'Gestern, ';\n        }\n    }\n\n    if (shouldUseShortText) {\n        return format(date, 'E., ');\n    }\n\n    return format(date, 'EEEE, ');\n};\n\ninterface GetFormattedTimeOptions {\n    shouldShowTime?: boolean;\n    date: Date;\n}\n\nexport const getFormattedTime = ({ shouldShowTime, date }: GetFormattedTimeOptions) => {\n    if (!shouldShowTime) {\n        return '';\n    }\n\n    return `, ${format(date, 'HH:mm')} Uhr`;\n};\n\nexport interface Time {\n    value: number;\n    type: TimeType;\n    isPast: boolean;\n}\n\nexport enum TimeType {\n    Seconds,\n    Minutes,\n    Hours,\n    Days,\n    Weeks,\n    Months,\n    Years,\n}\n\ninterface GetTimeTillNowOptions {\n    date: Date;\n    currentDate: Date;\n}\n\nexport const getTimeTillNow = ({ date, currentDate }: GetTimeTillNowOptions): string => {\n    const time: Time = {\n        value: 0,\n        type: TimeType.Years,\n        isPast: false,\n    };\n\n    if (isPast(date)) {\n        const elapsedMilliseconds = currentDate.getTime() - date.getTime();\n\n        switch (true) {\n            case elapsedMilliseconds < 60000:\n                time.value = Math.floor(elapsedMilliseconds / 1000);\n                time.type = TimeType.Seconds;\n                break;\n            case elapsedMilliseconds < 3600000:\n                time.value = Math.floor(elapsedMilliseconds / 60000);\n                time.type = TimeType.Minutes;\n                break;\n            case elapsedMilliseconds < 86400000:\n                time.value = Math.floor(elapsedMilliseconds / 3600000);\n                time.type = TimeType.Hours;\n                break;\n            case elapsedMilliseconds < 604800000:\n                time.value = Math.floor(elapsedMilliseconds / 86400000);\n                time.type = TimeType.Days;\n                break;\n            case elapsedMilliseconds < 2592000000:\n                time.value = Math.floor(elapsedMilliseconds / 604800000);\n                time.type = TimeType.Weeks;\n                break;\n            case elapsedMilliseconds < 31536000000:\n                time.value = Math.floor(elapsedMilliseconds / 2592000000);\n                time.type = TimeType.Months;\n                break;\n            default:\n                time.value = Math.floor(elapsedMilliseconds / 31536000000);\n                time.type = TimeType.Years;\n                break;\n        }\n\n        return `${time.value} ${getFormattedPastTimeString(time)}`;\n    }\n\n    const remainingMilliseconds = date.getTime() - currentDate.getTime();\n\n    switch (true) {\n        case remainingMilliseconds < 60000:\n            time.value = Math.floor(remainingMilliseconds / 1000);\n            time.type = TimeType.Seconds;\n            break;\n        case remainingMilliseconds < 3600000:\n            time.value = Math.floor(remainingMilliseconds / 60000);\n            time.type = TimeType.Minutes;\n            break;\n        case remainingMilliseconds < 86400000:\n            time.value = Math.floor(remainingMilliseconds / 3600000);\n            time.type = TimeType.Hours;\n            break;\n        case remainingMilliseconds < 604800000:\n            time.value = Math.floor(remainingMilliseconds / 86400000);\n            time.type = TimeType.Days;\n            break;\n        case remainingMilliseconds < 2592000000:\n            time.value = Math.floor(remainingMilliseconds / 604800000);\n            time.type = TimeType.Weeks;\n            break;\n        case remainingMilliseconds < 31536000000:\n            time.value = Math.floor(remainingMilliseconds / 2592000000);\n            time.type = TimeType.Months;\n            break;\n        default:\n            time.value = Math.floor(remainingMilliseconds / 31536000000);\n            time.type = TimeType.Years;\n            break;\n    }\n\n    return `${time.value} ${getFormattedFutureTimeString(time)}`;\n};\n\nconst timeTypeStrings = {\n    past: {\n        seconds: {\n            singular: 'Sekunde',\n            plural: 'Sekunden',\n        },\n        minutes: {\n            singular: 'Minute',\n            plural: 'Minuten',\n        },\n        hours: {\n            singular: 'Stunde',\n            plural: 'Stunden',\n        },\n        days: {\n            singular: 'Tag',\n            plural: 'Tagen',\n        },\n        weeks: {\n            singular: 'Woche',\n            plural: 'Wochen',\n        },\n        months: {\n            singular: 'Monat',\n            plural: 'Monaten',\n        },\n        years: {\n            singular: 'Jahr',\n            plural: 'Jahren',\n        },\n    },\n    future: {\n        seconds: {\n            singular: 'Sekunde',\n            plural: 'Sekunden',\n        },\n        minutes: {\n            singular: 'Minute',\n            plural: 'Minuten',\n        },\n        hours: {\n            singular: 'Stunde',\n            plural: 'Stunden',\n        },\n        days: {\n            singular: 'Tag',\n            plural: 'Tagen',\n        },\n        weeks: {\n            singular: 'Woche',\n            plural: 'Wochen',\n        },\n        months: {\n            singular: 'Monat',\n            plural: 'Monaten',\n        },\n        years: {\n            singular: 'Jahr',\n            plural: 'Jahren',\n        },\n    },\n};\n\nexport const getFormattedPastTimeString = (time: Time): string => {\n    const { value, type } = time;\n    const {\n        past: { seconds, days, weeks, months, years, minutes, hours },\n    } = timeTypeStrings;\n    const isSingular = value === 1;\n\n    switch (true) {\n        case type === TimeType.Seconds:\n            return isSingular ? seconds.singular : seconds.plural;\n        case type === TimeType.Minutes:\n            return isSingular ? minutes.singular : minutes.plural;\n        case type === TimeType.Hours:\n            return isSingular ? hours.singular : hours.plural;\n        case type === TimeType.Days:\n            return isSingular ? days.singular : days.plural;\n        case type === TimeType.Weeks:\n            return isSingular ? weeks.singular : weeks.plural;\n        case type === TimeType.Months:\n            return isSingular ? months.singular : months.plural;\n        default:\n            return isSingular ? years.singular : years.plural;\n    }\n};\n\nexport const getFormattedFutureTimeString = (time: Time): string => {\n    const { value, type } = time;\n    const {\n        future: { seconds, days, weeks, months, years, minutes, hours },\n    } = timeTypeStrings;\n    const isSingular = value === 1;\n\n    switch (true) {\n        case type === TimeType.Seconds:\n            return isSingular ? seconds.singular : seconds.plural;\n        case type === TimeType.Minutes:\n            return isSingular ? minutes.singular : minutes.plural;\n        case type === TimeType.Hours:\n            return isSingular ? hours.singular : hours.plural;\n        case type === TimeType.Days:\n            return isSingular ? days.singular : days.plural;\n        case type === TimeType.Weeks:\n            return isSingular ? weeks.singular : weeks.plural;\n        case type === TimeType.Months:\n            return isSingular ? months.singular : months.plural;\n        default:\n            return isSingular ? years.singular : years.plural;\n    }\n};\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAOO,MAAMC,aAAa,GAAGC,IAAA,IAA2D;EAAA,IAA1D;IAAEC,IAAI;IAAEC;EAA4C,CAAC,GAAAF,IAAA;EAC/E,IAAIE,kBAAkB,EAAE;IACpB,OAAO,OAAO;EAClB;EAEA,OAAO,IAAAC,mBAAU,EAACF,IAAI,CAAC,GAAG,EAAE,GAAG,OAAO;AAC1C,CAAC;AAACG,OAAA,CAAAL,aAAA,GAAAA,aAAA;AAMK,MAAMM,cAAc,GAAGC,KAAA,IAAsD;EAAA,IAArD;IAAEC;EAA6C,CAAC,GAAAD,KAAA;EAC3E,IAAIC,kBAAkB,EAAE;IACpB,OAAO,MAAM;EACjB;EAEA,OAAO,MAAM;AACjB,CAAC;AAACH,OAAA,CAAAC,cAAA,GAAAA,cAAA;AASK,MAAMG,qBAAqB,GAAGC,KAAA,IAKD;EAAA,IALE;IAClCC,2BAA2B;IAC3BC,mBAAmB;IACnBJ,kBAAkB;IAClBN;EAC0B,CAAC,GAAAQ,KAAA;EAC3B,IAAI,CAACE,mBAAmB,IAAI,CAACD,2BAA2B,EAAE;IACtD,OAAO,EAAE;EACb;EAEA,IAAIA,2BAA2B,EAAE;IAC7B,IAAI,IAAAE,gBAAO,EAACX,IAAI,CAAC,EAAE;MACf,OAAO,SAAS;IACpB;IAEA,IAAI,IAAAY,mBAAU,EAACZ,IAAI,CAAC,EAAE;MAClB,OAAO,UAAU;IACrB;IAEA,IAAI,IAAAa,oBAAW,EAACb,IAAI,CAAC,EAAE;MACnB,OAAO,WAAW;IACtB;EACJ;EAEA,IAAIM,kBAAkB,EAAE;IACpB,OAAO,IAAAQ,eAAM,EAACd,IAAI,EAAE,MAAM,CAAC;EAC/B;EAEA,OAAO,IAAAc,eAAM,EAACd,IAAI,EAAE,QAAQ,CAAC;AACjC,CAAC;AAACG,OAAA,CAAAI,qBAAA,GAAAA,qBAAA;AAOK,MAAMQ,gBAAgB,GAAGC,KAAA,IAAuD;EAAA,IAAtD;IAAEC,cAAc;IAAEjB;EAA8B,CAAC,GAAAgB,KAAA;EAC9E,IAAI,CAACC,cAAc,EAAE;IACjB,OAAO,EAAE;EACb;EAEA,OAAQ,KAAI,IAAAH,eAAM,EAACd,IAAI,EAAE,OAAO,CAAE,MAAK;AAC3C,CAAC;AAACG,OAAA,CAAAY,gBAAA,GAAAA,gBAAA;AAAA,IAQUG,QAAQ,0BAARA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;EAAA,OAARA,QAAQ;AAAA;AAAAf,OAAA,CAAAe,QAAA,GAAAA,QAAA;AAeb,MAAMC,cAAc,GAAGC,KAAA,IAA0D;EAAA,IAAzD;IAAEpB,IAAI;IAAEqB;EAAmC,CAAC,GAAAD,KAAA;EACvE,MAAME,IAAU,GAAG;IACfC,KAAK,EAAE,CAAC;IACRC,IAAI,EAAEN,QAAQ,CAACO,KAAK;IACpBC,MAAM,EAAE;EACZ,CAAC;EAED,IAAI,IAAAA,eAAM,EAAC1B,IAAI,CAAC,EAAE;IACd,MAAM2B,mBAAmB,GAAGN,WAAW,CAACO,OAAO,CAAC,CAAC,GAAG5B,IAAI,CAAC4B,OAAO,CAAC,CAAC;IAElE,QAAQ,IAAI;MACR,KAAKD,mBAAmB,GAAG,KAAK;QAC5BL,IAAI,CAACC,KAAK,GAAGM,IAAI,CAACC,KAAK,CAACH,mBAAmB,GAAG,IAAI,CAAC;QACnDL,IAAI,CAACE,IAAI,GAAGN,QAAQ,CAACa,OAAO;QAC5B;MACJ,KAAKJ,mBAAmB,GAAG,OAAO;QAC9BL,IAAI,CAACC,KAAK,GAAGM,IAAI,CAACC,KAAK,CAACH,mBAAmB,GAAG,KAAK,CAAC;QACpDL,IAAI,CAACE,IAAI,GAAGN,QAAQ,CAACc,OAAO;QAC5B;MACJ,KAAKL,mBAAmB,GAAG,QAAQ;QAC/BL,IAAI,CAACC,KAAK,GAAGM,IAAI,CAACC,KAAK,CAACH,mBAAmB,GAAG,OAAO,CAAC;QACtDL,IAAI,CAACE,IAAI,GAAGN,QAAQ,CAACe,KAAK;QAC1B;MACJ,KAAKN,mBAAmB,GAAG,SAAS;QAChCL,IAAI,CAACC,KAAK,GAAGM,IAAI,CAACC,KAAK,CAACH,mBAAmB,GAAG,QAAQ,CAAC;QACvDL,IAAI,CAACE,IAAI,GAAGN,QAAQ,CAACgB,IAAI;QACzB;MACJ,KAAKP,mBAAmB,GAAG,UAAU;QACjCL,IAAI,CAACC,KAAK,GAAGM,IAAI,CAACC,KAAK,CAACH,mBAAmB,GAAG,SAAS,CAAC;QACxDL,IAAI,CAACE,IAAI,GAAGN,QAAQ,CAACiB,KAAK;QAC1B;MACJ,KAAKR,mBAAmB,GAAG,WAAW;QAClCL,IAAI,CAACC,KAAK,GAAGM,IAAI,CAACC,KAAK,CAACH,mBAAmB,GAAG,UAAU,CAAC;QACzDL,IAAI,CAACE,IAAI,GAAGN,QAAQ,CAACkB,MAAM;QAC3B;MACJ;QACId,IAAI,CAACC,KAAK,GAAGM,IAAI,CAACC,KAAK,CAACH,mBAAmB,GAAG,WAAW,CAAC;QAC1DL,IAAI,CAACE,IAAI,GAAGN,QAAQ,CAACO,KAAK;QAC1B;IACR;IAEA,OAAQ,GAAEH,IAAI,CAACC,KAAM,IAAGc,0BAA0B,CAACf,IAAI,CAAE,EAAC;EAC9D;EAEA,MAAMgB,qBAAqB,GAAGtC,IAAI,CAAC4B,OAAO,CAAC,CAAC,GAAGP,WAAW,CAACO,OAAO,CAAC,CAAC;EAEpE,QAAQ,IAAI;IACR,KAAKU,qBAAqB,GAAG,KAAK;MAC9BhB,IAAI,CAACC,KAAK,GAAGM,IAAI,CAACC,KAAK,CAACQ,qBAAqB,GAAG,IAAI,CAAC;MACrDhB,IAAI,CAACE,IAAI,GAAGN,QAAQ,CAACa,OAAO;MAC5B;IACJ,KAAKO,qBAAqB,GAAG,OAAO;MAChChB,IAAI,CAACC,KAAK,GAAGM,IAAI,CAACC,KAAK,CAACQ,qBAAqB,GAAG,KAAK,CAAC;MACtDhB,IAAI,CAACE,IAAI,GAAGN,QAAQ,CAACc,OAAO;MAC5B;IACJ,KAAKM,qBAAqB,GAAG,QAAQ;MACjChB,IAAI,CAACC,KAAK,GAAGM,IAAI,CAACC,KAAK,CAACQ,qBAAqB,GAAG,OAAO,CAAC;MACxDhB,IAAI,CAACE,IAAI,GAAGN,QAAQ,CAACe,KAAK;MAC1B;IACJ,KAAKK,qBAAqB,GAAG,SAAS;MAClChB,IAAI,CAACC,KAAK,GAAGM,IAAI,CAACC,KAAK,CAACQ,qBAAqB,GAAG,QAAQ,CAAC;MACzDhB,IAAI,CAACE,IAAI,GAAGN,QAAQ,CAACgB,IAAI;MACzB;IACJ,KAAKI,qBAAqB,GAAG,UAAU;MACnChB,IAAI,CAACC,KAAK,GAAGM,IAAI,CAACC,KAAK,CAACQ,qBAAqB,GAAG,SAAS,CAAC;MAC1DhB,IAAI,CAACE,IAAI,GAAGN,QAAQ,CAACiB,KAAK;MAC1B;IACJ,KAAKG,qBAAqB,GAAG,WAAW;MACpChB,IAAI,CAACC,KAAK,GAAGM,IAAI,CAACC,KAAK,CAACQ,qBAAqB,GAAG,UAAU,CAAC;MAC3DhB,IAAI,CAACE,IAAI,GAAGN,QAAQ,CAACkB,MAAM;MAC3B;IACJ;MACId,IAAI,CAACC,KAAK,GAAGM,IAAI,CAACC,KAAK,CAACQ,qBAAqB,GAAG,WAAW,CAAC;MAC5DhB,IAAI,CAACE,IAAI,GAAGN,QAAQ,CAACO,KAAK;MAC1B;EACR;EAEA,OAAQ,GAAEH,IAAI,CAACC,KAAM,IAAGgB,4BAA4B,CAACjB,IAAI,CAAE,EAAC;AAChE,CAAC;AAACnB,OAAA,CAAAgB,cAAA,GAAAA,cAAA;AAEF,MAAMqB,eAAe,GAAG;EACpBC,IAAI,EAAE;IACFC,OAAO,EAAE;MACLC,QAAQ,EAAE,SAAS;MACnBC,MAAM,EAAE;IACZ,CAAC;IACDC,OAAO,EAAE;MACLF,QAAQ,EAAE,QAAQ;MAClBC,MAAM,EAAE;IACZ,CAAC;IACDE,KAAK,EAAE;MACHH,QAAQ,EAAE,QAAQ;MAClBC,MAAM,EAAE;IACZ,CAAC;IACDG,IAAI,EAAE;MACFJ,QAAQ,EAAE,KAAK;MACfC,MAAM,EAAE;IACZ,CAAC;IACDI,KAAK,EAAE;MACHL,QAAQ,EAAE,OAAO;MACjBC,MAAM,EAAE;IACZ,CAAC;IACDK,MAAM,EAAE;MACJN,QAAQ,EAAE,OAAO;MACjBC,MAAM,EAAE;IACZ,CAAC;IACDM,KAAK,EAAE;MACHP,QAAQ,EAAE,MAAM;MAChBC,MAAM,EAAE;IACZ;EACJ,CAAC;EACDO,MAAM,EAAE;IACJT,OAAO,EAAE;MACLC,QAAQ,EAAE,SAAS;MACnBC,MAAM,EAAE;IACZ,CAAC;IACDC,OAAO,EAAE;MACLF,QAAQ,EAAE,QAAQ;MAClBC,MAAM,EAAE;IACZ,CAAC;IACDE,KAAK,EAAE;MACHH,QAAQ,EAAE,QAAQ;MAClBC,MAAM,EAAE;IACZ,CAAC;IACDG,IAAI,EAAE;MACFJ,QAAQ,EAAE,KAAK;MACfC,MAAM,EAAE;IACZ,CAAC;IACDI,KAAK,EAAE;MACHL,QAAQ,EAAE,OAAO;MACjBC,MAAM,EAAE;IACZ,CAAC;IACDK,MAAM,EAAE;MACJN,QAAQ,EAAE,OAAO;MACjBC,MAAM,EAAE;IACZ,CAAC;IACDM,KAAK,EAAE;MACHP,QAAQ,EAAE,MAAM;MAChBC,MAAM,EAAE;IACZ;EACJ;AACJ,CAAC;AAEM,MAAMP,0BAA0B,GAAIf,IAAU,IAAa;EAC9D,MAAM;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGF,IAAI;EAC5B,MAAM;IACFmB,IAAI,EAAE;MAAEC,OAAO;MAAEK,IAAI;MAAEC,KAAK;MAAEC,MAAM;MAAEC,KAAK;MAAEL,OAAO;MAAEC;IAAM;EAChE,CAAC,GAAGN,eAAe;EACnB,MAAMY,UAAU,GAAG7B,KAAK,KAAK,CAAC;EAE9B,QAAQ,IAAI;IACR,KAAKC,IAAI,KAAKN,QAAQ,CAACa,OAAO;MAC1B,OAAOqB,UAAU,GAAGV,OAAO,CAACC,QAAQ,GAAGD,OAAO,CAACE,MAAM;IACzD,KAAKpB,IAAI,KAAKN,QAAQ,CAACc,OAAO;MAC1B,OAAOoB,UAAU,GAAGP,OAAO,CAACF,QAAQ,GAAGE,OAAO,CAACD,MAAM;IACzD,KAAKpB,IAAI,KAAKN,QAAQ,CAACe,KAAK;MACxB,OAAOmB,UAAU,GAAGN,KAAK,CAACH,QAAQ,GAAGG,KAAK,CAACF,MAAM;IACrD,KAAKpB,IAAI,KAAKN,QAAQ,CAACgB,IAAI;MACvB,OAAOkB,UAAU,GAAGL,IAAI,CAACJ,QAAQ,GAAGI,IAAI,CAACH,MAAM;IACnD,KAAKpB,IAAI,KAAKN,QAAQ,CAACiB,KAAK;MACxB,OAAOiB,UAAU,GAAGJ,KAAK,CAACL,QAAQ,GAAGK,KAAK,CAACJ,MAAM;IACrD,KAAKpB,IAAI,KAAKN,QAAQ,CAACkB,MAAM;MACzB,OAAOgB,UAAU,GAAGH,MAAM,CAACN,QAAQ,GAAGM,MAAM,CAACL,MAAM;IACvD;MACI,OAAOQ,UAAU,GAAGF,KAAK,CAACP,QAAQ,GAAGO,KAAK,CAACN,MAAM;EACzD;AACJ,CAAC;AAACzC,OAAA,CAAAkC,0BAAA,GAAAA,0BAAA;AAEK,MAAME,4BAA4B,GAAIjB,IAAU,IAAa;EAChE,MAAM;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGF,IAAI;EAC5B,MAAM;IACF6B,MAAM,EAAE;MAAET,OAAO;MAAEK,IAAI;MAAEC,KAAK;MAAEC,MAAM;MAAEC,KAAK;MAAEL,OAAO;MAAEC;IAAM;EAClE,CAAC,GAAGN,eAAe;EACnB,MAAMY,UAAU,GAAG7B,KAAK,KAAK,CAAC;EAE9B,QAAQ,IAAI;IACR,KAAKC,IAAI,KAAKN,QAAQ,CAACa,OAAO;MAC1B,OAAOqB,UAAU,GAAGV,OAAO,CAACC,QAAQ,GAAGD,OAAO,CAACE,MAAM;IACzD,KAAKpB,IAAI,KAAKN,QAAQ,CAACc,OAAO;MAC1B,OAAOoB,UAAU,GAAGP,OAAO,CAACF,QAAQ,GAAGE,OAAO,CAACD,MAAM;IACzD,KAAKpB,IAAI,KAAKN,QAAQ,CAACe,KAAK;MACxB,OAAOmB,UAAU,GAAGN,KAAK,CAACH,QAAQ,GAAGG,KAAK,CAACF,MAAM;IACrD,KAAKpB,IAAI,KAAKN,QAAQ,CAACgB,IAAI;MACvB,OAAOkB,UAAU,GAAGL,IAAI,CAACJ,QAAQ,GAAGI,IAAI,CAACH,MAAM;IACnD,KAAKpB,IAAI,KAAKN,QAAQ,CAACiB,KAAK;MACxB,OAAOiB,UAAU,GAAGJ,KAAK,CAACL,QAAQ,GAAGK,KAAK,CAACJ,MAAM;IACrD,KAAKpB,IAAI,KAAKN,QAAQ,CAACkB,MAAM;MACzB,OAAOgB,UAAU,GAAGH,MAAM,CAACN,QAAQ,GAAGM,MAAM,CAACL,MAAM;IACvD;MACI,OAAOQ,UAAU,GAAGF,KAAK,CAACP,QAAQ,GAAGO,KAAK,CAACN,MAAM;EACzD;AACJ,CAAC;AAACzC,OAAA,CAAAoC,4BAAA,GAAAA,4BAAA"}

package/lib/components/date-info/utils/language.d.ts

@@ -0,0 +1 @@
+export declare const getLanguage: () => Locale;

package/lib/components/date-info/utils/language.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getLanguage = void 0;
+var _locale = require("date-fns/locale");
+const getLanguage = () => {
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+  switch (chayns.env.parameters.translang || chayns.env.language) {
+    case 'en':
+      return _locale.enGB;
+    case 'nl':
+      return _locale.nl;
+    case 'fr':
+      return _locale.fr;
+    case 'it':
+      return _locale.it;
+    case 'pl':
+      return _locale.pl;
+    case 'pt':
+      return _locale.pt;
+    case 'es':
+      return _locale.es;
+    case 'tr':
+      return _locale.tr;
+    case 'uk':
+      return _locale.uk;
+    default:
+      return _locale.de;
+  }
+};
+exports.getLanguage = getLanguage;
+//# sourceMappingURL=language.js.map

package/lib/components/date-info/utils/language.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"language.js","names":["_locale","require","getLanguage","chayns","env","parameters","translang","language","enGB","nl","fr","it","pl","pt","es","tr","uk","de","exports"],"sources":["../../../../src/components/date-info/utils/language.ts"],"sourcesContent":["import { de, enGB, es, fr, it, nl, pl, pt, tr, uk } from 'date-fns/locale';\n\nexport const getLanguage = (): Locale => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n    switch (chayns.env.parameters.translang || chayns.env.language) {\n        case 'en':\n            return enGB;\n        case 'nl':\n            return nl;\n        case 'fr':\n            return fr;\n        case 'it':\n            return it;\n        case 'pl':\n            return pl;\n        case 'pt':\n            return pt;\n        case 'es':\n            return es;\n        case 'tr':\n            return tr;\n        case 'uk':\n            return uk;\n        default:\n            return de;\n    }\n};\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEO,MAAMC,WAAW,GAAGA,CAAA,KAAc;EACrC;EACA,QAAQC,MAAM,CAACC,GAAG,CAACC,UAAU,CAACC,SAAS,IAAIH,MAAM,CAACC,GAAG,CAACG,QAAQ;IAC1D,KAAK,IAAI;MACL,OAAOC,YAAI;IACf,KAAK,IAAI;MACL,OAAOC,UAAE;IACb,KAAK,IAAI;MACL,OAAOC,UAAE;IACb,KAAK,IAAI;MACL,OAAOC,UAAE;IACb,KAAK,IAAI;MACL,OAAOC,UAAE;IACb,KAAK,IAAI;MACL,OAAOC,UAAE;IACb,KAAK,IAAI;MACL,OAAOC,UAAE;IACb,KAAK,IAAI;MACL,OAAOC,UAAE;IACb,KAAK,IAAI;MACL,OAAOC,UAAE;IACb;MACI,OAAOC,UAAE;EACjB;AACJ,CAAC;AAACC,OAAA,CAAAhB,WAAA,GAAAA,WAAA"}

package/lib/components/filter-button/FilterButton.d.ts

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+import { FilterButtonSize, IFilterButtonItem } from './types';
+export type FilterButtonProps = {
+    /**
+     * The items that should be displayed.
+     */
+    items: IFilterButtonItem[];
+    /**
+     * A function that should be executed when an item is selected.
+     */
+    onSelect?: (keys: string[]) => void;
+    /**
+     * The keys of items that should be selected.
+     */
+    selectedItemIds?: string[];
+    /**
+     * The size auf the filter buttons. Use the FilterButtonSize enum.
+     */
+    size?: FilterButtonSize;
+};
+declare const FilterButton: FC<FilterButtonProps>;
+export default FilterButton;

package/lib/components/filter-button/FilterButton.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _FilterButtonItem = _interopRequireDefault(require("./filter-button-item/FilterButtonItem"));
+var _FilterButton = require("./FilterButton.styles");
+var _types = require("./types");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const FilterButton = _ref => {
+  let {
+    selectedItemIds,
+    onSelect,
+    items,
+    size = _types.FilterButtonSize.Normal
+  } = _ref;
+  const [selectedIds, setSelectedIds] = (0, _react.useState)(['all']);
+
+  /**
+   * This function set the selectedItemKey
+   */
+  (0, _react.useEffect)(() => {
+    if (selectedItemIds) {
+      setSelectedIds(selectedItemIds);
+    }
+  }, [selectedItemIds]);
+
+  /**
+   * Function to update the selected items
+   */
+  const handleSelect = (0, _react.useCallback)(id => {
+    let newIds;
+    if (id === 'all') {
+      newIds = selectedIds.includes('all') ? [] : ['all'];
+    } else {
+      newIds = selectedIds.includes(id) ? selectedIds.filter(filteredId => filteredId !== id) : [...selectedIds.filter(filteredId => filteredId !== 'all'), id];
+    }
+    if (newIds.length === 0) {
+      newIds = ['all'];
+    }
+    setSelectedIds(newIds);
+    if (typeof onSelect === 'function') {
+      onSelect(newIds);
+    }
+  }, [onSelect, selectedIds]);
+  const reactItems = (0, _react.useMemo)(() => {
+    if (items.length === 0) {
+      return null;
+    }
+    const array = [/*#__PURE__*/_react.default.createElement(_FilterButtonItem.default, {
+      id: "all",
+      key: "all",
+      onSelect: handleSelect,
+      isSelected: selectedIds.includes('all'),
+      shape: _types.FilterButtonItemShape.Rectangular,
+      size: size,
+      text: "Alle"
+    })];
+    items.forEach(_ref2 => {
+      let {
+        icons,
+        text,
+        color,
+        id
+      } = _ref2;
+      array.push( /*#__PURE__*/_react.default.createElement(_FilterButtonItem.default, {
+        color: color,
+        icons: icons,
+        id: id,
+        key: id,
+        onSelect: handleSelect,
+        isSelected: selectedIds.includes(id),
+        shape: _types.FilterButtonItemShape.Round,
+        size: size,
+        text: text
+      }));
+    });
+    return array;
+  }, [handleSelect, items, selectedIds, size]);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_FilterButton.StyledFilterButton, null, reactItems), [reactItems]);
+};
+FilterButton.displayName = 'FilterButton';
+var _default = FilterButton;
+exports.default = _default;
+//# sourceMappingURL=FilterButton.js.map

package/lib/components/filter-button/FilterButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterButton.js","names":["_react","_interopRequireWildcard","require","_FilterButtonItem","_interopRequireDefault","_FilterButton","_types","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","FilterButton","_ref","selectedItemIds","onSelect","items","size","FilterButtonSize","Normal","selectedIds","setSelectedIds","useState","useEffect","handleSelect","useCallback","id","newIds","includes","filter","filteredId","length","reactItems","useMemo","array","createElement","isSelected","shape","FilterButtonItemShape","Rectangular","text","forEach","_ref2","icons","color","push","Round","StyledFilterButton","displayName","_default","exports"],"sources":["../../../src/components/filter-button/FilterButton.tsx"],"sourcesContent":["import React, { FC, ReactElement, useCallback, useEffect, useMemo, useState } from 'react';\nimport FilterButtonItem from './filter-button-item/FilterButtonItem';\nimport { StyledFilterButton } from './FilterButton.styles';\nimport { FilterButtonItemShape, FilterButtonSize, IFilterButtonItem } from './types';\n\nexport type FilterButtonProps = {\n    /**\n     * The items that should be displayed.\n     */\n    items: IFilterButtonItem[];\n    /**\n     * A function that should be executed when an item is selected.\n     */\n    onSelect?: (keys: string[]) => void;\n    /**\n     * The keys of items that should be selected.\n     */\n    selectedItemIds?: string[];\n    /**\n     * The size auf the filter buttons. Use the FilterButtonSize enum.\n     */\n    size?: FilterButtonSize;\n};\n\nconst FilterButton: FC<FilterButtonProps> = ({\n    selectedItemIds,\n    onSelect,\n    items,\n    size = FilterButtonSize.Normal,\n}) => {\n    const [selectedIds, setSelectedIds] = useState<string[]>(['all']);\n\n    /**\n     * This function set the selectedItemKey\n     */\n    useEffect(() => {\n        if (selectedItemIds) {\n            setSelectedIds(selectedItemIds);\n        }\n    }, [selectedItemIds]);\n\n    /**\n     * Function to update the selected items\n     */\n    const handleSelect = useCallback(\n        (id: string) => {\n            let newIds: string[];\n\n            if (id === 'all') {\n                newIds = selectedIds.includes('all') ? [] : ['all'];\n            } else {\n                newIds = selectedIds.includes(id)\n                    ? selectedIds.filter((filteredId) => filteredId !== id)\n                    : [...selectedIds.filter((filteredId) => filteredId !== 'all'), id];\n            }\n\n            if (newIds.length === 0) {\n                newIds = ['all'];\n            }\n\n            setSelectedIds(newIds);\n\n            if (typeof onSelect === 'function') {\n                onSelect(newIds);\n            }\n        },\n        [onSelect, selectedIds]\n    );\n\n    const reactItems = useMemo(() => {\n        if (items.length === 0) {\n            return null;\n        }\n\n        const array: ReactElement[] = [\n            <FilterButtonItem\n                id=\"all\"\n                key=\"all\"\n                onSelect={handleSelect}\n                isSelected={selectedIds.includes('all')}\n                shape={FilterButtonItemShape.Rectangular}\n                size={size}\n                text=\"Alle\"\n            />,\n        ];\n\n        items.forEach(({ icons, text, color, id }) => {\n            array.push(\n                <FilterButtonItem\n                    color={color}\n                    icons={icons}\n                    id={id}\n                    key={id}\n                    onSelect={handleSelect}\n                    isSelected={selectedIds.includes(id)}\n                    shape={FilterButtonItemShape.Round}\n                    size={size}\n                    text={text}\n                />\n            );\n        });\n\n        return array;\n    }, [handleSelect, items, selectedIds, size]);\n\n    return useMemo(() => <StyledFilterButton>{reactItems}</StyledFilterButton>, [reactItems]);\n};\n\nFilterButton.displayName = 'FilterButton';\n\nexport default FilterButton;\n"],"mappings":"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"}

package/lib/components/filter-button/FilterButton.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledFilterButton: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/filter-button/FilterButton.styles.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledFilterButton = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledFilterButton = _styledComponents.default.div`
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+`;
+exports.StyledFilterButton = StyledFilterButton;
+//# sourceMappingURL=FilterButton.styles.js.map

package/lib/components/filter-button/FilterButton.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterButton.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledFilterButton","styled","div","exports"],"sources":["../../../src/components/filter-button/FilterButton.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledFilterButton = styled.div`\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEhC,MAAMG,kBAAkB,GAAGC,yBAAM,CAACC,GAAI;AAC7C;AACA;AACA;AACA,CAAC;AAACC,OAAA,CAAAH,kBAAA,GAAAA,kBAAA"}

package/lib/components/filter-button/filter-button-item/FilterButtonItem.d.ts

@@ -0,0 +1,14 @@
+import { CSSProperties, FC } from 'react';
+import { FilterButtonItemShape, FilterButtonSize } from '../types';
+export type FilterButtonItemProps = {
+    color?: CSSProperties['color'];
+    icons?: string[];
+    isSelected: boolean;
+    shape: FilterButtonItemShape;
+    size: FilterButtonSize;
+    text: string;
+    id: string;
+    onSelect: (key: string) => void;
+};
+declare const FilterButtonItem: FC<FilterButtonItemProps>;
+export default FilterButtonItem;

package/lib/components/filter-button/filter-button-item/FilterButtonItem.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Icon = _interopRequireDefault(require("../../icon/Icon"));
+var _types = require("../types");
+var _FilterButtonItem = require("./FilterButtonItem.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const FilterButtonItem = _ref => {
+  let {
+    icons,
+    size,
+    shape,
+    text,
+    color,
+    isSelected,
+    id,
+    onSelect
+  } = _ref;
+  const handleClick = (0, _react.useCallback)(() => {
+    onSelect(id);
+  }, [id, onSelect]);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_FilterButtonItem.StyledFilterButtonItem, {
+    isSelected: isSelected,
+    size: size,
+    onClick: handleClick
+  }, /*#__PURE__*/_react.default.createElement(_FilterButtonItem.StyledFilterButtonItemLabel, null, icons && /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icons: icons,
+    size: size === _types.FilterButtonSize.Normal ? 15 : 10
+  }), /*#__PURE__*/_react.default.createElement(_FilterButtonItem.StyledFilterButtonItemLabelText, null, text)), /*#__PURE__*/_react.default.createElement(_FilterButtonItem.StyledFilterButtonItemBorder, {
+    isSelected: isSelected,
+    shape: shape,
+    color: color
+  }), /*#__PURE__*/_react.default.createElement(_FilterButtonItem.StyledMotionFilterButtonItemBackground, {
+    isSelected: isSelected,
+    shape: shape,
+    color: color
+  })), [color, handleClick, icons, isSelected, shape, size, text]);
+};
+FilterButtonItem.displayName = 'FilterButtonItem';
+var _default = FilterButtonItem;
+exports.default = _default;
+//# sourceMappingURL=FilterButtonItem.js.map

package/lib/components/filter-button/filter-button-item/FilterButtonItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterButtonItem.js","names":["_react","_interopRequireWildcard","require","_Icon","_interopRequireDefault","_types","_FilterButtonItem","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","FilterButtonItem","_ref","icons","size","shape","text","color","isSelected","id","onSelect","handleClick","useCallback","useMemo","createElement","StyledFilterButtonItem","onClick","StyledFilterButtonItemLabel","FilterButtonSize","Normal","StyledFilterButtonItemLabelText","StyledFilterButtonItemBorder","StyledMotionFilterButtonItemBackground","displayName","_default","exports"],"sources":["../../../../src/components/filter-button/filter-button-item/FilterButtonItem.tsx"],"sourcesContent":["import React, { CSSProperties, FC, useCallback, useMemo } from 'react';\nimport Icon from '../../icon/Icon';\nimport { FilterButtonItemShape, FilterButtonSize } from '../types';\nimport {\n    StyledFilterButtonItem,\n    StyledFilterButtonItemBorder,\n    StyledFilterButtonItemLabel,\n    StyledFilterButtonItemLabelText,\n    StyledMotionFilterButtonItemBackground,\n} from './FilterButtonItem.styles';\n\nexport type FilterButtonItemProps = {\n    color?: CSSProperties['color'];\n    icons?: string[];\n    isSelected: boolean;\n    shape: FilterButtonItemShape;\n    size: FilterButtonSize;\n    text: string;\n    id: string;\n    onSelect: (key: string) => void;\n};\n\nconst FilterButtonItem: FC<FilterButtonItemProps> = ({\n    icons,\n    size,\n    shape,\n    text,\n    color,\n    isSelected,\n    id,\n    onSelect,\n}) => {\n    const handleClick = useCallback(() => {\n        onSelect(id);\n    }, [id, onSelect]);\n\n    return useMemo(\n        () => (\n            <StyledFilterButtonItem isSelected={isSelected} size={size} onClick={handleClick}>\n                <StyledFilterButtonItemLabel>\n                    {icons && (\n                        <Icon icons={icons} size={size === FilterButtonSize.Normal ? 15 : 10} />\n                    )}\n                    <StyledFilterButtonItemLabelText>{text}</StyledFilterButtonItemLabelText>\n                </StyledFilterButtonItemLabel>\n                <StyledFilterButtonItemBorder isSelected={isSelected} shape={shape} color={color} />\n                <StyledMotionFilterButtonItemBackground\n                    isSelected={isSelected}\n                    shape={shape}\n                    color={color}\n                />\n            </StyledFilterButtonItem>\n        ),\n        [color, handleClick, icons, isSelected, shape, size, text]\n    );\n};\n\nFilterButtonItem.displayName = 'FilterButtonItem';\n\nexport default FilterButtonItem;\n"],"mappings":"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"}

package/lib/components/filter-button/filter-button-item/FilterButtonItem.styles.d.ts

@@ -0,0 +1,26 @@
+import type { CSSProperties } from 'react';
+import { FilterButtonItemShape, FilterButtonSize } from '../types';
+export declare const StyledFilterButtonItem: import("styled-components").StyledComponent<"div", any, {
+    size: FilterButtonSize;
+    isSelected: boolean;
+} & {
+    theme: import("../../color-scheme-provider/ColorSchemeProvider").Theme;
+}, never>;
+export declare const StyledFilterButtonItemLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledFilterButtonItemLabelText: import("styled-components").StyledComponent<"p", any, {
+    theme: import("../../color-scheme-provider/ColorSchemeProvider").Theme;
+}, never>;
+export declare const StyledFilterButtonItemBorder: import("styled-components").StyledComponent<"div", any, {
+    shape: FilterButtonItemShape;
+    color: CSSProperties['color'];
+    isSelected: boolean;
+} & {
+    theme: import("../../color-scheme-provider/ColorSchemeProvider").Theme;
+}, never>;
+export declare const StyledMotionFilterButtonItemBackground: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {
+    shape: FilterButtonItemShape;
+    color: CSSProperties['color'];
+    isSelected: boolean;
+} & {
+    theme: import("../../color-scheme-provider/ColorSchemeProvider").Theme;
+}, never>;