jornada-ui 0.4.13 → 0.4.14

package/src/components/list-devices/{interface.d.ts → interface.ts}

@@ -1,36 +1,36 @@
-/* eslint-disable no-unused-vars */
-/**
- * IMPORTS
- */
-
-export type IData = {
-  id: number;
-  macDevice: string;
-  nameDevice: string;
-};
-
-export interface IListDevices {
-  /** dados que vão ser renderizados */
-  data?: IData[];
-
-  /** cor do texto */
-  titleColor?: string;
-
-  /** cor do titulo (não está sendo usada no componente atual, mantida por compat) */
-  titleNumberColor?: string;
-
-  /** cor do texto da descrição */
-  textColorDescription?: string;
-
-  /** (opcional) id selecionado - modo controlado */
-  selectedId?: number | null;
-
-  /** (opcional) seleção inicial - modo não-controlado */
-  defaultSelectedId?: number | null;
-
-  /** callback ao selecionar um item */
-  onSelect?: (device: IData) => void;
-
-  /** desabilita interação */
-  disabled?: boolean;
-}
+/* eslint-disable no-unused-vars */
+interface IData {
+  id: number;
+  macDevice: string;
+  nameDevice: string;
+}
+
+type Extra = { disabled?: boolean; isSelected?: boolean };
+
+interface IListDevices {
+  /** dados que vão ser renderizados */
+  data?: IData[];
+
+  /** cor do texto */
+  titleColor?: string;
+
+  /** cor do titulo (não está sendo usada no componente atual, mantida por compat) */
+  titleNumberColor?: string;
+
+  /** cor do texto da descrição */
+  textColorDescription?: string;
+
+  /** (opcional) id selecionado - modo controlado */
+  selectedId?: number | null;
+
+  /** (opcional) seleção inicial - modo não-controlado */
+  defaultSelectedId?: number | null;
+
+  /** callback ao selecionar um item */
+  onSelect?: (device: IData) => void;
+
+  /** desabilita interação */
+  disabled?: boolean;
+}
+
+export type { IData, IListDevices, Extra };

package/src/components/list-devices/styles.ts

@@ -1,68 +1,73 @@
-import { StyleSheet } from "react-native";
-import { type IListDevices } from "./interface";
-import { theme } from "../../styles/theme/theme";
-
-type Extra = { disabled?: boolean; isSelected?: boolean };
-
-const styles = (props: Partial<IListDevices & Extra> = {}) =>
-  StyleSheet.create({
-    containerIndicator: {
-      width: "100%",
-      flexDirection: "row",
-      justifyContent: "flex-start",
-      alignItems: "center",
-      marginTop: 8,
-      paddingVertical: 8,
-      paddingHorizontal: 8,
-      opacity: props.disabled ? 0.6 : 1,
-    },
-
-    containerIndicatorSelected: {
-      backgroundColor: theme.colors.green[250],
-      borderRadius: 30,
-    },
-
-    separator: {
-      borderBottomWidth: 1,
-      borderBottomColor: props.isSelected
-        ? "transparent"
-        : theme.colors.gray[700],
-    },
-
-    title: {
-      color: props.titleColor ?? theme.colors.black[10],
-      textAlign: "center",
-      lineHeight: 20,
-      fontSize: theme.fontSizes.sm,
-      fontWeight: "500",
-      marginLeft: theme.margins.xs,
-    },
-
-    titleSelected: {
-      color: theme.colors.neutral[25],
-      fontWeight: "600",
-    },
-
-    titleDescription: {
-      color: props.textColorDescription ?? theme.colors.gray[600],
-      textAlign: "center",
-      lineHeight: 16,
-      fontSize: 18,
-      fontFamily: theme.fonts.inter_light_300,
-      marginLeft: theme.margins.xs,
-    },
-    
-    descSelected: {
-      color: theme.colors.neutral[25],
-    },
-
-    containerMain: {
-      width: "100%",
-      flexDirection: "column",
-      alignItems: "flex-start",
-      marginLeft: 2,
-      justifyContent: "center",
-    },
-  });
-
-export { styles };
+/**
+ * IMPORTS
+ */
+import { StyleSheet } from "react-native";
+import { theme } from "../../styles/theme/theme";
+
+// typings
+import { type IListDevices, type Extra } from "./interface";
+
+const styles = (props: Partial<IListDevices & Extra> = {}) =>
+  StyleSheet.create({
+    containerIndicator: {
+      width: "100%",
+      flexDirection: "row",
+      justifyContent: "flex-start",
+      alignItems: "center",
+      marginTop: 8,
+      paddingVertical: 8,
+      paddingHorizontal: 8,
+      opacity: props.disabled ? 0.6 : 1,
+    },
+
+    containerIndicatorSelected: {
+      backgroundColor: theme.colors.green[250],
+      borderRadius: 30,
+    },
+
+    separator: {
+      borderBottomWidth: 1,
+      borderBottomColor: props.isSelected ? "transparent" : theme.colors.gray[700],
+    },
+
+    title: {
+      color: props.titleColor ?? theme.colors.black[10],
+      textAlign: "center",
+      lineHeight: 20,
+      fontSize: theme.fontSizes.lg,
+      fontWeight: "500",
+      marginLeft: theme.margins.xs,
+      marginBottom: 8,
+    },
+
+    titleSelected: {
+      color: theme.colors.neutral[25],
+      fontWeight: "600",
+    },
+
+    titleDescription: {
+      color: props.textColorDescription ?? theme.colors.gray[600],
+      textAlign: "center",
+      lineHeight: 16,
+      fontSize: theme.fontSizes.md,
+      fontFamily: theme.fonts.inter_light_300,
+      marginLeft: theme.margins.xs,
+    },
+
+    descSelected: {
+      color: theme.colors.neutral[25],
+    },
+
+    containerMain: {
+      width: "100%",
+      flexDirection: "column",
+      alignItems: "flex-start",
+      marginLeft: 2,
+      justifyContent: "center",
+    },
+  });
+
+/**
+ * EXPORTS
+ */
+export { styles };

package/lib/commonjs/components/list-devices/interface.d.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=interface.d.js.map

package/lib/commonjs/components/list-devices/interface.d.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/list-devices/interface.d.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/list-devices/interface.d.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=interface.d.js.map

package/lib/module/components/list-devices/interface.d.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/list-devices/interface.d.ts"],"mappings":"","ignoreList":[]}