@fattureincloud-mobile/fic-mobile-ds 1.0.0 → 1.2.0

package/lib/module/components/base/DatePicker/DatePicker.js

@@ -0,0 +1,251 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import { capitalize } from 'lodash';
+import moment from 'moment';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+// @ts-ignore
+
+import { Calendar } from 'react-native-calendars';
+import { useTheme } from '../../../hooks/useTheme';
+import { Icon } from '../../../providers/IconProvider';
+import { Colors } from '../../../styles/colors';
+import { DEFAULT_ICON_SIZE } from '../../buttons/FicButton/constants';
+import { Body } from '../../typographies/Body';
+import { FontWeight } from '../../typographies/font';
+import { HeaderArrows } from '../HeaderArrows';
+const DatePicker = props => {
+  const {
+    datePickers
+  } = useTheme();
+  const {
+    onDatePicked,
+    value,
+    startingDate,
+    endingDate,
+    minDate,
+    maxDate,
+    showSixWeeks = true,
+    hideExtraDays = false,
+    format = moment.localeData().longDateFormat('L'),
+    firstDay,
+    theme = datePickers,
+    withYearSelector = false,
+    monthIconNames,
+    yearIconNames,
+    headerIconProps
+  } = props;
+
+  // The style for selected days in period 💄
+  const periodMarkingStyle = useMemo(() => ({
+    color: theme.selectedDayBackgroundColor,
+    textColor: theme.selectedDayTextColor
+  }), [theme.selectedDayBackgroundColor, theme.selectedDayTextColor]);
+  const formattedStartingDay = startingDate && moment(startingDate, format).format('YYYY-MM-DD');
+  const formattedEndingDay = endingDate && moment(endingDate, format).format('YYYY-MM-DD');
+  const selectedDate = value && moment(value, format).isValid() ? moment(value, format).format('YYYY-MM-DD') : undefined;
+  const [currentYear, setCurrentYear] = useState(value ? moment(value, format).year() : maxDate ? moment(maxDate, format).year() : moment().year());
+  const [currentMonth, setCurrentMonth] = useState(value ? moment(value, format).month() + 1 : maxDate ? moment(maxDate, format).month() + 1 : moment().month() + 1);
+  useEffect(() => {
+    if (value !== undefined) {
+      // Improved efficiency. No need to update the state if the value is the same.
+      const newMonthFromValue = moment(value, format).month() + 1;
+      const newYearFromValue = moment(value, format).year();
+      if (currentMonth !== newMonthFromValue) {
+        setCurrentMonth(newMonthFromValue);
+      }
+      if (currentYear !== newYearFromValue) {
+        setCurrentYear(newYearFromValue);
+      }
+    }
+  }, [value]);
+  const currentDate = useMemo(() => moment(`${currentYear}-${currentMonth}`, 'YYYY-M').format('YYYY-MM-DD'), [currentYear, currentMonth]);
+
+  // Creates the object with all the days between startDate and endDate styled correctly
+  const createDatePeriod = useCallback((startDate, endDate) => {
+    const dateRange = {
+      [startDate]: {
+        startingDay: true,
+        ...periodMarkingStyle
+      },
+      [endDate]: {
+        endingDay: true,
+        ...periodMarkingStyle
+      }
+    };
+    if (startDate && endDate) {
+      let start = moment(startDate).startOf('day').add(1, 'days');
+      const end = moment(endDate).startOf('day');
+      while (end.isAfter(start)) {
+        Object.assign(dateRange, {
+          [start.format('YYYY-MM-DD')]: periodMarkingStyle
+        });
+        start = start.add(1, 'days');
+      }
+    }
+    return dateRange;
+  }, [periodMarkingStyle]);
+  const onDateSelected = useCallback(date => onDatePicked(moment(date.dateString).format(format)), [format, onDatePicked]);
+  const markingType = !!formattedStartingDay && formattedStartingDay !== selectedDate || !!formattedEndingDay && formattedEndingDay !== selectedDate ? 'period' : undefined;
+  const formattedMinDate = minDate && moment(minDate, format).format('YYYY-MM-DD');
+  const formattedMaxDate = maxDate && moment(maxDate, format).format('YYYY-MM-DD');
+  const isTodayBetweenStartingDayAndSelected = !!selectedDate && !!formattedStartingDay && moment().isBetween(moment(formattedStartingDay).startOf('day'), moment(selectedDate).endOf('day'));
+  const isTodayBetweenSelectedAndEndingDay = !!selectedDate && !!formattedEndingDay && moment().isBetween(moment(selectedDate).startOf('day'), moment(formattedEndingDay).endOf('day'));
+  const isSelectedDateToday = !!selectedDate && moment().isSame(moment(selectedDate), 'day');
+  const isTodayInRange = !!selectedDate && (isTodayBetweenStartingDayAndSelected || isTodayBetweenSelectedAndEndingDay || isSelectedDateToday);
+  const {
+    todayBackgroundColor,
+    todayTextColor,
+    arrowColor,
+    monthTextColor,
+    textMonthFontWeight,
+    ...restTheme
+  } = theme;
+  const markedDates = useMemo(() => {
+    const toReturn = {};
+
+    // Filling markedDates for the calendar
+    if (!!formattedStartingDay) {
+      // If startingDay is defined, treat this calendar as a period picker for the endingDay
+      if (!!selectedDate) {
+        if (formattedStartingDay === selectedDate) {
+          toReturn[formattedStartingDay] = {
+            selected: true
+          };
+        } else {
+          // Sets all the days between the selected dates with the selected style
+          Object.assign(toReturn, createDatePeriod(formattedStartingDay, selectedDate));
+        }
+      } else {
+        toReturn[formattedStartingDay] = {
+          startingDay: true,
+          ...periodMarkingStyle
+        };
+      }
+    } else if (!!formattedEndingDay) {
+      // If endingDay is defined, treat this calendar as a period picker for the startingDay
+      if (!!selectedDate) {
+        if (formattedEndingDay === selectedDate) {
+          toReturn[formattedEndingDay] = {
+            selected: true
+          };
+        } else {
+          // Sets all the days between the selected dates with the selected style
+          Object.assign(toReturn, createDatePeriod(selectedDate, formattedEndingDay));
+        }
+      } else {
+        toReturn[formattedEndingDay] = {
+          endingDay: true,
+          ...periodMarkingStyle
+        };
+      }
+    } else if (!!selectedDate) {
+      // Simple picker
+      toReturn[selectedDate] = {
+        selected: true
+      };
+    }
+
+    // If today is not selected, we want to style the day with the todayBackgroundColor
+    if (!isTodayInRange) {
+      if (markingType === 'period') {
+        // Whether today is after the starting date or before the ending date
+        const isAfterStartingDate = !!formattedStartingDay && moment().isAfter(moment(formattedStartingDay).startOf('day'));
+        const isBeforeEndingDate = !!formattedEndingDay && moment().isBefore(moment(formattedEndingDay).endOf('day'));
+        const isSelectable = isAfterStartingDate || isBeforeEndingDate;
+        if (isSelectable) {
+          toReturn[moment().format('YYYY-MM-DD')] = {
+            startingDay: true,
+            endingDay: true,
+            color: todayBackgroundColor,
+            textColor: todayTextColor
+          };
+        }
+      } else {
+        toReturn[moment().format('YYYY-MM-DD')] = {
+          color: todayBackgroundColor,
+          textColor: todayTextColor
+        };
+      }
+    }
+    return toReturn;
+  }, [formattedStartingDay, formattedEndingDay, periodMarkingStyle, selectedDate, createDatePeriod, isTodayInRange, markingType, todayBackgroundColor, todayTextColor]);
+  const onPreviousYearPress = () => {
+    setCurrentYear(currentYear - 1);
+  };
+  const onPreviousMonthPress = () => {
+    if (currentMonth === 1) {
+      setCurrentYear(currentYear - 1);
+      setCurrentMonth(12);
+    } else {
+      setCurrentMonth(currentMonth - 1);
+    }
+  };
+  const onNextYearPress = () => {
+    setCurrentYear(currentYear + 1);
+  };
+  const onNextMonthPress = () => {
+    if (currentMonth === 12) {
+      setCurrentYear(currentYear + 1);
+      setCurrentMonth(1);
+    } else {
+      setCurrentMonth(currentMonth + 1);
+    }
+  };
+  const Arrows = ({
+    direction
+  }) => {
+    const createIconComponent = (name, calendarUnit) => ({
+      component: /*#__PURE__*/React.createElement(Icon, _extends({
+        name: name,
+        size: DEFAULT_ICON_SIZE,
+        color: arrowColor || Colors.BLUE
+      }, headerIconProps)),
+      calendarUnit
+    });
+    const _monthIconName = monthIconNames ? direction === 'left' ? monthIconNames.left : monthIconNames.right : `chevron-${direction}`;
+    const _yearIconName = yearIconNames ? direction === 'left' ? yearIconNames.left : yearIconNames.right : `chevron-double-${direction}`;
+    const monthIconComponent = createIconComponent(_monthIconName, 'month');
+    const yearIconComponent = createIconComponent(_yearIconName, 'year');
+    return /*#__PURE__*/React.createElement(HeaderArrows, {
+      withYearSelector: withYearSelector,
+      monthIconComponent: monthIconComponent,
+      yearIconComponent: yearIconComponent,
+      onPreviousMonthPress: onPreviousMonthPress,
+      onPreviousYearPress: onPreviousYearPress,
+      onNextMonthPress: onNextMonthPress,
+      onNextYearPress: onNextYearPress,
+      direction: direction
+    });
+  };
+
+  // Memoized Header
+  const Header = useMemo(() => /*#__PURE__*/React.createElement(Body, {
+    color: monthTextColor || Colors.BLUE,
+    weight: FontWeight.SEMIBOLD,
+    style: {
+      fontWeight: textMonthFontWeight
+    }
+  }, capitalize(moment(`${currentMonth}-${currentYear}`, 'M-YYYY').format('MMMM YYYY'))), [currentMonth, currentYear]);
+  return /*#__PURE__*/React.createElement(Calendar, {
+    disableArrowLeft: true,
+    disableArrowRight: true,
+    key: `${currentYear}-${currentMonth}`,
+    renderArrow: direction => /*#__PURE__*/React.createElement(Arrows, {
+      direction: direction
+    }),
+    renderHeader: () => Header,
+    onDayPress: onDateSelected,
+    current: currentDate || selectedDate || formattedStartingDay || formattedEndingDay || formattedMinDate || formattedMaxDate,
+    hideExtraDays: hideExtraDays
+    // @ts-ignore
+    ,
+    showSixWeeks: showSixWeeks,
+    markingType: markingType,
+    markedDates: markedDates,
+    minDate: formattedMinDate || formattedStartingDay,
+    maxDate: formattedMaxDate || formattedEndingDay,
+    firstDay: firstDay,
+    theme: isTodayInRange ? restTheme : theme
+  });
+};
+export default DatePicker;
+//# sourceMappingURL=DatePicker.js.map

