jornada-ui 0.4.16 → 0.4.18

package/lib/typescript/module/src/components/modal-type-activities/interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal-type-activities/interface.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAGhE,UAAU,SAAS;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,UAAU,GAAG,UAAU,CAAC;CAC/B;AAED,UAAU,oBAAqB,SAAQ,UAAU,EAAE,UAAU;IAC3D,6BAA6B;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,yBAAyB;IACzB,YAAY,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAEhC,yBAAyB;IACzB,SAAS,EAAE,OAAO,CAAC;IAEnB,qCAAqC;IAErC,oBAAoB,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,IAAI,CAAC;CACrD;AAED;;GAEG;AACH,YAAY,EAAE,oBAAoB,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modal-type-activities/interface.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAGhE,UAAU,SAAS;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,UAAU,GAAG,UAAU,CAAC;CAC/B;AAED,UAAU,oBAAqB,SAAQ,UAAU,EAAE,UAAU;IAC3D,6BAA6B;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,yBAAyB;IACzB,YAAY,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAEhC,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAElC,yBAAyB;IACzB,SAAS,EAAE,OAAO,CAAC;IAEnB,qCAAqC;IAErC,oBAAoB,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,IAAI,CAAC;CACrD;AAED;;GAEG;AACH,YAAY,EAAE,oBAAoB,EAAE,SAAS,EAAE,CAAC"}

package/lib/typescript/module/src/components/modal-type-activities/mock/index.d.ts

@@ -17,4 +17,21 @@ export declare const activities: {
         tipo: string;
     }[];
 };
+export declare const activitiesReserva: {
+    trabalho: {
+        id: number;
+        referencia: string;
+        cor_hex: string;
+        descricao: string;
+        tipo: string;
+    }[];
+    descanso: {
+        id: number;
+        atividade_id: number;
+        referencia: string;
+        cor_hex: string;
+        descricao: string;
+        tipo: string;
+    }[];
+};
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/src/components/modal-type-activities/mock/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal-type-activities/mock/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;CA6DtB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modal-type-activities/mock/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;CA6DtB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;CAoC7B,CAAC"}

package/lib/typescript/module/src/components/modals/modal-change-activitie-history/helpers/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * CONSTANTS
+ */
+declare const optionsActivities: {
+    label: string;
+    value: string;
+    key: number;
+}[];
+/**
+ * EXPORTS
+ */
+export { optionsActivities };
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/src/components/modals/modal-change-activitie-history/helpers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/modals/modal-change-activitie-history/helpers/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,QAAA,MAAM,iBAAiB;;;;GAMtB,CAAC;AAEF;;GAEG;AACH,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/lib/typescript/module/src/components/modals/modal-change-activitie-history/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * IMPORTS
+ */
+import React from "react";
+import type { IModalChangeActivityProps } from "./interface";
+/**
+ * Componente Modal para alteração de atividade.
+ */
+export declare const ModalChangeActivity: React.FC<IModalChangeActivityProps>;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/src/components/modals/modal-change-activitie-history/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modals/modal-change-activitie-history/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAK7D;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAgKnE,CAAC"}

package/lib/typescript/module/src/components/modals/modal-change-activitie-history/interface.d.ts

@@ -0,0 +1,18 @@
+/**
+ * IMPROTS
+ */
+interface IModalChangeActivityProps {
+    visible: boolean;
+    onClose: () => void;
+    modalConfirm: (newData: {
+        label: string;
+        value: string;
+        key: number;
+    }) => void;
+    descricao: string;
+}
+/**
+ * EXPORTS
+ */
+export { type IModalChangeActivityProps };
+//# sourceMappingURL=interface.d.ts.map

package/lib/typescript/module/src/components/modals/modal-change-activitie-history/interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/modals/modal-change-activitie-history/interface.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,UAAU,yBAAyB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,YAAY,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/E,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,OAAO,EAAE,KAAK,yBAAyB,EAAE,CAAC"}

package/lib/typescript/module/src/components/step-indicator/index.d.ts

@@ -1,14 +1,8 @@
-/**
- * IMPORTS
- */
 import React from "react";
 import type { IStepIndicator } from "./interface";
 /**
- * Componente StepIndicator para a interação da ui.
- */
-declare const StepIndicator: React.FC<IStepIndicator>;
-/**
- * EXPORTS
+ * Componente StepIndicator para a interação da  ui.
  */
