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

package/lib/typescript/styles/theme.d.ts

@@ -0,0 +1,183 @@
+import { StyleProp, ViewStyle } from 'react-native';
+import { FicButtonTheme } from '../components/buttons/FicButton/FicButton.types';
+import { BannerThemeProp } from '../components/notifications/Banner/Banner.types';
+import { CalendarTheme } from './calendarTheme';
+import { Colors } from './colors';
+interface FlatButtonThemeProps {
+    color?: string;
+    disabledColor?: string;
+    backgroundColor?: string;
+    hasShadow?: boolean;
+    shadowColor?: string;
+    borderRadius?: number;
+    disabledStyle?: StyleProp<ViewStyle>;
+    containerStyle?: StyleProp<ViewStyle>;
+}
+interface GradientButtonThemeProps {
+    isHorizontalGradient?: boolean;
+    color?: string;
+    disabledColor?: string;
+    backgroundColors?: string[];
+    disabledBackgroundColors?: string[];
+    hasShadow?: boolean;
+    shadowColor?: string;
+    borderRadius?: number;
+    disabledStyle?: StyleProp<ViewStyle>;
+    containerStyle?: StyleProp<ViewStyle>;
+}
+interface OutlineButtonThemeProps {
+    color?: string;
+    disabledColor?: string;
+    backgroundColor?: string;
+    disabledBackgroundColor?: string;
+    borderColor?: string;
+    disabledBorderColor?: string;
+    hasShadow?: boolean;
+    shadowColor?: string;
+    borderRadius?: number;
+    disabledStyle?: StyleProp<ViewStyle>;
+    containerStyle?: StyleProp<ViewStyle>;
+}
+export interface TextInputThemeProps {
+    color?: string;
+    labelColor?: string;
+    mandatoryIndicatorColor?: string;
+    placeholderColor?: string;
+    inlineLeadingColor?: string;
+    fieldIconColor?: string;
+    borderColor?: string;
+    focusedBorderColor?: string;
+    disabledBorderColor?: string;
+    erroredBorderColor?: string;
+    warningBorderColor?: string;
+    backgroundColor?: string;
+    disabledBackgroundColor?: string;
+}
+interface TypographiesThemeProps {
+    bodyColor?: string;
+    buttonTitleColor?: string;
+    calloutColor?: string;
+    captionOneColor?: string;
+    captionTwoColor?: string;
+    footnoteColor?: string;
+    headlineColor?: string;
+    largeTitleColor?: string;
+    subheadColor?: string;
+    titleOneColor?: string;
+    titleTwoColor?: string;
+    titleThreeColor?: string;
+}
+export interface TouchablesThemeProps {
+    rippleColors?: string;
+    highlightColor?: string;
+}
+export interface SearchBarThemeProps {
+    color?: string;
+    backgroundColor?: string;
+    iconColor?: string;
+    selectionColor?: string;
+    useTextColor?: string;
+    errorColor?: string;
+}
+export interface DurationPickerThemeProps {
+    activeColor?: string;
+    inactiveColor?: string;
+    labelColor?: string;
+    guidesColor?: string;
+}
+export interface BottomSheetHeaderThemeProps {
+    backgroundColor?: string;
+    emptyHeaderBackgroundColor?: string;
+    handleColor?: string;
+    darkHandleColor?: string;
+    titleColor?: string;
+    captionColor?: string;
+    descriptionColor?: string;
+    buttonsColor?: string;
+    loaderColor?: string;
+}
+export interface BottomSheetThemeProps {
+    backgroundColor?: string;
+    backdropColor?: string;
+    cancelButtonBackgroundColor?: string;
+    header?: BottomSheetHeaderThemeProps;
+    handleIndicator: ViewStyle;
+}
+export interface YearMonthPickerThemeProps {
+    backgroundColor?: string;
+    yearColor?: string;
+    arrowsColor?: string;
+    monthsTextColor?: string;
+    monthsBackgroundColor?: string;
+    currentMonthTextColor?: string;
+    currentMonthBackgroundColor?: string;
+    selectedMonthTextColor?: string;
+    selectedMonthBackgroundColor?: string;
+}
+export interface ThemeProps {
+    flatButton?: FlatButtonThemeProps;
+    gradientButton?: GradientButtonThemeProps;
+    outlineButton?: OutlineButtonThemeProps;
+    textInput?: TextInputThemeProps;
+    typographies?: TypographiesThemeProps;
+    searchBar?: SearchBarThemeProps;
+    datePickers?: CalendarTheme;
+    pickers?: DurationPickerThemeProps;
+    bottomSheetHeader?: BottomSheetHeaderThemeProps;
+    yearMonthPickers?: YearMonthPickerThemeProps;
+}
+export interface GenericThemeProps {
+    backgroundLevel0?: string;
+    backgroundLevel1?: string;
+    backgroundLevel2?: string;
+    backgroundLevel3?: string;
+    backgroundLevel4?: string;
+    title?: string;
+    description?: string;
+    disabledTitle?: string;
+    disabledDescription?: string;
+    divider?: string;
+    cardBackground?: string;
+}
+interface Primaries {
+    azure: Colors;
+    red: Colors;
+    green: Colors;
+    yellow: Colors;
+    purple: Colors;
+    blue: Colors;
+}
+export interface Theme {
+    banner?: BannerThemeProp;
+    ficButton?: FicButtonTheme;
+    flatButton: Omit<Required<FlatButtonThemeProps>, 'disabledStyle' | 'containerStyle'> & {
+        disabledStyle?: StyleProp<ViewStyle>;
+        containerStyle?: StyleProp<ViewStyle>;
+    };
+    gradientButton: Omit<Required<GradientButtonThemeProps>, 'disabledStyle' | 'containerStyle'> & {
+        disabledStyle?: StyleProp<ViewStyle>;
+        containerStyle?: StyleProp<ViewStyle>;
+    };
+    outlineButton: Omit<Required<OutlineButtonThemeProps>, 'disabledStyle' | 'containerStyle'> & {
+        disabledStyle?: StyleProp<ViewStyle>;
+        containerStyle?: StyleProp<ViewStyle>;
+    };
+    textInput: Required<TextInputThemeProps>;
+    typographies: Required<TypographiesThemeProps>;
+    touchables: Required<TouchablesThemeProps>;
+    searchBar: Required<SearchBarThemeProps>;
+    datePickers: CalendarTheme;
+    pickers: DurationPickerThemeProps;
+    bottomSheet: Required<BottomSheetThemeProps>;
+    yearMonthPickers: YearMonthPickerThemeProps;
+    generic?: GenericThemeProps;
+    primaries?: Primaries;
+    primariesContrast?: Primaries;
+    primariesLight?: Primaries;
+    primariesDark?: Primaries;
+}
+export declare const ficTheme: Theme;
+export declare const ficDarkTheme: Theme;
+export declare const defaultTheme: Theme;
+export {};
+//# sourceMappingURL=theme.d.ts.map