package/lib/module/components/base/DatePicker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["capitalize","moment","React","useCallback","useEffect","useMemo","useState","Calendar","useTheme","Icon","Colors","DEFAULT_ICON_SIZE","Body","FontWeight","HeaderArrows","DatePicker","props","datePickers","onDatePicked","value","startingDate","endingDate","minDate","maxDate","showSixWeeks","hideExtraDays","format","localeData","longDateFormat","firstDay","theme","withYearSelector","monthIconNames","yearIconNames","headerIconProps","periodMarkingStyle","color","selectedDayBackgroundColor","textColor","selectedDayTextColor","formattedStartingDay","formattedEndingDay","selectedDate","isValid","undefined","currentYear","setCurrentYear","year","currentMonth","setCurrentMonth","month","newMonthFromValue","newYearFromValue","currentDate","createDatePeriod","startDate","endDate","dateRange","startingDay","endingDay","start","startOf","add","end","isAfter","Object","assign","onDateSelected","date","dateString","markingType","formattedMinDate","formattedMaxDate","isTodayBetweenStartingDayAndSelected","isBetween","endOf","isTodayBetweenSelectedAndEndingDay","isSelectedDateToday","isSame","isTodayInRange","todayBackgroundColor","todayTextColor","arrowColor","monthTextColor","textMonthFontWeight","restTheme","markedDates","toReturn","selected","isAfterStartingDate","isBeforeEndingDate","isBefore","isSelectable","onPreviousYearPress","onPreviousMonthPress","onNextYearPress","onNextMonthPress","Arrows","direction","createIconComponent","name","calendarUnit","component","createElement","_extends","size","BLUE","_monthIconName","left","right","_yearIconName","monthIconComponent","yearIconComponent","Header","weight","SEMIBOLD","style","fontWeight","disableArrowLeft","disableArrowRight","key","renderArrow","renderHeader","onDayPress","current"],"sourceRoot":"../../../../../src","sources":["components/base/DatePicker/DatePicker.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/base/DatePicker/index.js

@@ -0,0 +1,3 @@
+import DatePicker from './DatePicker';
+export { DatePicker };
+//# sourceMappingURL=index.js.map

package/lib/module/components/base/DatePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DatePicker"],"sourceRoot":"../../../../../src","sources":["components/base/DatePicker/index.ts"],"mappings":"AAAA,OAAOA,UAAU,MAA4B,cAAc;AAE3D,SAASA,UAAU","ignoreList":[]}

package/lib/module/components/base/HeaderArrows/HeaderArrows.js

@@ -0,0 +1,70 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Touchable } from '../../Touchable';
+const HeaderArrows = ({
+  withYearSelector,
+  direction,
+  monthIconComponent,
+  yearIconComponent,
+  onPreviousMonthPress,
+  onPreviousYearPress,
+  onNextMonthPress,
+  onNextYearPress
+}) => {
+  const iconSet = withYearSelector ? [monthIconComponent, yearIconComponent] : [monthIconComponent];
+  const iconsToBeRendered = direction === 'left' ? iconSet.reverse() : iconSet;
+  const actions = {
+    left: {
+      month: onPreviousMonthPress,
+      year: onPreviousYearPress
+    },
+    right: {
+      month: onNextMonthPress,
+      year: onNextYearPress
+    }
+  };
+  const handleAction = calendarUnit => {
+    var _actions$direction, _actions$direction$ca;
+    return actions === null || actions === void 0 || (_actions$direction = actions[direction]) === null || _actions$direction === void 0 || (_actions$direction$ca = _actions$direction[calendarUnit]) === null || _actions$direction$ca === void 0 ? void 0 : _actions$direction$ca.call(_actions$direction);
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, iconsToBeRendered.map(({
+    calendarUnit,
+    component
+  }, idx) => /*#__PURE__*/React.createElement(Touchable, {
+    key: idx,
+    style: [styles.iconContainer, direction === 'left' && styles.iconContainerLeft, direction === 'right' && styles.iconContainerRight],
+    hitSlop: {
+      top: 8,
+      right: 8,
+      bottom: 8,
+      left: 8
+    },
+    onPress: () => handleAction(calendarUnit)
+  }, component)));
+};
+const styles = StyleSheet.create({
+  // For some reasons if we display custom arrows a horizontal padding of 10px is applied to the header container
+  container: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    marginLeft: -10,
+    marginRight: -10
+  },
+  iconContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 5
+  },
+  iconContainerLeft: {
+    marginRight: 16,
+    marginLeft: 0
+  },
+  iconContainerRight: {
+    marginRight: 0,
+    marginLeft: 16
+  }
+});
+export default HeaderArrows;
+//# sourceMappingURL=HeaderArrows.js.map

