react-native-exp-fig 0.1.25 → 0.1.26

package/lib/commonjs/components/step-indicator/index.js

@@ -55,8 +55,8 @@ const StepIndicator = ({
         const updatedStep = {
           ...stepData[currentStepIndex],
           descricao: newData.label,
-          tipo_atividade: newData.value,
-          identificador: newData.key
+          referencia: newData.value,
+          ec_tipo_atividade_id: newData.key
         };
         const newSteps = stepData.map((item, index) => index === currentStepIndex ? updatedStep : item);
         setStepData(newSteps);
@@ -75,7 +75,7 @@ const StepIndicator = ({
       return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
         testID: "step-indicator",
         activeOpacity: 0.7,
-        key: history.jr_tipo_atividade_id,
+        key: history === null || history === void 0 ? void 0 : history.id,
         style: (0, _styles.styles)({}).containerIndicator,
         disabled: !canEdit,
         onPress: () => handleOnPressActivitie(history, index)

package/lib/commonjs/components/step-indicator/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_iconsSvg","_getIconByStatus","_styles","_formatData","_theme","_modalChangeActivity","e","__esModule","default","StepIndicator","data","type","textColorDescription","titleColor","titleNumberColor","onChangeActivity","StepDefault","isModalVisible","setIsModalVisible","React","useState","currentStepIndex","setCurrentStepIndex","stepData","setStepData","handleOnPressActivitie","stepItem","index","_stepItem$descricao","_stepItem$descricao$t","desc","descricao","toLowerCase","call","isDescanso","includes","replace","sincronizado","handleConfirmModal","newData","updatedStep","label","tipo_atividade","value","identificador","key","newSteps","map","item","createElement","Fragment","length","history","isFirst","isEditableType","tipo","isSynced","canEdit","TouchableOpacity","testID","activeOpacity","jr_tipo_atividade_id","style","styles","containerIndicator","disabled","onPress","View","containerBall","width","height","marginTop","position","backgroundColor","theme","colors","blue","orange","Text","titleNumber","containerMain","title","data_inicio","titleDescription","data_fim","duracao_segundos","formHoursMinute","ModalChangeActivity","visible","modalConfirm","onClose","StepCustom","paddingHorizontal","display","flexDirection","step","indexCustom","getIconKeyByValue","borderRadius","alignItems","justifyContent","borderWidth","borderColor","Icons","icon","top","fontWeight","fontSize","lineHeight","textAlign","color","handleRenderComponent","stepType","_default","exports"],"sources":["index.tsx"],"sourcesContent":["/**\n * IMPORTS\n */\nimport React from \"react\";\nimport { View, Text, TouchableOpacity } from \"react-native\";\n\n// commons / svg\nimport { Icons } from \"../../common/icons-svg\";\n\n// helpers\nimport { getIconKeyByValue } from \"./helpers/get-icon-by-status\";\n\n// typings\nimport type { IStepIndicator } from \"./interface\";\n\n// styles\nimport { styles } from \"./styles\";\nimport { formHoursMinute } from \"../../utils/format-data\";\nimport { theme } from \"../../styles/theme/theme\";\nimport { ModalChangeActivity } from \"../modal-change-activity\";\n\n/**\n * Componente StepIndicator para a interação da ui.\n */\nconst StepIndicator: React.FC<IStepIndicator> = ({\n  data = [],\n  type,\n  textColorDescription,\n  titleColor,\n  titleNumberColor,\n  onChangeActivity,\n}) => {\n  const StepDefault = () => {\n    const [isModalVisible, setIsModalVisible] = React.useState(false);\n    const [currentStepIndex, setCurrentStepIndex] = React.useState<number | null>(null);\n    const [stepData, setStepData] = React.useState(data);\n\n    const handleOnPressActivitie = (stepItem: any, index: number) => {\n      const desc = stepItem?.descricao?.toLowerCase?.();\n      if (!desc) return;\n\n      const isDescanso = [\"descanso\", \"refeição\", \"repouso_noturno\", \"repouso_semanal\"].includes(\n        desc.replace(/\\s+/g, \"_\")\n      );\n\n      if (isDescanso && stepItem?.sincronizado === true) {\n        setCurrentStepIndex(index);\n        setIsModalVisible(true);\n      }\n    };\n\n    const handleConfirmModal = (newData: { label: string; value: string; key: number }) => {\n      if (currentStepIndex !== null) {\n        const updatedStep = {\n          ...stepData[currentStepIndex],\n          descricao: newData.label,\n          tipo_atividade: newData.value,\n          identificador: newData.key,\n        };\n\n        const newSteps = stepData.map((item, index) =>\n          index === currentStepIndex ? updatedStep : item\n        );\n\n        setStepData(newSteps as any);\n\n        if (onChangeActivity) {\n          onChangeActivity(updatedStep);\n        }\n      }\n\n      setIsModalVisible(false);\n      setCurrentStepIndex(null);\n    };\n\n    return (\n      <>\n        {stepData.length > 0 &&\n          stepData.map((history, index) => {\n            const isFirst = index === 0;\n            const isEditableType = history.tipo === \"descanso\";\n            const isSynced = history?.sincronizado === true;\n            const canEdit = isFirst && isEditableType && isSynced;\n\n            return (\n              <TouchableOpacity\n                testID=\"step-indicator\"\n                activeOpacity={0.7}\n                key={history.jr_tipo_atividade_id}\n                style={styles({}).containerIndicator}\n                disabled={!canEdit}\n                onPress={() => handleOnPressActivitie(history, index)}\n              >\n                <View style={styles({ sincronizado: history.sincronizado }).containerBall}>\n                  {stepData.length > 1 && index < stepData.length - 1 && (\n                    <View\n                      style={{\n                        width: 2,\n                        height: 84,\n                        marginTop: 116,\n                        position: \"relative\",\n                        backgroundColor: history.sincronizado\n                          ? theme.colors.blue[500]\n                          : theme.colors.orange[150],\n                      }}\n                    />\n                  )}\n                  <Text style={styles({ titleNumberColor }).titleNumber}>\n                    {stepData.length - index}\n                  </Text>\n                </View>\n\n                <View style={styles({}).containerMain}>\n                  <Text style={styles({ titleColor }).title}>{history?.descricao}</Text>\n\n                  {history?.data_inicio && (\n                    <Text style={styles({ textColorDescription }).titleDescription}>\n                      {`Inicio: ${history.data_inicio} ás ${history.data_fim}`}\n                    </Text>\n                  )}\n\n                  {history.duracao_segundos && (\n                    <Text style={styles({ textColorDescription }).titleDescription}>\n                      Duração: {formHoursMinute(history?.duracao_segundos as string)}\n                    </Text>\n                  )}\n                </View>\n              </TouchableOpacity>\n            );\n          })}\n\n        {isModalVisible && (\n          <ModalChangeActivity\n            visible={isModalVisible}\n            modalConfirm={handleConfirmModal}\n            descricao=\"\"\n            onClose={() => setIsModalVisible(false)}\n          />\n        )}\n      </>\n    );\n  };\n\n  const StepCustom = () => {\n    return (\n      <View\n        style={{\n          width: \"100%\",\n          height: 84,\n          paddingHorizontal: 24,\n          display: \"flex\",\n          flexDirection: \"row\",\n        }}\n      >\n        {data.map((step, indexCustom) => {\n          const descricao = getIconKeyByValue(step.descricao);\n\n          return (\n            <React.Fragment key={`step-${indexCustom}`}>\n              <View\n                style={{\n                  width: 45,\n                  height: 45,\n                  backgroundColor: indexCustom <= 3 ? \"orange\" : \"transparent\",\n                  borderRadius: 50,\n                  alignItems: \"center\",\n                  justifyContent: \"center\",\n                  borderWidth: 1,\n                  borderColor: \"#fff\",\n                }}\n              >\n                <View\n                  style={{\n                    width: 45,\n                    height: 45,\n                    backgroundColor: \"transparent\",\n                    borderRadius: 50,\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                  }}\n                >\n                  {descricao && <Icons icon={descricao} />}\n                </View>\n                <Text\n                  style={{\n                    position: \"absolute\",\n                    top: 56,\n                    fontWeight: \"600\",\n                    fontSize: 10,\n                    lineHeight: 14,\n                    textAlign: \"center\",\n                    color: \"#fff\",\n                    width: 75,\n                  }}\n                >\n                  {step.descricao}\n                </Text>\n              </View>\n\n              {data?.length > 1 && indexCustom < data?.length - 1 && (\n                <View\n                  style={{\n                    width: 35,\n                    height: 2,\n                    marginTop: 24,\n                    position: \"relative\",\n                    backgroundColor: \"orange\",\n                  }}\n                />\n              )}\n            </React.Fragment>\n          );\n        })}\n      </View>\n    );\n  };\n\n  const handleRenderComponent = (stepType: \"default\" | \"custom\") => {\n    switch (stepType) {\n      case \"default\":\n        return <StepDefault />;\n      case \"custom\":\n        return <StepCustom />;\n      default:\n        return <View />;\n    }\n  };\n\n  return <>{handleRenderComponent(type!)}</>;\n};\n\n/**\n * EXPORTS\n */\nexport default StepIndicator;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_iconsSvg","_getIconByStatus","_styles","_formatData","_theme","_modalChangeActivity","e","__esModule","default","StepIndicator","data","type","textColorDescription","titleColor","titleNumberColor","onChangeActivity","StepDefault","isModalVisible","setIsModalVisible","React","useState","currentStepIndex","setCurrentStepIndex","stepData","setStepData","handleOnPressActivitie","stepItem","index","_stepItem$descricao","_stepItem$descricao$t","desc","descricao","toLowerCase","call","isDescanso","includes","replace","sincronizado","handleConfirmModal","newData","updatedStep","label","referencia","value","ec_tipo_atividade_id","key","newSteps","map","item","createElement","Fragment","length","history","isFirst","isEditableType","tipo","isSynced","canEdit","TouchableOpacity","testID","activeOpacity","id","style","styles","containerIndicator","disabled","onPress","View","containerBall","width","height","marginTop","position","backgroundColor","theme","colors","blue","orange","Text","titleNumber","containerMain","title","data_inicio","titleDescription","data_fim","duracao_segundos","formHoursMinute","ModalChangeActivity","visible","modalConfirm","onClose","StepCustom","paddingHorizontal","display","flexDirection","step","indexCustom","getIconKeyByValue","borderRadius","alignItems","justifyContent","borderWidth","borderColor","Icons","icon","top","fontWeight","fontSize","lineHeight","textAlign","color","handleRenderComponent","stepType","_default","exports"],"sources":["index.tsx"],"sourcesContent":["/**\n * IMPORTS\n */\nimport React from \"react\";\nimport { View, Text, TouchableOpacity } from \"react-native\";\n\n// commons / svg\nimport { Icons } from \"../../common/icons-svg\";\n\n// helpers\nimport { getIconKeyByValue } from \"./helpers/get-icon-by-status\";\n\n// typings\nimport type { IStepIndicator } from \"./interface\";\n\n// styles\nimport { styles } from \"./styles\";\nimport { formHoursMinute } from \"../../utils/format-data\";\nimport { theme } from \"../../styles/theme/theme\";\nimport { ModalChangeActivity } from \"../modal-change-activity\";\n\n/**\n * Componente StepIndicator para a interação da ui.\n */\nconst StepIndicator: React.FC<IStepIndicator> = ({\n  data = [],\n  type,\n  textColorDescription,\n  titleColor,\n  titleNumberColor,\n  onChangeActivity,\n}) => {\n  const StepDefault = () => {\n    const [isModalVisible, setIsModalVisible] = React.useState(false);\n    const [currentStepIndex, setCurrentStepIndex] = React.useState<number | null>(null);\n    const [stepData, setStepData] = React.useState(data);\n\n    const handleOnPressActivitie = (stepItem: any, index: number) => {\n      const desc = stepItem?.descricao?.toLowerCase?.();\n      if (!desc) return;\n\n      const isDescanso = [\"descanso\", \"refeição\", \"repouso_noturno\", \"repouso_semanal\"].includes(\n        desc.replace(/\\s+/g, \"_\")\n      );\n\n      if (isDescanso && stepItem?.sincronizado === true) {\n        setCurrentStepIndex(index);\n        setIsModalVisible(true);\n      }\n    };\n\n    const handleConfirmModal = (newData: { label: string; value: string; key: number }) => {\n      if (currentStepIndex !== null) {\n        const updatedStep = {\n          ...stepData[currentStepIndex],\n          descricao: newData.label,\n          referencia: newData.value,\n          ec_tipo_atividade_id: newData.key,\n        };\n\n        const newSteps = stepData.map((item, index) =>\n          index === currentStepIndex ? updatedStep : item\n        );\n\n        setStepData(newSteps as any);\n\n        if (onChangeActivity) {\n          onChangeActivity(updatedStep);\n        }\n      }\n\n      setIsModalVisible(false);\n      setCurrentStepIndex(null);\n    };\n\n    return (\n      <>\n        {stepData.length > 0 &&\n          stepData.map((history, index) => {\n            const isFirst = index === 0;\n            const isEditableType = history.tipo === \"descanso\";\n            const isSynced = history?.sincronizado === true;\n            const canEdit = isFirst && isEditableType && isSynced;\n\n            return (\n              <TouchableOpacity\n                testID=\"step-indicator\"\n                activeOpacity={0.7}\n                key={history?.id}\n                style={styles({}).containerIndicator}\n                disabled={!canEdit}\n                onPress={() => handleOnPressActivitie(history, index)}\n              >\n                <View style={styles({ sincronizado: history.sincronizado }).containerBall}>\n                  {stepData.length > 1 && index < stepData.length - 1 && (\n                    <View\n                      style={{\n                        width: 2,\n                        height: 84,\n                        marginTop: 116,\n                        position: \"relative\",\n                        backgroundColor: history.sincronizado\n                          ? theme.colors.blue[500]\n                          : theme.colors.orange[150],\n                      }}\n                    />\n                  )}\n                  <Text style={styles({ titleNumberColor }).titleNumber}>\n                    {stepData.length - index}\n                  </Text>\n                </View>\n\n                <View style={styles({}).containerMain}>\n                  <Text style={styles({ titleColor }).title}>{history?.descricao}</Text>\n\n                  {history?.data_inicio && (\n                    <Text style={styles({ textColorDescription }).titleDescription}>\n                      {`Inicio: ${history.data_inicio} ás ${history.data_fim}`}\n                    </Text>\n                  )}\n\n                  {history.duracao_segundos && (\n                    <Text style={styles({ textColorDescription }).titleDescription}>\n                      Duração: {formHoursMinute(history?.duracao_segundos as string)}\n                    </Text>\n                  )}\n                </View>\n              </TouchableOpacity>\n            );\n          })}\n\n        {isModalVisible && (\n          <ModalChangeActivity\n            visible={isModalVisible}\n            modalConfirm={handleConfirmModal}\n            descricao=\"\"\n            onClose={() => setIsModalVisible(false)}\n          />\n        )}\n      </>\n    );\n  };\n\n  const StepCustom = () => {\n    return (\n      <View\n        style={{\n          width: \"100%\",\n          height: 84,\n          paddingHorizontal: 24,\n          display: \"flex\",\n          flexDirection: \"row\",\n        }}\n      >\n        {data.map((step, indexCustom) => {\n          const descricao = getIconKeyByValue(step.descricao);\n\n          return (\n            <React.Fragment key={`step-${indexCustom}`}>\n              <View\n                style={{\n                  width: 45,\n                  height: 45,\n                  backgroundColor: indexCustom <= 3 ? \"orange\" : \"transparent\",\n                  borderRadius: 50,\n                  alignItems: \"center\",\n                  justifyContent: \"center\",\n                  borderWidth: 1,\n                  borderColor: \"#fff\",\n                }}\n              >\n                <View\n                  style={{\n                    width: 45,\n                    height: 45,\n                    backgroundColor: \"transparent\",\n                    borderRadius: 50,\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                  }}\n                >\n                  {descricao && <Icons icon={descricao} />}\n                </View>\n                <Text\n                  style={{\n                    position: \"absolute\",\n                    top: 56,\n                    fontWeight: \"600\",\n                    fontSize: 10,\n                    lineHeight: 14,\n                    textAlign: \"center\",\n                    color: \"#fff\",\n                    width: 75,\n                  }}\n                >\n                  {step.descricao}\n                </Text>\n              </View>\n\n              {data?.length > 1 && indexCustom < data?.length - 1 && (\n                <View\n                  style={{\n                    width: 35,\n                    height: 2,\n                    marginTop: 24,\n                    position: \"relative\",\n                    backgroundColor: \"orange\",\n                  }}\n                />\n              )}\n            </React.Fragment>\n          );\n        })}\n      </View>\n    );\n  };\n\n  const handleRenderComponent = (stepType: \"default\" | \"custom\") => {\n    switch (stepType) {\n      case \"default\":\n        return <StepDefault />;\n      case \"custom\":\n        return <StepCustom />;\n      default:\n        return <View />;\n    }\n  };\n\n  return <>{handleRenderComponent(type!)}</>;\n};\n\n/**\n * EXPORTS\n */\nexport default StepIndicator;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/step-indicator/interface.d.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["interface.d.ts"],"sourcesContent":["/* eslint-disable no-unused-vars */\n/**\n * IMPORTS\n */\n\ntype IData = {\n  id?: number;\n  jr_tipo_atividade_id?: number;\n  duracao_segundos: string | number;\n  data_inicio: string;\n  data_fim: string;\n  descricao: string;\n  sincronizado;\n  tipo: string;\n  referencia: string;\n};\n\ntype IStyleProps = {\n  sincronizado?: boolean;\n  titleColor?: string;\n  titleNumberColor?: string;\n  textColorDescription?: string;\n};\n\ninterface IStepIndicator {\n  /**dados que vão ser renderizados */\n  data?: IData[];\n\n  /**tupo de renderização padrão ou customizada */\n  type?: \"default\" | \"custom\";\n\n  /**cor do texto */\n  titleColor?: string;\n\n  /**cor do numero do step indicator */\n  titleNumberColor?: string;\n\n  /**cor do texto da descrição */\n  textColorDescription?: string;\n\n  /**params para lidar com selecionamento de atividade única */\n  onChangeActivity?: (activity: any) => void;\n}\n/**\n * EXPORTS\n */\nexport { type IStepIndicator, IStyleProps };\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["interface.d.ts"],"sourcesContent":["/* eslint-disable no-unused-vars */\n/**\n * IMPORTS\n */\n\ntype IData = {\n  id?: number | string;\n  ec_tipo_atividade_id?: number;\n  duracao_segundos: string | number;\n  data_inicio: string;\n  data_fim: string;\n  descricao: string;\n  sincronizado;\n  tipo: string;\n  referencia: string;\n};\n\ntype IStyleProps = {\n  sincronizado?: boolean;\n  titleColor?: string;\n  titleNumberColor?: string;\n  textColorDescription?: string;\n};\n\ninterface IStepIndicator {\n  /**dados que vão ser renderizados */\n  data?: IData[];\n\n  /**tupo de renderização padrão ou customizada */\n  type?: \"default\" | \"custom\";\n\n  /**cor do texto */\n  titleColor?: string;\n\n  /**cor do numero do step indicator */\n  titleNumberColor?: string;\n\n  /**cor do texto da descrição */\n  textColorDescription?: string;\n\n  /**params para lidar com selecionamento de atividade única */\n  onChangeActivity?: (activity: any) => void;\n}\n/**\n * EXPORTS\n */\nexport { type IStepIndicator, IStyleProps };\n"],"mappings":"","ignoreList":[]}

package/lib/commonjs/stories/step-indicator/step-indicator.stories.js

@@ -16,7 +16,8 @@ const meta = {
   component: _stepIndicator.default,
   args: {
     data: [{
-      jr_tipo_atividade_id: 1,
+      id: "1",
+      ec_tipo_atividade_id: 1,
       descricao: "Repouso Noturno",
       data_inicio: "07/03/2024 14:52",
       data_fim: "07/03/2024 17:52",

package/lib/commonjs/stories/step-indicator/step-indicator.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stepIndicator","_interopRequireDefault","require","_theme","e","__esModule","default","meta","title","component","StepIndicator","args","data","jr_tipo_atividade_id","descricao","data_inicio","data_fim","duracao_segundos","sincronizado","referencia","tipo","titleColor","theme","colors","neutral","titleNumberColor","parameters","notes","_default","exports","dataMock","id","dataMockFalse","dataMockCustom","StepIndicatorDefault","name","type","textColorDescription","gray","StepIndicatorSincronizadoFalse","StepIndicationCustom","backgroundColorBall","orange","blue"],"sources":["step-indicator.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\n\n// components\nimport StepIndicator from \"../../components/step-indicator\";\n\n// styles\nimport { theme } from \"../../styles/theme/theme\";\n\nconst meta: Meta<typeof StepIndicator> = {\n  title: \"Componente/StepIndicator\",\n  component: StepIndicator,\n  args: {\n    data: [\n      {\n        jr_tipo_atividade_id: 1,\n        descricao: \"Repouso Noturno\",\n        data_inicio: \"07/03/2024 14:52\",\n        data_fim: \"07/03/2024 17:52\",\n        duracao_segundos: \"3601\",\n        sincronizado: true,\n        referencia: \"repouso_notuno\",\n        tipo: \"descanso\",\n      },\n    ],\n    titleColor: theme.colors.neutral[25],\n    titleNumberColor: theme.colors.neutral[25],\n  },\n  parameters: {\n    notes: `\n# StepIndicator\n\nEste é um componente de step indicator.\nVocê usa assim:\n\\`\\`\\`tsx\n<StepIndicator\n  type=\"default\"\n  data={dataMock}\n  onChangeActivity={(activity) => {\n    console.log(\"Atividade selecionada:\", activity);\n  }}\n/>\n\\`\\`\\`\n`,\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nconst dataMock = [\n  {\n    id: 1,\n    descricao: \"Repouso Noturno\",\n    data_inicio: \"07/03/2024 14:52\",\n    data_fim: \"07/03/2024 17:52\",\n    duracao_segundos: \"3601\",\n    sincronizado: true,\n  },\n  {\n    id: 2,\n    descricao: \"Descarga\",\n    data_inicio: \"06/03/2024 14:52\",\n    data_fim: \"06/03/2024 16:52\",\n    duracao_segundos: \"7200\",\n    sincronizado: true,\n  },\n];\nconst dataMockFalse = [\n  {\n    id: 1,\n    descricao: \"Repouso Noturno\",\n    data_inicio: \"07/03/2024 14:52\",\n    data_fim: \"07/03/2024 17:52\",\n    duracao_segundos: \"3601\",\n    sincronizado: false,\n  },\n  {\n    id: 2,\n    descricao: \"Descarga\",\n    data_inicio: \"06/03/2024 14:52\",\n    data_fim: \"06/03/2024 16:52\",\n    duracao_segundos: \"7200\",\n    sincronizado: false,\n  },\n];\n\nconst dataMockCustom = [\n  {\n    id: 1,\n    descricao: \"Pedido Realizado\",\n    data_inicio: \"\",\n    data_fim: \"\",\n    duracao_segundos: \"\",\n  },\n  {\n    id: 2,\n    descricao: \"Pagamento Aprovado\",\n    data_inicio: \"07/03/2024 14:52\",\n    data_fim: \"07/03/2024 17:52\",\n    duracao_segundos: \"3601\",\n  },\n  {\n    id: 3,\n    descricao: \"Pedido Faturado\",\n    data_inicio: \"\",\n    data_fim: \"\",\n    duracao_segundos: \"\",\n  },\n  {\n    id: 4,\n    descricao: \"Pedido Enviado\",\n    data_inicio: \"\",\n    data_fim: \"\",\n    duracao_segundos: \"\",\n  },\n  {\n    id: 4,\n    descricao: \"Pedido Entregue\",\n    data_inicio: \"07/03/2024 14:52\",\n    data_fim: \"07/03/2024 17:52\",\n    duracao_segundos: \"3601\",\n  },\n];\n\nexport const StepIndicatorDefault: Story = {\n  name: \"step-indicator-default\",\n  args: {\n    data: dataMock,\n    type: \"default\",\n    sincronizado: true,\n    titleColor: theme.colors.neutral[25],\n    textColorDescription: theme.colors.gray[300],\n    titleNumberColor: theme.colors.neutral[25],\n  },\n};\nexport const StepIndicatorSincronizadoFalse: Story = {\n  name: \"step-indicator-sincronizado-false\",\n  args: {\n    data: dataMockFalse,\n    type: \"default\",\n    sincronizado: false,\n    titleColor: theme.colors.neutral[25],\n    textColorDescription: theme.colors.gray[300],\n    titleNumberColor: theme.colors.neutral[25],\n  },\n};\n\nexport const StepIndicationCustom: Story = {\n  name: \"step-indicator-custom\",\n  args: {\n    data: dataMockCustom,\n    type: \"custom\",\n    backgroundColorBall: theme.colors.orange[150],\n    titleColor: theme.colors.blue[500],\n    textColorDescription: theme.colors.gray[300],\n    titleNumberColor: theme.colors.neutral[25],\n  },\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_stepIndicator","_interopRequireDefault","require","_theme","e","__esModule","default","meta","title","component","StepIndicator","args","data","id","ec_tipo_atividade_id","descricao","data_inicio","data_fim","duracao_segundos","sincronizado","referencia","tipo","titleColor","theme","colors","neutral","titleNumberColor","parameters","notes","_default","exports","dataMock","dataMockFalse","dataMockCustom","StepIndicatorDefault","name","type","textColorDescription","gray","StepIndicatorSincronizadoFalse","StepIndicationCustom","backgroundColorBall","orange","blue"],"sources":["step-indicator.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\n\n// components\nimport StepIndicator from \"../../components/step-indicator\";\n\n// styles\nimport { theme } from \"../../styles/theme/theme\";\n\nconst meta: Meta<typeof StepIndicator> = {\n  title: \"Componente/StepIndicator\",\n  component: StepIndicator,\n  args: {\n    data: [\n      {\n        id: \"1\",\n        ec_tipo_atividade_id: 1,\n        descricao: \"Repouso Noturno\",\n        data_inicio: \"07/03/2024 14:52\",\n        data_fim: \"07/03/2024 17:52\",\n        duracao_segundos: \"3601\",\n        sincronizado: true,\n        referencia: \"repouso_notuno\",\n        tipo: \"descanso\",\n      },\n    ],\n    titleColor: theme.colors.neutral[25],\n    titleNumberColor: theme.colors.neutral[25],\n  },\n  parameters: {\n    notes: `\n# StepIndicator\n\nEste é um componente de step indicator.\nVocê usa assim:\n\\`\\`\\`tsx\n<StepIndicator\n  type=\"default\"\n  data={dataMock}\n  onChangeActivity={(activity) => {\n    console.log(\"Atividade selecionada:\", activity);\n  }}\n/>\n\\`\\`\\`\n`,\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nconst dataMock = [\n  {\n    id: 1,\n    descricao: \"Repouso Noturno\",\n    data_inicio: \"07/03/2024 14:52\",\n    data_fim: \"07/03/2024 17:52\",\n    duracao_segundos: \"3601\",\n    sincronizado: true,\n  },\n  {\n    id: 2,\n    descricao: \"Descarga\",\n    data_inicio: \"06/03/2024 14:52\",\n    data_fim: \"06/03/2024 16:52\",\n    duracao_segundos: \"7200\",\n    sincronizado: true,\n  },\n];\nconst dataMockFalse = [\n  {\n    id: 1,\n    descricao: \"Repouso Noturno\",\n    data_inicio: \"07/03/2024 14:52\",\n    data_fim: \"07/03/2024 17:52\",\n    duracao_segundos: \"3601\",\n    sincronizado: false,\n  },\n  {\n    id: 2,\n    descricao: \"Descarga\",\n    data_inicio: \"06/03/2024 14:52\",\n    data_fim: \"06/03/2024 16:52\",\n    duracao_segundos: \"7200\",\n    sincronizado: false,\n  },\n];\n\nconst dataMockCustom = [\n  {\n    id: 1,\n    descricao: \"Pedido Realizado\",\n    data_inicio: \"\",\n    data_fim: \"\",\n    duracao_segundos: \"\",\n  },\n  {\n    id: 2,\n    descricao: \"Pagamento Aprovado\",\n    data_inicio: \"07/03/2024 14:52\",\n    data_fim: \"07/03/2024 17:52\",\n    duracao_segundos: \"3601\",\n  },\n  {\n    id: 3,\n    descricao: \"Pedido Faturado\",\n    data_inicio: \"\",\n    data_fim: \"\",\n    duracao_segundos: \"\",\n  },\n  {\n    id: 4,\n    descricao: \"Pedido Enviado\",\n    data_inicio: \"\",\n    data_fim: \"\",\n    duracao_segundos: \"\",\n  },\n  {\n    id: 4,\n    descricao: \"Pedido Entregue\",\n    data_inicio: \"07/03/2024 14:52\",\n    data_fim: \"07/03/2024 17:52\",\n    duracao_segundos: \"3601\",\n  },\n];\n\nexport const StepIndicatorDefault: Story = {\n  name: \"step-indicator-default\",\n  args: {\n    data: dataMock,\n    type: \"default\",\n    sincronizado: true,\n    titleColor: theme.colors.neutral[25],\n    textColorDescription: theme.colors.gray[300],\n    titleNumberColor: theme.colors.neutral[25],\n  },\n};\nexport const StepIndicatorSincronizadoFalse: Story = {\n  name: \"step-indicator-sincronizado-false\",\n  args: {\n    data: dataMockFalse,\n    type: \"default\",\n    sincronizado: false,\n    titleColor: theme.colors.neutral[25],\n    textColorDescription: theme.colors.gray[300],\n    titleNumberColor: theme.colors.neutral[25],\n  },\n};\n\nexport const StepIndicationCustom: Story = {\n  name: \"step-indicator-custom\",\n  args: {\n    data: dataMockCustom,\n    type: \"custom\",\n    backgroundColorBall: theme.colors.orange[150],\n    titleColor: theme.colors.blue[500],\n    textColorDescription: theme.colors.gray[300],\n    titleNumberColor: theme.colors.neutral[25],\n  },\n};\n"],"mappings":";;;;;;AAGA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AAAiD,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAJjD;;AAGA;;AAGA,MAAMG,IAAgC,GAAG;EACvCC,KAAK,EAAE,0BAA0B;EACjCC,SAAS,EAAEC,sBAAa;EACxBC,IAAI,EAAE;IACJC,IAAI,EAAE,CACJ;MACEC,EAAE,EAAE,GAAG;MACPC,oBAAoB,EAAE,CAAC;MACvBC,SAAS,EAAE,iBAAiB;MAC5BC,WAAW,EAAE,kBAAkB;MAC/BC,QAAQ,EAAE,kBAAkB;MAC5BC,gBAAgB,EAAE,MAAM;MACxBC,YAAY,EAAE,IAAI;MAClBC,UAAU,EAAE,gBAAgB;MAC5BC,IAAI,EAAE;IACR,CAAC,CACF;IACDC,UAAU,EAAEC,YAAK,CAACC,MAAM,CAACC,OAAO,CAAC,EAAE,CAAC;IACpCC,gBAAgB,EAAEH,YAAK,CAACC,MAAM,CAACC,OAAO,CAAC,EAAE;EAC3C,CAAC;EACDE,UAAU,EAAE;IACVC,KAAK,EAAE;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE;AACF,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAxB,OAAA,GAEaC,IAAI;AAInB,MAAMwB,QAAQ,GAAG,CACf;EACElB,EAAE,EAAE,CAAC;EACLE,SAAS,EAAE,iBAAiB;EAC5BC,WAAW,EAAE,kBAAkB;EAC/BC,QAAQ,EAAE,kBAAkB;EAC5BC,gBAAgB,EAAE,MAAM;EACxBC,YAAY,EAAE;AAChB,CAAC,EACD;EACEN,EAAE,EAAE,CAAC;EACLE,SAAS,EAAE,UAAU;EACrBC,WAAW,EAAE,kBAAkB;EAC/BC,QAAQ,EAAE,kBAAkB;EAC5BC,gBAAgB,EAAE,MAAM;EACxBC,YAAY,EAAE;AAChB,CAAC,CACF;AACD,MAAMa,aAAa,GAAG,CACpB;EACEnB,EAAE,EAAE,CAAC;EACLE,SAAS,EAAE,iBAAiB;EAC5BC,WAAW,EAAE,kBAAkB;EAC/BC,QAAQ,EAAE,kBAAkB;EAC5BC,gBAAgB,EAAE,MAAM;EACxBC,YAAY,EAAE;AAChB,CAAC,EACD;EACEN,EAAE,EAAE,CAAC;EACLE,SAAS,EAAE,UAAU;EACrBC,WAAW,EAAE,kBAAkB;EAC/BC,QAAQ,EAAE,kBAAkB;EAC5BC,gBAAgB,EAAE,MAAM;EACxBC,YAAY,EAAE;AAChB,CAAC,CACF;AAED,MAAMc,cAAc,GAAG,CACrB;EACEpB,EAAE,EAAE,CAAC;EACLE,SAAS,EAAE,kBAAkB;EAC7BC,WAAW,EAAE,EAAE;EACfC,QAAQ,EAAE,EAAE;EACZC,gBAAgB,EAAE;AACpB,CAAC,EACD;EACEL,EAAE,EAAE,CAAC;EACLE,SAAS,EAAE,oBAAoB;EAC/BC,WAAW,EAAE,kBAAkB;EAC/BC,QAAQ,EAAE,kBAAkB;EAC5BC,gBAAgB,EAAE;AACpB,CAAC,EACD;EACEL,EAAE,EAAE,CAAC;EACLE,SAAS,EAAE,iBAAiB;EAC5BC,WAAW,EAAE,EAAE;EACfC,QAAQ,EAAE,EAAE;EACZC,gBAAgB,EAAE;AACpB,CAAC,EACD;EACEL,EAAE,EAAE,CAAC;EACLE,SAAS,EAAE,gBAAgB;EAC3BC,WAAW,EAAE,EAAE;EACfC,QAAQ,EAAE,EAAE;EACZC,gBAAgB,EAAE;AACpB,CAAC,EACD;EACEL,EAAE,EAAE,CAAC;EACLE,SAAS,EAAE,iBAAiB;EAC5BC,WAAW,EAAE,kBAAkB;EAC/BC,QAAQ,EAAE,kBAAkB;EAC5BC,gBAAgB,EAAE;AACpB,CAAC,CACF;AAEM,MAAMgB,oBAA2B,GAAAJ,OAAA,CAAAI,oBAAA,GAAG;EACzCC,IAAI,EAAE,wBAAwB;EAC9BxB,IAAI,EAAE;IACJC,IAAI,EAAEmB,QAAQ;IACdK,IAAI,EAAE,SAAS;IACfjB,YAAY,EAAE,IAAI;IAClBG,UAAU,EAAEC,YAAK,CAACC,MAAM,CAACC,OAAO,CAAC,EAAE,CAAC;IACpCY,oBAAoB,EAAEd,YAAK,CAACC,MAAM,CAACc,IAAI,CAAC,GAAG,CAAC;IAC5CZ,gBAAgB,EAAEH,YAAK,CAACC,MAAM,CAACC,OAAO,CAAC,EAAE;EAC3C;AACF,CAAC;AACM,MAAMc,8BAAqC,GAAAT,OAAA,CAAAS,8BAAA,GAAG;EACnDJ,IAAI,EAAE,mCAAmC;EACzCxB,IAAI,EAAE;IACJC,IAAI,EAAEoB,aAAa;IACnBI,IAAI,EAAE,SAAS;IACfjB,YAAY,EAAE,KAAK;IACnBG,UAAU,EAAEC,YAAK,CAACC,MAAM,CAACC,OAAO,CAAC,EAAE,CAAC;IACpCY,oBAAoB,EAAEd,YAAK,CAACC,MAAM,CAACc,IAAI,CAAC,GAAG,CAAC;IAC5CZ,gBAAgB,EAAEH,YAAK,CAACC,MAAM,CAACC,OAAO,CAAC,EAAE;EAC3C;AACF,CAAC;AAEM,MAAMe,oBAA2B,GAAAV,OAAA,CAAAU,oBAAA,GAAG;EACzCL,IAAI,EAAE,uBAAuB;EAC7BxB,IAAI,EAAE;IACJC,IAAI,EAAEqB,cAAc;IACpBG,IAAI,EAAE,QAAQ;IACdK,mBAAmB,EAAElB,YAAK,CAACC,MAAM,CAACkB,MAAM,CAAC,GAAG,CAAC;IAC7CpB,UAAU,EAAEC,YAAK,CAACC,MAAM,CAACmB,IAAI,CAAC,GAAG,CAAC;IAClCN,oBAAoB,EAAEd,YAAK,CAACC,MAAM,CAACc,IAAI,CAAC,GAAG,CAAC;IAC5CZ,gBAAgB,EAAEH,YAAK,CAACC,MAAM,CAACC,OAAO,CAAC,EAAE;EAC3C;AACF,CAAC","ignoreList":[]}

package/lib/module/components/step-indicator/index.js

@@ -48,8 +48,8 @@ const StepIndicator = ({
         const updatedStep = {
           ...stepData[currentStepIndex],
           descricao: newData.label,
-          tipo_atividade: newData.value,
-          identificador: newData.key
+          referencia: newData.value,
+          ec_tipo_atividade_id: newData.key
         };
         const newSteps = stepData.map((item, index) => index === currentStepIndex ? updatedStep : item);
         setStepData(newSteps);
@@ -68,7 +68,7 @@ const StepIndicator = ({
       return /*#__PURE__*/React.createElement(TouchableOpacity, {
         testID: "step-indicator",
         activeOpacity: 0.7,
-        key: history.jr_tipo_atividade_id,
+        key: history === null || history === void 0 ? void 0 : history.id,
         style: styles({}).containerIndicator,
         disabled: !canEdit,
         onPress: () => handleOnPressActivitie(history, index)

package/lib/module/components/step-indicator/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","TouchableOpacity","Icons","getIconKeyByValue","styles","formHoursMinute","theme","ModalChangeActivity","StepIndicator","data","type","textColorDescription","titleColor","titleNumberColor","onChangeActivity","StepDefault","isModalVisible","setIsModalVisible","useState","currentStepIndex","setCurrentStepIndex","stepData","setStepData","handleOnPressActivitie","stepItem","index","_stepItem$descricao","_stepItem$descricao$t","desc","descricao","toLowerCase","call","isDescanso","includes","replace","sincronizado","handleConfirmModal","newData","updatedStep","label","tipo_atividade","value","identificador","key","newSteps","map","item","createElement","Fragment","length","history","isFirst","isEditableType","tipo","isSynced","canEdit","testID","activeOpacity","jr_tipo_atividade_id","style","containerIndicator","disabled","onPress","containerBall","width","height","marginTop","position","backgroundColor","colors","blue","orange","titleNumber","containerMain","title","data_inicio","titleDescription","data_fim","duracao_segundos","visible","modalConfirm","onClose","StepCustom","paddingHorizontal","display","flexDirection","step","indexCustom","borderRadius","alignItems","justifyContent","borderWidth","borderColor","icon","top","fontWeight","fontSize","lineHeight","textAlign","color","handleRenderComponent","stepType"],"sources":["index.tsx"],"sourcesContent":["/**\n * IMPORTS\n */\nimport React from \"react\";\nimport { View, Text, TouchableOpacity } from \"react-native\";\n\n// commons / svg\nimport { Icons } from \"../../common/icons-svg\";\n\n// helpers\nimport { getIconKeyByValue } from \"./helpers/get-icon-by-status\";\n\n// typings\nimport type { IStepIndicator } from \"./interface\";\n\n// styles\nimport { styles } from \"./styles\";\nimport { formHoursMinute } from \"../../utils/format-data\";\nimport { theme } from \"../../styles/theme/theme\";\nimport { ModalChangeActivity } from \"../modal-change-activity\";\n\n/**\n * Componente StepIndicator para a interação da ui.\n */\nconst StepIndicator: React.FC<IStepIndicator> = ({\n  data = [],\n  type,\n  textColorDescription,\n  titleColor,\n  titleNumberColor,\n  onChangeActivity,\n}) => {\n  const StepDefault = () => {\n    const [isModalVisible, setIsModalVisible] = React.useState(false);\n    const [currentStepIndex, setCurrentStepIndex] = React.useState<number | null>(null);\n    const [stepData, setStepData] = React.useState(data);\n\n    const handleOnPressActivitie = (stepItem: any, index: number) => {\n      const desc = stepItem?.descricao?.toLowerCase?.();\n      if (!desc) return;\n\n      const isDescanso = [\"descanso\", \"refeição\", \"repouso_noturno\", \"repouso_semanal\"].includes(\n        desc.replace(/\\s+/g, \"_\")\n      );\n\n      if (isDescanso && stepItem?.sincronizado === true) {\n        setCurrentStepIndex(index);\n        setIsModalVisible(true);\n      }\n    };\n\n    const handleConfirmModal = (newData: { label: string; value: string; key: number }) => {\n      if (currentStepIndex !== null) {\n        const updatedStep = {\n          ...stepData[currentStepIndex],\n          descricao: newData.label,\n          tipo_atividade: newData.value,\n          identificador: newData.key,\n        };\n\n        const newSteps = stepData.map((item, index) =>\n          index === currentStepIndex ? updatedStep : item\n        );\n\n        setStepData(newSteps as any);\n\n        if (onChangeActivity) {\n          onChangeActivity(updatedStep);\n        }\n      }\n\n      setIsModalVisible(false);\n      setCurrentStepIndex(null);\n    };\n\n    return (\n      <>\n        {stepData.length > 0 &&\n          stepData.map((history, index) => {\n            const isFirst = index === 0;\n            const isEditableType = history.tipo === \"descanso\";\n            const isSynced = history?.sincronizado === true;\n            const canEdit = isFirst && isEditableType && isSynced;\n\n            return (\n              <TouchableOpacity\n                testID=\"step-indicator\"\n                activeOpacity={0.7}\n                key={history.jr_tipo_atividade_id}\n                style={styles({}).containerIndicator}\n                disabled={!canEdit}\n                onPress={() => handleOnPressActivitie(history, index)}\n              >\n                <View style={styles({ sincronizado: history.sincronizado }).containerBall}>\n                  {stepData.length > 1 && index < stepData.length - 1 && (\n                    <View\n                      style={{\n                        width: 2,\n                        height: 84,\n                        marginTop: 116,\n                        position: \"relative\",\n                        backgroundColor: history.sincronizado\n                          ? theme.colors.blue[500]\n                          : theme.colors.orange[150],\n                      }}\n                    />\n                  )}\n                  <Text style={styles({ titleNumberColor }).titleNumber}>\n                    {stepData.length - index}\n                  </Text>\n                </View>\n\n                <View style={styles({}).containerMain}>\n                  <Text style={styles({ titleColor }).title}>{history?.descricao}</Text>\n\n                  {history?.data_inicio && (\n                    <Text style={styles({ textColorDescription }).titleDescription}>\n                      {`Inicio: ${history.data_inicio} ás ${history.data_fim}`}\n                    </Text>\n                  )}\n\n                  {history.duracao_segundos && (\n                    <Text style={styles({ textColorDescription }).titleDescription}>\n                      Duração: {formHoursMinute(history?.duracao_segundos as string)}\n                    </Text>\n                  )}\n                </View>\n              </TouchableOpacity>\n            );\n          })}\n\n        {isModalVisible && (\n          <ModalChangeActivity\n            visible={isModalVisible}\n            modalConfirm={handleConfirmModal}\n            descricao=\"\"\n            onClose={() => setIsModalVisible(false)}\n          />\n        )}\n      </>\n    );\n  };\n\n  const StepCustom = () => {\n    return (\n      <View\n        style={{\n          width: \"100%\",\n          height: 84,\n          paddingHorizontal: 24,\n          display: \"flex\",\n          flexDirection: \"row\",\n        }}\n      >\n        {data.map((step, indexCustom) => {\n          const descricao = getIconKeyByValue(step.descricao);\n\n          return (\n            <React.Fragment key={`step-${indexCustom}`}>\n              <View\n                style={{\n                  width: 45,\n                  height: 45,\n                  backgroundColor: indexCustom <= 3 ? \"orange\" : \"transparent\",\n                  borderRadius: 50,\n                  alignItems: \"center\",\n                  justifyContent: \"center\",\n                  borderWidth: 1,\n                  borderColor: \"#fff\",\n                }}\n              >\n                <View\n                  style={{\n                    width: 45,\n                    height: 45,\n                    backgroundColor: \"transparent\",\n                    borderRadius: 50,\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                  }}\n                >\n                  {descricao && <Icons icon={descricao} />}\n                </View>\n                <Text\n                  style={{\n                    position: \"absolute\",\n                    top: 56,\n                    fontWeight: \"600\",\n                    fontSize: 10,\n                    lineHeight: 14,\n                    textAlign: \"center\",\n                    color: \"#fff\",\n                    width: 75,\n                  }}\n                >\n                  {step.descricao}\n                </Text>\n              </View>\n\n              {data?.length > 1 && indexCustom < data?.length - 1 && (\n                <View\n                  style={{\n                    width: 35,\n                    height: 2,\n                    marginTop: 24,\n                    position: \"relative\",\n                    backgroundColor: \"orange\",\n                  }}\n                />\n              )}\n            </React.Fragment>\n          );\n        })}\n      </View>\n    );\n  };\n\n  const handleRenderComponent = (stepType: \"default\" | \"custom\") => {\n    switch (stepType) {\n      case \"default\":\n        return <StepDefault />;\n      case \"custom\":\n        return <StepCustom />;\n      default:\n        return <View />;\n    }\n  };\n\n  return <>{handleRenderComponent(type!)}</>;\n};\n\n/**\n * EXPORTS\n */\nexport default StepIndicator;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Text","TouchableOpacity","Icons","getIconKeyByValue","styles","formHoursMinute","theme","ModalChangeActivity","StepIndicator","data","type","textColorDescription","titleColor","titleNumberColor","onChangeActivity","StepDefault","isModalVisible","setIsModalVisible","useState","currentStepIndex","setCurrentStepIndex","stepData","setStepData","handleOnPressActivitie","stepItem","index","_stepItem$descricao","_stepItem$descricao$t","desc","descricao","toLowerCase","call","isDescanso","includes","replace","sincronizado","handleConfirmModal","newData","updatedStep","label","referencia","value","ec_tipo_atividade_id","key","newSteps","map","item","createElement","Fragment","length","history","isFirst","isEditableType","tipo","isSynced","canEdit","testID","activeOpacity","id","style","containerIndicator","disabled","onPress","containerBall","width","height","marginTop","position","backgroundColor","colors","blue","orange","titleNumber","containerMain","title","data_inicio","titleDescription","data_fim","duracao_segundos","visible","modalConfirm","onClose","StepCustom","paddingHorizontal","display","flexDirection","step","indexCustom","borderRadius","alignItems","justifyContent","borderWidth","borderColor","icon","top","fontWeight","fontSize","lineHeight","textAlign","color","handleRenderComponent","stepType"],"sources":["index.tsx"],"sourcesContent":["/**\n * IMPORTS\n */\nimport React from \"react\";\nimport { View, Text, TouchableOpacity } from \"react-native\";\n\n// commons / svg\nimport { Icons } from \"../../common/icons-svg\";\n\n// helpers\nimport { getIconKeyByValue } from \"./helpers/get-icon-by-status\";\n\n// typings\nimport type { IStepIndicator } from \"./interface\";\n\n// styles\nimport { styles } from \"./styles\";\nimport { formHoursMinute } from \"../../utils/format-data\";\nimport { theme } from \"../../styles/theme/theme\";\nimport { ModalChangeActivity } from \"../modal-change-activity\";\n\n/**\n * Componente StepIndicator para a interação da ui.\n */\nconst StepIndicator: React.FC<IStepIndicator> = ({\n  data = [],\n  type,\n  textColorDescription,\n  titleColor,\n  titleNumberColor,\n  onChangeActivity,\n}) => {\n  const StepDefault = () => {\n    const [isModalVisible, setIsModalVisible] = React.useState(false);\n    const [currentStepIndex, setCurrentStepIndex] = React.useState<number | null>(null);\n    const [stepData, setStepData] = React.useState(data);\n\n    const handleOnPressActivitie = (stepItem: any, index: number) => {\n      const desc = stepItem?.descricao?.toLowerCase?.();\n      if (!desc) return;\n\n      const isDescanso = [\"descanso\", \"refeição\", \"repouso_noturno\", \"repouso_semanal\"].includes(\n        desc.replace(/\\s+/g, \"_\")\n      );\n\n      if (isDescanso && stepItem?.sincronizado === true) {\n        setCurrentStepIndex(index);\n        setIsModalVisible(true);\n      }\n    };\n\n    const handleConfirmModal = (newData: { label: string; value: string; key: number }) => {\n      if (currentStepIndex !== null) {\n        const updatedStep = {\n          ...stepData[currentStepIndex],\n          descricao: newData.label,\n          referencia: newData.value,\n          ec_tipo_atividade_id: newData.key,\n        };\n\n        const newSteps = stepData.map((item, index) =>\n          index === currentStepIndex ? updatedStep : item\n        );\n\n        setStepData(newSteps as any);\n\n        if (onChangeActivity) {\n          onChangeActivity(updatedStep);\n        }\n      }\n\n      setIsModalVisible(false);\n      setCurrentStepIndex(null);\n    };\n\n    return (\n      <>\n        {stepData.length > 0 &&\n          stepData.map((history, index) => {\n            const isFirst = index === 0;\n            const isEditableType = history.tipo === \"descanso\";\n            const isSynced = history?.sincronizado === true;\n            const canEdit = isFirst && isEditableType && isSynced;\n\n            return (\n              <TouchableOpacity\n                testID=\"step-indicator\"\n                activeOpacity={0.7}\n                key={history?.id}\n                style={styles({}).containerIndicator}\n                disabled={!canEdit}\n                onPress={() => handleOnPressActivitie(history, index)}\n              >\n                <View style={styles({ sincronizado: history.sincronizado }).containerBall}>\n                  {stepData.length > 1 && index < stepData.length - 1 && (\n                    <View\n                      style={{\n                        width: 2,\n                        height: 84,\n                        marginTop: 116,\n                        position: \"relative\",\n                        backgroundColor: history.sincronizado\n                          ? theme.colors.blue[500]\n                          : theme.colors.orange[150],\n                      }}\n                    />\n                  )}\n                  <Text style={styles({ titleNumberColor }).titleNumber}>\n                    {stepData.length - index}\n                  </Text>\n                </View>\n\n                <View style={styles({}).containerMain}>\n                  <Text style={styles({ titleColor }).title}>{history?.descricao}</Text>\n\n                  {history?.data_inicio && (\n                    <Text style={styles({ textColorDescription }).titleDescription}>\n                      {`Inicio: ${history.data_inicio} ás ${history.data_fim}`}\n                    </Text>\n                  )}\n\n                  {history.duracao_segundos && (\n                    <Text style={styles({ textColorDescription }).titleDescription}>\n                      Duração: {formHoursMinute(history?.duracao_segundos as string)}\n                    </Text>\n                  )}\n                </View>\n              </TouchableOpacity>\n            );\n          })}\n\n        {isModalVisible && (\n          <ModalChangeActivity\n            visible={isModalVisible}\n            modalConfirm={handleConfirmModal}\n            descricao=\"\"\n            onClose={() => setIsModalVisible(false)}\n          />\n        )}\n      </>\n    );\n  };\n\n  const StepCustom = () => {\n    return (\n      <View\n        style={{\n          width: \"100%\",\n          height: 84,\n          paddingHorizontal: 24,\n          display: \"flex\",\n          flexDirection: \"row\",\n        }}\n      >\n        {data.map((step, indexCustom) => {\n          const descricao = getIconKeyByValue(step.descricao);\n\n          return (\n            <React.Fragment key={`step-${indexCustom}`}>\n              <View\n                style={{\n                  width: 45,\n                  height: 45,\n                  backgroundColor: indexCustom <= 3 ? \"orange\" : \"transparent\",\n                  borderRadius: 50,\n                  alignItems: \"center\",\n                  justifyContent: \"center\",\n                  borderWidth: 1,\n                  borderColor: \"#fff\",\n                }}\n              >\n                <View\n                  style={{\n                    width: 45,\n                    height: 45,\n                    backgroundColor: \"transparent\",\n                    borderRadius: 50,\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                  }}\n                >\n                  {descricao && <Icons icon={descricao} />}\n                </View>\n                <Text\n                  style={{\n                    position: \"absolute\",\n                    top: 56,\n                    fontWeight: \"600\",\n                    fontSize: 10,\n                    lineHeight: 14,\n                    textAlign: \"center\",\n                    color: \"#fff\",\n                    width: 75,\n                  }}\n                >\n                  {step.descricao}\n                </Text>\n              </View>\n\n              {data?.length > 1 && indexCustom < data?.length - 1 && (\n                <View\n                  style={{\n                    width: 35,\n                    height: 2,\n                    marginTop: 24,\n                    position: \"relative\",\n                    backgroundColor: \"orange\",\n                  }}\n                />\n              )}\n            </React.Fragment>\n          );\n        })}\n      </View>\n    );\n  };\n\n  const handleRenderComponent = (stepType: \"default\" | \"custom\") => {\n    switch (stepType) {\n      case \"default\":\n        return <StepDefault />;\n      case \"custom\":\n        return <StepCustom />;\n      default:\n        return <View />;\n    }\n  };\n\n  return <>{handleRenderComponent(type!)}</>;\n};\n\n/**\n * EXPORTS\n */\nexport default StepIndicator;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/step-indicator/interface.d.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["interface.d.ts"],"sourcesContent":["/* eslint-disable no-unused-vars */\n/**\n * IMPORTS\n */\n\ntype IData = {\n  id?: number;\n  jr_tipo_atividade_id?: number;\n  duracao_segundos: string | number;\n  data_inicio: string;\n  data_fim: string;\n  descricao: string;\n  sincronizado;\n  tipo: string;\n  referencia: string;\n};\n\ntype IStyleProps = {\n  sincronizado?: boolean;\n  titleColor?: string;\n  titleNumberColor?: string;\n  textColorDescription?: string;\n};\n\ninterface IStepIndicator {\n  /**dados que vão ser renderizados */\n  data?: IData[];\n\n  /**tupo de renderização padrão ou customizada */\n  type?: \"default\" | \"custom\";\n\n  /**cor do texto */\n  titleColor?: string;\n\n  /**cor do numero do step indicator */\n  titleNumberColor?: string;\n\n  /**cor do texto da descrição */\n  textColorDescription?: string;\n\n  /**params para lidar com selecionamento de atividade única */\n  onChangeActivity?: (activity: any) => void;\n}\n/**\n * EXPORTS\n */\nexport { type IStepIndicator, IStyleProps };\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["interface.d.ts"],"sourcesContent":["/* eslint-disable no-unused-vars */\n/**\n * IMPORTS\n */\n\ntype IData = {\n  id?: number | string;\n  ec_tipo_atividade_id?: number;\n  duracao_segundos: string | number;\n  data_inicio: string;\n  data_fim: string;\n  descricao: string;\n  sincronizado;\n  tipo: string;\n  referencia: string;\n};\n\ntype IStyleProps = {\n  sincronizado?: boolean;\n  titleColor?: string;\n  titleNumberColor?: string;\n  textColorDescription?: string;\n};\n\ninterface IStepIndicator {\n  /**dados que vão ser renderizados */\n  data?: IData[];\n\n  /**tupo de renderização padrão ou customizada */\n  type?: \"default\" | \"custom\";\n\n  /**cor do texto */\n  titleColor?: string;\n\n  /**cor do numero do step indicator */\n  titleNumberColor?: string;\n\n  /**cor do texto da descrição */\n  textColorDescription?: string;\n\n  /**params para lidar com selecionamento de atividade única */\n  onChangeActivity?: (activity: any) => void;\n}\n/**\n * EXPORTS\n */\nexport { type IStepIndicator, IStyleProps };\n"],"mappings":"","ignoreList":[]}

package/lib/module/stories/step-indicator/step-indicator.stories.js

@@ -8,7 +8,8 @@ const meta = {
   component: StepIndicator,
   args: {
     data: [{
-      jr_tipo_atividade_id: 1,
+      id: "1",
+      ec_tipo_atividade_id: 1,
       descricao: "Repouso Noturno",
       data_inicio: "07/03/2024 14:52",
       data_fim: "07/03/2024 17:52",

package/lib/module/stories/step-indicator/step-indicator.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["StepIndicator","theme","meta","title","component","args","data","jr_tipo_atividade_id","descricao","data_inicio","data_fim","duracao_segundos","sincronizado","referencia","tipo","titleColor","colors","neutral","titleNumberColor","parameters","notes","dataMock","id","dataMockFalse","dataMockCustom","StepIndicatorDefault","name","type","textColorDescription","gray","StepIndicatorSincronizadoFalse","StepIndicationCustom","backgroundColorBall","orange","blue"],"sources":["step-indicator.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\n\n// components\nimport StepIndicator from \"../../components/step-indicator\";\n\n// styles\nimport { theme } from \"../../styles/theme/theme\";\n\nconst meta: Meta<typeof StepIndicator> = {\n  title: \"Componente/StepIndicator\",\n  component: StepIndicator,\n  args: {\n    data: [\n      {\n        jr_tipo_atividade_id: 1,\n        descricao: \"Repouso Noturno\",\n        data_inicio: \"07/03/2024 14:52\",\n        data_fim: \"07/03/2024 17:52\",\n        duracao_segundos: \"3601\",\n        sincronizado: true,\n        referencia: \"repouso_notuno\",\n        tipo: \"descanso\",\n      },\n    ],\n    titleColor: theme.colors.neutral[25],\n    titleNumberColor: theme.colors.neutral[25],\n  },\n  parameters: {\n    notes: `\n# StepIndicator\n\nEste é um componente de step indicator.\nVocê usa assim:\n\\`\\`\\`tsx\n<StepIndicator\n  type=\"default\"\n  data={dataMock}\n  onChangeActivity={(activity) => {\n    console.log(\"Atividade selecionada:\", activity);\n  }}\n/>\n\\`\\`\\`\n`,\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nconst dataMock = [\n  {\n    id: 1,\n    descricao: \"Repouso Noturno\",\n    data_inicio: \"07/03/2024 14:52\",\n    data_fim: \"07/03/2024 17:52\",\n    duracao_segundos: \"3601\",\n    sincronizado: true,\n  },\n  {\n    id: 2,\n    descricao: \"Descarga\",\n    data_inicio: \"06/03/2024 14:52\",\n    data_fim: \"06/03/2024 16:52\",\n    duracao_segundos: \"7200\",\n    sincronizado: true,\n  },\n];\nconst dataMockFalse = [\n  {\n    id: 1,\n    descricao: \"Repouso Noturno\",\n    data_inicio: \"07/03/2024 14:52\",\n    data_fim: \"07/03/2024 17:52\",\n    duracao_segundos: \"3601\",\n    sincronizado: false,\n  },\n  {\n    id: 2,\n    descricao: \"Descarga\",\n    data_inicio: \"06/03/2024 14:52\",\n    data_fim: \"06/03/2024 16:52\",\n    duracao_segundos: \"7200\",\n    sincronizado: false,\n  },\n];\n\nconst dataMockCustom = [\n  {\n    id: 1,\n    descricao: \"Pedido Realizado\",\n    data_inicio: \"\",\n    data_fim: \"\",\n    duracao_segundos: \"\",\n  },\n  {\n    id: 2,\n    descricao: \"Pagamento Aprovado\",\n    data_inicio: \"07/03/2024 14:52\",\n    data_fim: \"07/03/2024 17:52\",\n    duracao_segundos: \"3601\",\n  },\n  {\n    id: 3,\n    descricao: \"Pedido Faturado\",\n    data_inicio: \"\",\n    data_fim: \"\",\n    duracao_segundos: \"\",\n  },\n  {\n    id: 4,\n    descricao: \"Pedido Enviado\",\n    data_inicio: \"\",\n    data_fim: \"\",\n    duracao_segundos: \"\",\n  },\n  {\n    id: 4,\n    descricao: \"Pedido Entregue\",\n    data_inicio: \"07/03/2024 14:52\",\n    data_fim: \"07/03/2024 17:52\",\n    duracao_segundos: \"3601\",\n  },\n];\n\nexport const StepIndicatorDefault: Story = {\n  name: \"step-indicator-default\",\n  args: {\n    data: dataMock,\n    type: \"default\",\n    sincronizado: true,\n    titleColor: theme.colors.neutral[25],\n    textColorDescription: theme.colors.gray[300],\n    titleNumberColor: theme.colors.neutral[25],\n  },\n};\nexport const StepIndicatorSincronizadoFalse: Story = {\n  name: \"step-indicator-sincronizado-false\",\n  args: {\n    data: dataMockFalse,\n    type: \"default\",\n    sincronizado: false,\n    titleColor: theme.colors.neutral[25],\n    textColorDescription: theme.colors.gray[300],\n    titleNumberColor: theme.colors.neutral[25],\n  },\n};\n\nexport const StepIndicationCustom: Story = {\n  name: \"step-indicator-custom\",\n  args: {\n    data: dataMockCustom,\n    type: \"custom\",\n    backgroundColorBall: theme.colors.orange[150],\n    titleColor: theme.colors.blue[500],\n    textColorDescription: theme.colors.gray[300],\n    titleNumberColor: theme.colors.neutral[25],\n  },\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["StepIndicator","theme","meta","title","component","args","data","id","ec_tipo_atividade_id","descricao","data_inicio","data_fim","duracao_segundos","sincronizado","referencia","tipo","titleColor","colors","neutral","titleNumberColor","parameters","notes","dataMock","dataMockFalse","dataMockCustom","StepIndicatorDefault","name","type","textColorDescription","gray","StepIndicatorSincronizadoFalse","StepIndicationCustom","backgroundColorBall","orange","blue"],"sources":["step-indicator.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\n\n// components\nimport StepIndicator from \"../../components/step-indicator\";\n\n// styles\nimport { theme } from \"../../styles/theme/theme\";\n\nconst meta: Meta<typeof StepIndicator> = {\n  title: \"Componente/StepIndicator\",\n  component: StepIndicator,\n  args: {\n    data: [\n      {\n        id: \"1\",\n        ec_tipo_atividade_id: 1,\n        descricao: \"Repouso Noturno\",\n        data_inicio: \"07/03/2024 14:52\",\n        data_fim: \"07/03/2024 17:52\",\n        duracao_segundos: \"3601\",\n        sincronizado: true,\n        referencia: \"repouso_notuno\",\n        tipo: \"descanso\",\n      },\n    ],\n    titleColor: theme.colors.neutral[25],\n    titleNumberColor: theme.colors.neutral[25],\n  },\n  parameters: {\n    notes: `\n# StepIndicator\n\nEste é um componente de step indicator.\nVocê usa assim:\n\\`\\`\\`tsx\n<StepIndicator\n  type=\"default\"\n  data={dataMock}\n  onChangeActivity={(activity) => {\n    console.log(\"Atividade selecionada:\", activity);\n  }}\n/>\n\\`\\`\\`\n`,\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nconst dataMock = [\n  {\n    id: 1,\n    descricao: \"Repouso Noturno\",\n    data_inicio: \"07/03/2024 14:52\",\n    data_fim: \"07/03/2024 17:52\",\n    duracao_segundos: \"3601\",\n    sincronizado: true,\n  },\n  {\n    id: 2,\n    descricao: \"Descarga\",\n    data_inicio: \"06/03/2024 14:52\",\n    data_fim: \"06/03/2024 16:52\",\n    duracao_segundos: \"7200\",\n    sincronizado: true,\n  },\n];\nconst dataMockFalse = [\n  {\n    id: 1,\n    descricao: \"Repouso Noturno\",\n    data_inicio: \"07/03/2024 14:52\",\n    data_fim: \"07/03/2024 17:52\",\n    duracao_segundos: \"3601\",\n    sincronizado: false,\n  },\n  {\n    id: 2,\n    descricao: \"Descarga\",\n    data_inicio: \"06/03/2024 14:52\",\n    data_fim: \"06/03/2024 16:52\",\n    duracao_segundos: \"7200\",\n    sincronizado: false,\n  },\n];\n\nconst dataMockCustom = [\n  {\n    id: 1,\n    descricao: \"Pedido Realizado\",\n    data_inicio: \"\",\n    data_fim: \"\",\n    duracao_segundos: \"\",\n  },\n  {\n    id: 2,\n    descricao: \"Pagamento Aprovado\",\n    data_inicio: \"07/03/2024 14:52\",\n    data_fim: \"07/03/2024 17:52\",\n    duracao_segundos: \"3601\",\n  },\n  {\n    id: 3,\n    descricao: \"Pedido Faturado\",\n    data_inicio: \"\",\n    data_fim: \"\",\n    duracao_segundos: \"\",\n  },\n  {\n    id: 4,\n    descricao: \"Pedido Enviado\",\n    data_inicio: \"\",\n    data_fim: \"\",\n    duracao_segundos: \"\",\n  },\n  {\n    id: 4,\n    descricao: \"Pedido Entregue\",\n    data_inicio: \"07/03/2024 14:52\",\n    data_fim: \"07/03/2024 17:52\",\n    duracao_segundos: \"3601\",\n  },\n];\n\nexport const StepIndicatorDefault: Story = {\n  name: \"step-indicator-default\",\n  args: {\n    data: dataMock,\n    type: \"default\",\n    sincronizado: true,\n    titleColor: theme.colors.neutral[25],\n    textColorDescription: theme.colors.gray[300],\n    titleNumberColor: theme.colors.neutral[25],\n  },\n};\nexport const StepIndicatorSincronizadoFalse: Story = {\n  name: \"step-indicator-sincronizado-false\",\n  args: {\n    data: dataMockFalse,\n    type: \"default\",\n    sincronizado: false,\n    titleColor: theme.colors.neutral[25],\n    textColorDescription: theme.colors.gray[300],\n    titleNumberColor: theme.colors.neutral[25],\n  },\n};\n\nexport const StepIndicationCustom: Story = {\n  name: \"step-indicator-custom\",\n  args: {\n    data: dataMockCustom,\n    type: \"custom\",\n    backgroundColorBall: theme.colors.orange[150],\n    titleColor: theme.colors.blue[500],\n    textColorDescription: theme.colors.gray[300],\n    titleNumberColor: theme.colors.neutral[25],\n  },\n};\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-exp-fig",
-  "version": "0.1.25",
+  "version": "0.1.26",
   "description": "Biblioteca para desenvolvimento dos componentes para utilizar nos app da Expresso Figueiredo.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/components/step-indicator/index.tsx

@@ -54,8 +54,8 @@ const StepIndicator: React.FC<IStepIndicator> = ({
         const updatedStep = {
           ...stepData[currentStepIndex],
           descricao: newData.label,
-          tipo_atividade: newData.value,
-          identificador: newData.key,
+          referencia: newData.value,
+          ec_tipo_atividade_id: newData.key,
         };
 
         const newSteps = stepData.map((item, index) =>
@@ -86,7 +86,7 @@ const StepIndicator: React.FC<IStepIndicator> = ({
               <TouchableOpacity
                 testID="step-indicator"
                 activeOpacity={0.7}
-                key={history.jr_tipo_atividade_id}
+                key={history?.id}
                 style={styles({}).containerIndicator}
                 disabled={!canEdit}
                 onPress={() => handleOnPressActivitie(history, index)}

package/src/components/step-indicator/interface.d.ts

@@ -4,8 +4,8 @@
  */
 
 type IData = {
-  id?: number;
-  jr_tipo_atividade_id?: number;
+  id?: number | string;
+  ec_tipo_atividade_id?: number;
   duracao_segundos: string | number;
   data_inicio: string;
   data_fim: string;

package/src/stories/step-indicator/step-indicator.stories.tsx

@@ -12,7 +12,8 @@ const meta: Meta<typeof StepIndicator> = {
   args: {
     data: [
       {
-        jr_tipo_atividade_id: 1,
+        id: "1",
+        ec_tipo_atividade_id: 1,
         descricao: "Repouso Noturno",
         data_inicio: "07/03/2024 14:52",
         data_fim: "07/03/2024 17:52",