-export default StepIndicator;
+declare const _default: React.ComponentType<IStepIndicator & React.RefAttributes<any>>;
+export default _default;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/src/components/step-indicator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/step-indicator/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAMlD;;GAEG;AAEH,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA+J3C,CAAC;AAEF;;GAEG;AACH,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/step-indicator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAajF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAqPlD;;GAEG;;AACH,wBAA8C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jornada-ui",
-  "version": "0.4.16",
+  "version": "0.4.18",
   "description": "Biblioteca para desenvolvimento dos componentes para utilizar nos app",
   "source": "./src/index.tsx",
   "main": "./lib/commonjs/index.js",

package/src/components/modal-type-activities/index.tsx

@@ -1,169 +1,173 @@
-/**
- * IMPORTS
- */
-import React, { forwardRef } from "react";
-import { Modal, TouchableOpacity, FlatList } from "react-native";
-
-// components
-import Box from "../box";
-import Button from "../button";
-import Typography from "../typography";
-
-// commons / icons
-import { Icons } from "../../common/icons-svg";
-
-// styles
-import { theme } from "../../styles/theme/theme";
-
-//typing
-import type { IModalTypeActivities, IActivity } from "./interface";
-
-// atividades
-import { activities } from "./mock";
-
-// utils
-import { getIconByProperty, type PropertyType } from "../../utils/get-icon-by-property";
-import { asBaseComponent } from "../../@types/as-base-component";
-
-const NUM_COLS = 3;
-const GUTTER = 8; // espaço horizontal entre botões
-const ROW_SPACE = 12; // espaço vertical entre linhas
-
-const ModalTest = forwardRef<any, IModalTypeActivities>(
-  (
-    { visible, onClose, handleSelectActivity, activityType, isLoading, style },
-    ref
-  ): React.ReactElement => {
-    return (
-      <Modal
-        ref={ref}
-        animationType="fade"
-        transparent={true}
-        onRequestClose={onClose}
-        visible={visible}
-      >
-        <Box
-          backgroundColor={"rgba(0, 0, 0, 0.7)"}
-          flexStyle={{ flex: 1, justifyContent: "center", alignItems: "center" }}
-        >
-          <Box
-            height={330}
-            width={"92%"}
-            backgroundColor={theme.colors.neutral[25]}
-            borderStyled={{
-              borderColor: theme.colors.blue[500],
-              borderWidth: theme.borderWidths.thick,
-              borderRadius: theme.borderWidths.thick_medium,
-            }}
-            paddingStyle={{
-              padding: theme.paddings.md,
-            }}
-            style={{ position: "relative" }}
-          >
-            <Box
-              width={"100%"}
-              flexStyle={{
-                flexDirection: "row",
-                justifyContent: "space-between",
-                alignItems: "center",
-              }}
-            >
-              <Typography
-                text="Atividades"
-                size={theme.fontSizes.md}
-                color={theme.colors.blue[500]}
-                fontFamily={theme.fonts.inter_bold_700}
-                lineHeight={theme.fontSizes.xl}
-              />
-
-              <TouchableOpacity activeOpacity={0.7} onPress={onClose} style={{}}>
-                <Icons icon="CLOSED" color={theme.colors.blue[500]} />
-              </TouchableOpacity>
-            </Box>
-
-            {/* as atividades  */}
-            <Box
-              marginStyle={{ marginTop: theme.margins["2xl"] }}
-              flexStyle={{ flex: 1, justifyContent: "center", alignItems: "center" }}
-            >
-              <FlatList
-                data={activities[activityType]}
-                numColumns={NUM_COLS}
-                keyExtractor={(item) => String(item.id)}
-                scrollEnabled={false}
-                renderItem={({ item, index }) => {
-                  const isLastCol = (index + 1) % NUM_COLS === 0;
-
-                  return (
-                    <TouchableOpacity
-                      style={{
-                        alignItems: "center",
-                        justifyContent: "flex-start",
-                        width: 110,
-                        marginRight: isLastCol ? 0 : GUTTER, // espaço entre colunas
-                        marginBottom: ROW_SPACE, // espaço entre linhas
-                        paddingVertical: 12,
-                        borderRadius: 8,
-                      }}
-                      onPress={() => handleSelectActivity(item as IActivity)}
-                    >
-                      {getIconByProperty(item.referencia as PropertyType)}
-
-                      <Typography
-                        text={item.descricao}
-                        size={theme.fontSizes.xs}
-                        color={theme.colors.blue[500]}
-                        lineHeight={theme.fontSizes.lg}
-                        fontFamily={theme.fonts.inter_medium_500}
-                        fontWeight="500"
-                        align="center"
-                        marginTop={5}
-                        numberOfLines={3} // <= limita a 2 linhas
-                        ellipsizeMode="tail" // <= se passar, coloca “...”
-                      />
-                    </TouchableOpacity>
-                  );
-                }}
-              />
-            </Box>
-
-            <Button
-              title={"CANCELAR ATIVIDADE"}
-              width="100%"
-              height={40}
-              activeOpacity={0.7}
-              onPress={onClose}
-              backgroundColor={theme.colors.blue[500]}
-              buttonTextStyle={{
-                color: theme.colors.neutral[25],
-                fontFamily: theme.fonts.inter_medium_500,
-                fontSize: theme.fontSizes.md,
-                fontWeight: "500",
-              }}
-              flexStyle={{
-                flexDirection: "row",
-                alignItems: "center",
-                justifyContent: "center",
-              }}
-              borderStyled={{
-                borderWidth: theme.borderWidths.thin,
-                borderColor: theme.colors.blue[500],
-                borderRadius: theme.borderWidths.thick_medium,
-              }}
-              marginStyle={{ marginLeft: theme.margins.md }}
-              isLoading={isLoading ?? false}
-              style={[style, { position: "absolute", bottom: 10, left: 0 }]}
-            />
-          </Box>
-        </Box>
-      </Modal>
-    );
-  }
-);
-
-ModalTest.displayName = "ModalTest";
-
-/**
- * EXPORT
- */
-export default asBaseComponent(ModalTest);
+/**
+ * IMPORTS
+ */
+import React, { forwardRef } from "react";
+import { Modal, TouchableOpacity, FlatList } from "react-native";
+
+// components
+import Box from "../box";
+import Button from "../button";
+import Typography from "../typography";
+
+// commons / icons
+import { Icons } from "../../common/icons-svg";
+
+// styles
+import { theme } from "../../styles/theme/theme";
+
+//typing
+import type { IModalTypeActivities, IActivity } from "./interface";
+
+// atividades
+import { activities, activitiesReserva } from "./mock";
+
+// utils
+import { getIconByProperty, type PropertyType } from "../../utils/get-icon-by-property";
+import { asBaseComponent } from "../../@types/as-base-component";
+
+const NUM_COLS = 3;
+const GUTTER = 8; // espaço horizontal entre botões
+const ROW_SPACE = 12; // espaço vertical entre linhas
+
+const ModalTest = forwardRef<any, IModalTypeActivities>(
+  (
+    { visible, onClose, driverType, handleSelectActivity, activityType, isLoading, style },
+    ref
+  ): React.ReactElement => {
+    return (
+      <Modal
+        ref={ref}
+        animationType="fade"
+        transparent={true}
+        onRequestClose={onClose}
+        visible={visible}
+      >
+        <Box
+          backgroundColor={"rgba(0, 0, 0, 0.7)"}
+          flexStyle={{ flex: 1, justifyContent: "center", alignItems: "center" }}
+        >
+          <Box
+            height={330}
+            width={"92%"}
+            backgroundColor={theme.colors.neutral[25]}
+            borderStyled={{
+              borderColor: theme.colors.blue[500],
+              borderWidth: theme.borderWidths.thick,
+              borderRadius: theme.borderWidths.thick_medium,
+            }}
+            paddingStyle={{
+              padding: theme.paddings.md,
+            }}
+            style={{ position: "relative" }}
+          >
+            <Box
+              width={"100%"}
+              flexStyle={{
+                flexDirection: "row",
+                justifyContent: "space-between",
+                alignItems: "center",
+              }}
+            >
+              <Typography
+                text="Atividades"
+                size={theme.fontSizes.md}
+                color={theme.colors.blue[500]}
+                fontFamily={theme.fonts.inter_bold_700}
+                lineHeight={theme.fontSizes.xl}
+              />
+
+              <TouchableOpacity activeOpacity={0.7} onPress={onClose} style={{}}>
+                <Icons icon="CLOSED" color={theme.colors.blue[500]} />
+              </TouchableOpacity>
+            </Box>
+
+            {/* as atividades  */}
+            <Box
+              marginStyle={{ marginTop: theme.margins["2xl"] }}
+              flexStyle={{ flex: 1, justifyContent: "center", alignItems: "flex-start" }}
+            >
+              <FlatList
+                data={
+                  driverType === "normal"
+                    ? activities[activityType]
+                    : activitiesReserva[activityType]
+                }
+                numColumns={NUM_COLS}
+                keyExtractor={(item) => String(item.id)}
+                scrollEnabled={false}
+                renderItem={({ item, index }) => {
+                  const isLastCol = (index + 1) % NUM_COLS === 0;
+
+                  return (
+                    <TouchableOpacity
+                      style={{
+                        alignItems: "center",
+                        justifyContent: "flex-start",
+                        width: 110,
+                        marginRight: isLastCol ? 0 : GUTTER, // espaço entre colunas
+                        marginBottom: ROW_SPACE, // espaço entre linhas
+                        paddingVertical: 12,
+                        borderRadius: 8,
+                      }}
+                      onPress={() => handleSelectActivity(item as IActivity)}
+                    >
+                      {getIconByProperty(item.referencia as PropertyType)}
+
+                      <Typography
+                        text={item.descricao}
+                        size={theme.fontSizes.xs}
+                        color={theme.colors.blue[500]}
+                        lineHeight={theme.fontSizes.lg}
+                        fontFamily={theme.fonts.inter_medium_500}
+                        fontWeight="500"
+                        align="center"
+                        marginTop={5}
+                        numberOfLines={3} // <= limita a 2 linhas
+                        ellipsizeMode="tail" // <= se passar, coloca “...”
+                      />
+                    </TouchableOpacity>
+                  );
+                }}
+              />
+            </Box>
+
+            <Button
+              title={"CANCELAR ATIVIDADE"}
+              width="100%"
+              height={40}
+              activeOpacity={0.7}
+              onPress={onClose}
+              backgroundColor={theme.colors.blue[500]}
+              buttonTextStyle={{
+                color: theme.colors.neutral[25],
+                fontFamily: theme.fonts.inter_medium_500,
+                fontSize: theme.fontSizes.md,
+                fontWeight: "500",
+              }}
+              flexStyle={{
+                flexDirection: "row",
+                alignItems: "center",
+                justifyContent: "center",
+              }}
+              borderStyled={{
+                borderWidth: theme.borderWidths.thin,
+                borderColor: theme.colors.blue[500],
+                borderRadius: theme.borderWidths.thick_medium,
+              }}
+              marginStyle={{ marginLeft: theme.margins.md }}
+              isLoading={isLoading ?? false}
+              style={[style, { position: "absolute", bottom: 10, left: 0 }]}
+            />
+          </Box>
+        </Box>
+      </Modal>
+    );
+  }
+);
+
+ModalTest.displayName = "ModalTest";
+
+/**
+ * EXPORT
+ */
+export default asBaseComponent(ModalTest);