package/lib/module/components/base/HeaderArrows/HeaderArrows.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","Touchable","HeaderArrows","withYearSelector","direction","monthIconComponent","yearIconComponent","onPreviousMonthPress","onPreviousYearPress","onNextMonthPress","onNextYearPress","iconSet","iconsToBeRendered","reverse","actions","left","month","year","right","handleAction","calendarUnit","_actions$direction","_actions$direction$ca","call","createElement","style","styles","container","map","component","idx","key","iconContainer","iconContainerLeft","iconContainerRight","hitSlop","top","bottom","onPress","create","alignItems","flexDirection","marginLeft","marginRight","padding"],"sourceRoot":"../../../../../src","sources":["components/base/HeaderArrows/HeaderArrows.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAA6B,OAAO;AAChD,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,SAAS,QAAQ,iBAAiB;AAc3C,MAAMC,YAAmD,GAAGA,CAAC;EAC3DC,gBAAgB;EAChBC,SAAS;EACTC,kBAAkB;EAClBC,iBAAiB;EACjBC,oBAAoB;EACpBC,mBAAmB;EACnBC,gBAAgB;EAChBC;AACF,CAAC,KAAK;EACJ,MAAMC,OAAwB,GAAGR,gBAAgB,GAC7C,CAACE,kBAAkB,EAAEC,iBAAiB,CAAC,GACvC,CAACD,kBAAkB,CAAC;EAExB,MAAMO,iBAAkC,GACtCR,SAAS,KAAK,MAAM,GAAGO,OAAO,CAACE,OAAO,CAAC,CAAC,GAAGF,OAAO;EAEpD,MAAMG,OAAsE,GAC1E;IACEC,IAAI,EAAE;MACJC,KAAK,EAAET,oBAAoB;MAC3BU,IAAI,EAAET;IACR,CAAC;IACDU,KAAK,EAAE;MACLF,KAAK,EAAEP,gBAAgB;MACvBQ,IAAI,EAAEP;IACR;EACF,CAAC;EAEH,MAAMS,YAAY,GAAIC,YAA0B;IAAA,IAAAC,kBAAA,EAAAC,qBAAA;IAAA,OAC9CR,OAAO,aAAPA,OAAO,gBAAAO,kBAAA,GAAPP,OAAO,CAAGV,SAAS,CAAC,cAAAiB,kBAAA,gBAAAC,qBAAA,GAApBD,kBAAA,CAAuBD,YAAY,CAAC,cAAAE,qBAAA,uBAApCA,qBAAA,CAAAC,IAAA,CAAAF,kBAAuC,CAAC;EAAA;EAE1C,oBACEvB,KAAA,CAAA0B,aAAA,CAACxB,IAAI;IAACyB,KAAK,EAAEC,MAAM,CAACC;EAAU,GAC3Bf,iBAAiB,CAACgB,GAAG,CAAC,CAAC;IAAER,YAAY;IAAES;EAAU,CAAC,EAAEC,GAAG,kBACtDhC,KAAA,CAAA0B,aAAA,CAACvB,SAAS;IACR8B,GAAG,EAAED,GAAI;IACTL,KAAK,EAAE,CACLC,MAAM,CAACM,aAAa,EACpB5B,SAAS,KAAK,MAAM,IAAIsB,MAAM,CAACO,iBAAiB,EAChD7B,SAAS,KAAK,OAAO,IAAIsB,MAAM,CAACQ,kBAAkB,CAClD;IACFC,OAAO,EAAE;MAAEC,GAAG,EAAE,CAAC;MAAElB,KAAK,EAAE,CAAC;MAAEmB,MAAM,EAAE,CAAC;MAAEtB,IAAI,EAAE;IAAE,CAAE;IAClDuB,OAAO,EAAEA,CAAA,KAAMnB,YAAY,CAACC,YAAY;EAAE,GAEzCS,SACQ,CACZ,CACG,CAAC;AAEX,CAAC;AAED,MAAMH,MAAM,GAAG3B,UAAU,CAACwC,MAAM,CAAC;EAC/B;EACAZ,SAAS,EAAE;IACTa,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,CAAC,EAAE;IACfC,WAAW,EAAE,CAAC;EAChB,CAAC;EACDX,aAAa,EAAE;IACbS,aAAa,EAAE,KAAK;IACpBD,UAAU,EAAE,QAAQ;IACpBI,OAAO,EAAE;EACX,CAAC;EACDX,iBAAiB,EAAE;IACjBU,WAAW,EAAE,EAAE;IACfD,UAAU,EAAE;EACd,CAAC;EACDR,kBAAkB,EAAE;IAClBS,WAAW,EAAE,CAAC;IACdD,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,eAAexC,YAAY","ignoreList":[]}