package/lib/typescript/styles/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/styles/theme.ts"],"names":[],"mappings":"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"}

package/lib/typescript/utils/locale.d.ts

@@ -0,0 +1,15 @@
+import 'moment/min/locales';
+/**
+ * Retrieves the language and optionally the region settings of the device.
+ *
+ * @param {boolean} [withNoRegion] - If `true`, only the language is returned without the region.
+ * @returns {string} The language and region settings of the device.
+ * @example
+ * // Returns "it_IT" or "it" if `withNoRegion` is `true`
+ * const languageRegion = getDeviceLanguageAndRegion(true);
+ */
+export declare const getDeviceLanguageAndRegion: (withNoRegion?: boolean) => string;
+export declare let desiredLocale: string | undefined;
+declare const setLocale: (localeCode: string) => void;
+export default setLocale;
+//# sourceMappingURL=locale.d.ts.map

package/lib/typescript/utils/locale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale.d.ts","sourceRoot":"","sources":["../../../src/utils/locale.ts"],"names":[],"mappings":"AAEA,OAAO,oBAAoB,CAAC;AAoB5B;;;;;;;;GAQG;AACH,eAAO,MAAM,0BAA0B,kBAAmB,OAAO,KAAG,MAOnE,CAAC;AAEF,eAAO,IAAI,aAAa,EAAE,MAAM,GAAG,SAAqB,CAAC;AAEzD,QAAA,MAAM,SAAS,eAAgB,MAAM,SAKpC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "@fattureincloud-mobile/fic-mobile-ds",
-  "version": "1.0.0",
+  "version": "1.2.0",
   "description": "Official Design System for Fatture in Cloud Mobile",
-  "private": false,
   "main": "./lib/commonjs/index.js",
   "module": "./lib/module/index.js",
   "types": "./lib/typescript/index.d.ts",
@@ -32,7 +31,10 @@
     "clean": "del-cli lib",
     "build": "bob build && cp package.json lib/",
     "build:clean": "rm -rf lib && yarn build",