package/src/components/modal-type-activities/interface.ts

@@ -1,34 +1,36 @@
-/**
- * IMPORTS
- */
-import type { ModalProps } from "react-native";
-import type { IGlobalCss } from "../../styles/global/interface";
-
-// typing
-interface IActivity {
-  id: number;
-  referencia: string;
-  cor_hex: string;
-  descricao: string;
-  tipo: "trabalho" | "descanso";
-}
-
-interface IModalTypeActivities extends ModalProps, IGlobalCss {
-  /** função que fecha modal */
-  onClose: () => void;
-
-  /** tipo de atividades */
-  activityType: IActivity["tipo"];
-
-  /** se está carregando */
-  isLoading: boolean;
-
-  /** função que seleciona atividade */
-  // eslint-disable-next-line no-unused-vars
-  handleSelectActivity: (activity: IActivity) => void;
-}
-
-/**
- * EXPORTS
- */
-export type { IModalTypeActivities, IActivity };
+/**
+ * IMPORTS
+ */
+import type { ModalProps } from "react-native";
+import type { IGlobalCss } from "../../styles/global/interface";
+
+// typing
+interface IActivity {
+  id: number;
+  referencia: string;
+  cor_hex: string;
+  descricao: string;
+  tipo: "trabalho" | "descanso";
+}
+
+interface IModalTypeActivities extends ModalProps, IGlobalCss {
+  /** função que fecha modal */
+  onClose: () => void;
+
+  /** tipo de atividades */
+  activityType: IActivity["tipo"];
+
+  driverType?: "normal" | "reserva";
+
+  /** se está carregando */
+  isLoading: boolean;
+
+  /** função que seleciona atividade */
+  // eslint-disable-next-line no-unused-vars
+  handleSelectActivity: (activity: IActivity) => void;
+}
+
+/**
+ * EXPORTS
+ */
+export type { IModalTypeActivities, IActivity };