package/lib/module/components/base/HeaderArrows/index.js

@@ -0,0 +1,3 @@
+import HeaderArrows from './HeaderArrows';
+export { HeaderArrows };
+//# sourceMappingURL=index.js.map

package/lib/module/components/base/HeaderArrows/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HeaderArrows"],"sourceRoot":"../../../../../src","sources":["components/base/HeaderArrows/index.ts"],"mappings":"AAAA,OAAOA,YAAY,MAAM,gBAAgB;AAEzC,SAASA,YAAY","ignoreList":[]}

package/lib/module/components/buttons/FicButton/FicButton.js

@@ -0,0 +1,36 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+// @ts-ignore TS6133
+import React from 'react';
+import FicButtonIcon from './FicButtonIcon';
+import FicButtonPrimary from './FicButtonPrimary';
+import FicButtonSecondary from './FicButtonSecondary';
+import FicButtonTertiary from './FicButtonTertiary';
+const FicButton = ({
+  type = 'primary',
+  ...commonProps
+}) => {
+  const _iconPosition = commonProps.iconPosition ? commonProps.iconPosition : commonProps.iconName ? 'left' : undefined;
+  const FButton = () => {
+    switch (type) {
+      case 'icon':
+        return /*#__PURE__*/React.createElement(FicButtonIcon, _extends({
+          isPressable: true
+        }, commonProps));
+      case 'secondary':
+        return /*#__PURE__*/React.createElement(FicButtonSecondary, _extends({
+          iconPosition: _iconPosition
+        }, commonProps));
+      case 'tertiary':
+        return /*#__PURE__*/React.createElement(FicButtonTertiary, _extends({
+          iconPosition: _iconPosition
+        }, commonProps));
+      default:
+        return /*#__PURE__*/React.createElement(FicButtonPrimary, _extends({
+          iconPosition: _iconPosition
+        }, commonProps));
+    }
+  };
+  return /*#__PURE__*/React.createElement(FButton, null);
+};
+export default FicButton;
+//# sourceMappingURL=FicButton.js.map