-    "release": "dotenv release-it --only-version"
+    "release": "dotenv release-it",
+    "release:ci": "dotenv release-it --ci",
+    "release:ni": "dotenv release-it --no-increment",
+    "release:rv": "dotenv release-it --release-version"
   },
   "keywords": [
     "react-native",
@@ -54,58 +56,50 @@
     "@babel/core": "^7.20.0",
     "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
     "@babel/preset-env": "^7.20.0",
+    "@babel/runtime": "^7.20.0",
     "@commitlint/config-conventional": "^17.0.0",
-    "@react-native-community/eslint-config": "^3.2.0",
+    "@fortawesome/fontawesome-svg-core": "^6.7.2",
+    "@fortawesome/react-native-fontawesome": "^0.3.2",
+    "@react-native/babel-preset": "0.74.89",
+    "@react-native/eslint-config": "0.74.89",
+    "@react-native/metro-config": "0.74.89",
+    "@react-native/typescript-config": "0.74.89",
     "@release-it/conventional-changelog": "^5.0.0",
     "@types/jest": "^29.2.0",
     "@types/lodash": "^4.17.20",
-    "@types/react": "^18.1.0",
-    "@types/react-native": "^0.70.15",
+    "@types/react": "^18.2.6",
     "@types/react-native-calendars": "^1.1264.3",
     "@types/react-test-renderer": "^18.0.0",
-    "@types/styled-components": "^5.1.0",
-    "@types/styled-components-react-native": "^5.2.5",
     "auto-changelog": "^2.5.0",
-    "babel-jest": "^29.2.1",
+    "babel-jest": "^29.6.3",
     "commitlint": "^17.0.0",
     "del-cli": "^5.0.0",
     "dotenv-cli": "^10.0.0",
     "eslint": "^8.19.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.0.0",
-    "jest": "^29.2.1",
+    "jest": "^29.6.3",
     "lodash": "^4.17.21",
-    "metro-react-native-babel-preset": "0.73.9",
-    "prettier": "^2.4.1",
+    "moment": ">=2.29.1",
+    "prettier": "2.8.8",
+    "react": "18.2.0",
+    "react-native": "0.74.7",
     "react-native-builder-bob": "^0.20.0",
     "react-native-gesture-handler": "2.9.0",
-    "react-test-renderer": "18.1.0",
+    "react-test-renderer": "18.2.0",
     "release-it": "^15.0.0",
-    "typescript": "^4.8.4"
+    "typescript": "5.0.4"
   },
   "dependencies": {
-    "moment": "^2.29.1",
-    "react-dom": "^18.1.0",
     "react-native-calendars": "^1.1312.0",
-    "react-native-typography": "^1.4.1",
-    "react-native-vector-icons": "^10.2.0",
-    "styled-components": "^5.1.1"
-  },
-  "peerDependencies": {
-    "react": "18.1.0",
-    "react-native": "0.70.15",
-    "react-native-gesture-handler": "*",
-    "react-native-reanimated": "*",
     "react-native-typography": "^1.4.1"
   },
-  "packageManager": "yarn@1.22.22",
-  "jest": {
-    "preset": "react-native",
-    "modulePathIgnorePatterns": [
-      "<rootDir>/example/node_modules",
-      "<rootDir>/lib/"
-    ]
+  "peerDependencies": {
+    "moment": ">=2",
+    "react": "18.2.0",
+    "react-native": "0.74.7"
   },
+  "packageManager": "yarn@4.9.3",
   "commitlint": {
     "extends": [
       "@commitlint/config-conventional"
@@ -135,17 +129,10 @@
       "package.json"
     ]
   },
-  "create-react-native-library": {
-    "typescript": true,
-    "languages": "js",
-    "type": "library",
-    "version": "0.51.1"
-  },
   "resolutions": {
-    "react": "18.1.0",
-    "react-dom": "18.1.0",
-    "react-native": "0.70.15",
-    "@types/react": "^18.1.0",
-    "@types/react-native": "^0.70.15"
+    "@types/react": "^18.2.0"
+  },
+  "engines": {
+    "node": ">=18"
   }
 }

package/src/components/Tag/Tag.tsx