package/lib/module/components/buttons/FicButton/FicButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","FicButtonIcon","FicButtonPrimary","FicButtonSecondary","FicButtonTertiary","FicButton","type","commonProps","_iconPosition","iconPosition","iconName","undefined","FButton","createElement","_extends","isPressable"],"sourceRoot":"../../../../../src","sources":["components/buttons/FicButton/FicButton.tsx"],"mappings":";AAAA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,OAAOC,iBAAiB,MAAM,qBAAqB;AAEnD,MAAMC,SAAmC,GAAGA,CAAC;EAC3CC,IAAI,GAAG,SAAS;EAChB,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAGD,WAAW,CAACE,YAAY,GAC1CF,WAAW,CAACE,YAAY,GACxBF,WAAW,CAACG,QAAQ,GACpB,MAAM,GACNC,SAAS;EAEb,MAAMC,OAAO,GAAGA,CAAA,KAAM;IACpB,QAAQN,IAAI;MACV,KAAK,MAAM;QACT,oBAAON,KAAA,CAAAa,aAAA,CAACZ,aAAa,EAAAa,QAAA;UAACC,WAAW;QAAA,GAAKR,WAAW,CAAG,CAAC;MACvD,KAAK,WAAW;QACd,oBACEP,KAAA,CAAAa,aAAA,CAACV,kBAAkB,EAAAW,QAAA;UAACL,YAAY,EAAED;QAAc,GAAKD,WAAW,CAAG,CAAC;MAExE,KAAK,UAAU;QACb,oBACEP,KAAA,CAAAa,aAAA,CAACT,iBAAiB,EAAAU,QAAA;UAACL,YAAY,EAAED;QAAc,GAAKD,WAAW,CAAG,CAAC;MAEvE;QACE,oBACEP,KAAA,CAAAa,aAAA,CAACX,gBAAgB,EAAAY,QAAA;UAACL,YAAY,EAAED;QAAc,GAAKD,WAAW,CAAG,CAAC;IAExE;EACF,CAAC;EAED,oBAAOP,KAAA,CAAAa,aAAA,CAACD,OAAO,MAAE,CAAC;AACpB,CAAC;AAED,eAAeP,SAAS","ignoreList":[]}

package/lib/module/components/buttons/FicButton/FicButton.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=FicButton.types.js.map

package/lib/module/components/buttons/FicButton/FicButton.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/buttons/FicButton/FicButton.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/buttons/FicButton/FicButtonIcon.js

@@ -0,0 +1,96 @@
+// @ts-ignore TS6133
+import * as React from 'react';
+import { useCallback, useMemo, useState } from 'react';
+import { Platform, Pressable as PressableIOS, View } from 'react-native';
+import { TouchableHighlight } from 'react-native-gesture-handler';
+import { useTheme } from '../../../hooks/useTheme';
+import { Icon } from '../../../providers/IconProvider';
+import { DEFAULT_ICON, DEFAULT_ICON_SIZE, HIT_SLOP } from './constants';
+const FicButtonIcon = ({
+  iconName,
+  iconSize: _iconSize,
+  disabled,
+  error,
+  onPress,
+  onPressIn,
+  onPressOut,
+  containerStyle,
+  customPressedIconAreaSize,
+  colorContrastForLightTheme,
+  solid,
+  light,
+  duotone,
+  regular
+}) => {
+  const Pressable = Platform.OS === 'ios' ? PressableIOS : TouchableHighlight;
+  const INCREMENT_PRESSED_AREA_SIZE = 16;
+  const iconSize = _iconSize ?? DEFAULT_ICON_SIZE;
+  const {
+    ficButton: theme
+  } = useTheme() || {};
+  const buttonTheme = (theme === null || theme === void 0 ? void 0 : theme['icon']) || {};
+  const themeProps = disabled ? buttonTheme.disabled : error ? buttonTheme.error : buttonTheme.default;
+  const [isPressed, setIsPressed] = useState(false);
+  const pressedAreaSize = useMemo(() => customPressedIconAreaSize ? customPressedIconAreaSize : iconSize + INCREMENT_PRESSED_AREA_SIZE, [iconSize, customPressedIconAreaSize]);
+  const pressableAreaStyle = useMemo(() => {
+    var _themeProps$pressedSt;
+    return {
+      position: 'absolute',
+      top: (pressedAreaSize - iconSize) / 2 * -1,
+      left: (pressedAreaSize - iconSize) / 2 * -1,
+      width: pressedAreaSize ?? iconSize,
+      height: pressedAreaSize ?? iconSize,
+      borderRadius: pressedAreaSize / 6,
+      ...(themeProps === null || themeProps === void 0 || (_themeProps$pressedSt = themeProps.pressedStyle) === null || _themeProps$pressedSt === void 0 ? void 0 : _themeProps$pressedSt.container)
+    };
+  }, [iconSize, pressedAreaSize, themeProps]);
+  const iconStyle = useMemo(() => ({
+    textAlign: 'center',
+    lineHeight: iconSize,
+    width: iconSize,
+    height: iconSize,
+    fontSize: iconSize ? iconSize === 16 ? iconSize - 2 : iconSize - 4 : DEFAULT_ICON_SIZE
+  }), [iconSize]);
+  const iconColor = useMemo(() => {
+    return colorContrastForLightTheme && !error ? themeProps !== null && themeProps !== void 0 && themeProps.icon.colorContrastForLightTheme ? themeProps === null || themeProps === void 0 ? void 0 : themeProps.icon.colorContrastForLightTheme : themeProps === null || themeProps === void 0 ? void 0 : themeProps.icon.color : themeProps === null || themeProps === void 0 ? void 0 : themeProps.icon.color;
+  }, [colorContrastForLightTheme, error, themeProps]);
+  const handleOnPressIn = e => {
+    if (onPressIn) onPressIn(e);
+    setIsPressed(true);
+  };
+  const handleOnPressOut = e => {
+    if (onPressOut) onPressOut(e);
+    setIsPressed(false);
+  };
+  const handleOnPress = e => {
+    if (onPress) onPress(e);
+  };
+  const FicIcon = useCallback(() => /*#__PURE__*/React.createElement(Icon, {
+    name: iconName ?? DEFAULT_ICON,
+    solid: solid,
+    light: light,
+    duotone: duotone,
+    regular: regular,
+    size: iconSize,
+    color: iconColor,
+    style: iconStyle
+  }), [iconName, iconSize, colorContrastForLightTheme, error, iconStyle, themeProps, solid, light, regular, duotone]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      width: _iconSize,
+      height: _iconSize
+    }
+  }, isPressed ? /*#__PURE__*/React.createElement(View, {
+    style: [pressableAreaStyle]
+  }) : null, /*#__PURE__*/React.createElement(Pressable, {
+    style: [themeProps === null || themeProps === void 0 ? void 0 : themeProps.container, containerStyle],
+    onPress: handleOnPress,
+    onPressIn: handleOnPressIn,
+    onPressOut: handleOnPressOut,
+    hitSlop: HIT_SLOP,
+    disabled: disabled,
+    underlayColor: 'transparent'
+  }, FicIcon()));
+};
+export default FicButtonIcon;
+//# sourceMappingURL=FicButtonIcon.js.map