@@ -0,0 +1,59 @@
+import React from 'react';
+import { StyleSheet, View, ViewProps } from 'react-native';
+import { Colors } from '../../styles/colors';
+import { CaptionOne } from '../typographies/CaptionOne';
+
+interface ITagProps extends ViewProps {
+  text?: string;
+  color?: string;
+  backgroundColor?: string;
+  rounded?: boolean;
+  avoidUpperCase?: boolean;
+  children?: React.ReactNode;
+}
+
+const Tag: React.FC<ITagProps> = ({
+  text,
+  color = Colors.WHITE,
+  backgroundColor = Colors.GREY_4,
+  rounded = false,
+  children,
+  avoidUpperCase = false,
+  style,
+  ...rest
+}) => {
+  const finalText =
+    text || (!!children && typeof children === 'string' ? children : undefined);
+
+  const containerStyle = [
+    styles.container,
+    {
+      backgroundColor,
+      borderRadius: rounded ? 100 : 4,
+    },
+    style,
+  ];
+
+  return (
+    <View style={containerStyle} {...rest}>
+      {finalText ? (
+        <CaptionOne color={color} numberOfLines={1}>
+          {avoidUpperCase ? finalText : finalText.toUpperCase()}
+        </CaptionOne>
+      ) : (
+        children
+      )}
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingVertical: 2,
+    paddingHorizontal: 5,
+  },
+});
+
+export default Tag;

package/src/components/Tag/index.ts

@@ -0,0 +1,3 @@
+import Tag from './Tag';
+
+export { Tag };

package/src/components/Touchable/Touchable.tsx

@@ -0,0 +1,110 @@
+import { throttle } from 'lodash';
+import React, { FunctionComponent } from 'react';
+import {
+  GestureResponderEvent,
+  Platform,
+  StyleProp,
+  TouchableHighlight,
+  TouchableNativeFeedback,
+  TouchableOpacity,
+  TouchableWithoutFeedbackProps,
+  View,
+  ViewStyle,
+} from 'react-native';
+import { TouchableNativeFeedback as GHTouchableNativeFeedback } from 'react-native-gesture-handler';
+import { useTheme } from '../../hooks/useTheme';
+import { TouchablesThemeProps } from '../../styles/theme';
+
+export interface ITouchableProps extends TouchableWithoutFeedbackProps {
+  onPress?: (event: GestureResponderEvent) => void;
+  style?: StyleProp<ViewStyle>;
+  containerStyle?: StyleProp<ViewStyle>; // Only used by react-native-gesture-handler components
+  disabled?: boolean;
+  highlight?: boolean;
+  borderless?: boolean;
+  gestureHandler?: boolean;
+  theme?: TouchablesThemeProps;
+}
+
+const Touchable: FunctionComponent<ITouchableProps> = ({
+  onPress,
+  children,
+  style,
+  containerStyle,
+  disabled,
+  highlight = false,
+  borderless = false,
+  gestureHandler = true,
+  theme,
+  ...rest
+}) => {
+  const { touchables: touchablesTheme } = useTheme();
+
+  const {
+    rippleColors = touchablesTheme.rippleColors,
+    highlightColor = touchablesTheme.highlightColor,
+  } = theme || {};
+
+  const onPressHandler = onPress && throttle(onPress, 300, { trailing: false });
+
+  // All Android Buttons should have the ripple effect
+  if (Platform.OS === 'android') {
+    if (!gestureHandler || disabled) {
+      return (
+        <TouchableNativeFeedback
+          {...rest}
+          onPress={onPressHandler}
+          background={TouchableNativeFeedback.Ripple(rippleColors, borderless)}
+          useForeground={TouchableNativeFeedback.canUseNativeForeground()}
+          disabled={disabled}
+        >
+          <View style={style}>{children}</View>
+        </TouchableNativeFeedback>
+      );
+    } else {
+      return (
+        <GHTouchableNativeFeedback
+          {...rest}
+          onPress={onPressHandler}
+          // @ts-ignore
+          background={GHTouchableNativeFeedback.Ripple(
+            rippleColors,
+            borderless
+          )}
+          // @ts-ignore
+          useForeground={GHTouchableNativeFeedback.canUseNativeForeground()}
+          disabled={disabled}
+          style={style}
+          // @ts-ignore
+          containerStyle={containerStyle}
+        >
+          {children}
+        </GHTouchableNativeFeedback>
+      );
+    }
+  }
+
+  // Normal iOS buttons use TouchableOpacity
+  return highlight ? (
+    <TouchableHighlight
+      {...rest}
+      onPress={onPressHandler}
+      disabled={disabled}
+      style={style}
+      underlayColor={highlightColor}
+    >
+      {children}
+    </TouchableHighlight>
+  ) : (
+    <TouchableOpacity
+      {...rest}
+      onPress={onPressHandler}
+      disabled={disabled}
+      style={style}
+    >
+      {children}
+    </TouchableOpacity>
+  );
+};
+
+export default Touchable;

package/src/components/Touchable/index.ts

@@ -0,0 +1,3 @@
+import Touchable from './Touchable';
+
+export { Touchable };