package/lib/module/components/buttons/FicButton/FicButtonIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","useState","Platform","Pressable","PressableIOS","View","TouchableHighlight","useTheme","Icon","DEFAULT_ICON","DEFAULT_ICON_SIZE","HIT_SLOP","FicButtonIcon","iconName","iconSize","_iconSize","disabled","error","onPress","onPressIn","onPressOut","containerStyle","customPressedIconAreaSize","colorContrastForLightTheme","solid","light","duotone","regular","OS","INCREMENT_PRESSED_AREA_SIZE","ficButton","theme","buttonTheme","themeProps","default","isPressed","setIsPressed","pressedAreaSize","pressableAreaStyle","_themeProps$pressedSt","position","top","left","width","height","borderRadius","pressedStyle","container","iconStyle","textAlign","lineHeight","fontSize","iconColor","icon","color","handleOnPressIn","e","handleOnPressOut","handleOnPress","FicIcon","createElement","name","size","style","hitSlop","underlayColor"],"sourceRoot":"../../../../../src","sources":["components/buttons/FicButton/FicButtonIcon.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/buttons/FicButton/FicButtonPrimary.js

@@ -0,0 +1,114 @@
+import * as React from 'react';
+import { useCallback, useMemo, useState } from 'react';
+import { Platform, Pressable, View } from 'react-native';
+import { TouchableHighlight } from 'react-native-gesture-handler';
+import { useTheme } from '../../../hooks/useTheme';
+import { Icon } from '../../../providers/IconProvider';
+import { BORDER_RADIUS, PADDING } from '../../../styles/space';
+import { Body } from '../../typographies/Body';
+import { BUTTON_INTERNAL_PADDING_HORIZONTAL, DEFAULT_ICON, DEFAULT_ICON_SIZE, DEFAULT_TITLE, ICON_HORIZONTAL_MARGIN } from './constants';
+const FicButtonPrimary = ({
+  title,
+  iconName,
+  iconSize,
+  onPress,
+  onPressIn,
+  onPressOut,
+  disabled,
+  error,
+  iconPosition,
+  fullWidth,
+  small,
+  solid,
+  regular,
+  light,
+  duotone,
+  containerStyle
+}) => {
+  var _themeProps$pressedSt3;
+  const {
+    ficButton: theme
+  } = useTheme() || {};
+  const buttonTheme = (theme === null || theme === void 0 ? void 0 : theme['primary']) || {};
+  const themeProps = disabled ? buttonTheme.disabled : error ? buttonTheme.error : buttonTheme.default;
+  const containerStyleObj = containerStyle ?? {};
+  const [isPressed, setIsPressed] = useState(false);
+  const styleBasedOnPress = useMemo(() => {
+    var _themeProps$pressedSt;
+    return {
+      ...(isPressed && !disabled ? themeProps === null || themeProps === void 0 || (_themeProps$pressedSt = themeProps.pressedStyle) === null || _themeProps$pressedSt === void 0 ? void 0 : _themeProps$pressedSt.container : themeProps === null || themeProps === void 0 ? void 0 : themeProps.container)
+    };
+  }, [disabled, themeProps, isPressed]);
+  const ficPrimaryViewStyle = useMemo(() => ({
+    paddingHorizontal: BUTTON_INTERNAL_PADDING_HORIZONTAL,
+    paddingVertical: small ? PADDING.SM : PADDING.LG,
+    width: fullWidth ? '100%' : 'auto',
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  }), [fullWidth, small]);
+  const bodyStyle = useMemo(() => {
+    var _themeProps$pressedSt2;
+    return {
+      marginLeft: iconPosition === 'left' ? ICON_HORIZONTAL_MARGIN : 0,
+      marginRight: iconPosition === 'right' ? ICON_HORIZONTAL_MARGIN : 0,
+      ...(isPressed && !disabled ? themeProps === null || themeProps === void 0 || (_themeProps$pressedSt2 = themeProps.pressedStyle) === null || _themeProps$pressedSt2 === void 0 ? void 0 : _themeProps$pressedSt2.text : themeProps === null || themeProps === void 0 ? void 0 : themeProps.text)
+    };
+  }, [iconPosition, themeProps, disabled, isPressed]);
+  const handleOnPressIn = e => {
+    if (onPressIn) onPressIn(e);
+    setIsPressed(true);
+  };
+  const handleOnPressOut = e => {
+    if (onPressOut) onPressOut(e);
+    setIsPressed(false);
+  };
+  const handleOnPress = e => {
+    if (onPress) {
+      onPress(e);
+    }
+  };
+  const FicPrimary = useCallback(() => {
+    return /*#__PURE__*/React.createElement(View, {
+      style: ficPrimaryViewStyle
+    }, iconPosition === 'left' ? /*#__PURE__*/React.createElement(Icon, {
+      name: iconName || DEFAULT_ICON,
+      size: iconSize ?? DEFAULT_ICON_SIZE,
+      color: themeProps === null || themeProps === void 0 ? void 0 : themeProps.icon.color,
+      solid: solid,
+      regular: regular,
+      light: light,
+      duotone: duotone
+    }) : null, /*#__PURE__*/React.createElement(Body, {
+      text: title ?? DEFAULT_TITLE,
+      style: bodyStyle
+    }), iconPosition === 'right' ? /*#__PURE__*/React.createElement(Icon, {
+      name: iconName || DEFAULT_ICON,
+      size: iconSize ?? DEFAULT_ICON_SIZE,
+      color: themeProps === null || themeProps === void 0 ? void 0 : themeProps.icon.color,
+      solid: solid,
+      regular: regular,
+      light: light,
+      duotone: duotone
+    }) : null);
+  }, [iconPosition, iconName, iconSize, bodyStyle, title, ficPrimaryViewStyle, themeProps, solid, regular, light, duotone]);
+  return Platform.OS === 'android' ? /*#__PURE__*/React.createElement(TouchableHighlight, {
+    disabled: disabled,
+    containerStyle: [containerStyleObj],
+    style: [{
+      borderRadius: BORDER_RADIUS.SM
+    }, styleBasedOnPress],
+    onPress: handleOnPress,
+    onPressIn: handleOnPressIn,
+    onPressOut: handleOnPressOut,
+    underlayColor: themeProps === null || themeProps === void 0 || (_themeProps$pressedSt3 = themeProps.pressedStyle) === null || _themeProps$pressedSt3 === void 0 ? void 0 : _themeProps$pressedSt3.container.backgroundColor
+  }, FicPrimary()) : /*#__PURE__*/React.createElement(Pressable, {
+    disabled: disabled,
+    style: [styleBasedOnPress, containerStyleObj],
+    onPress: handleOnPress,
+    onPressIn: handleOnPressIn,
+    onPressOut: handleOnPressOut
+  }, FicPrimary());
+};
+export default FicButtonPrimary;
+//# sourceMappingURL=FicButtonPrimary.js.map