react-native-exp-fig 0.1.25 → 0.1.27

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

@@ -1,5 +1,5 @@
-/**
- * EXPORTS
+/**
+ * EXPORTS
  */
 
 // Components
@@ -10,7 +10,7 @@ export { Typography } from "./components/typography";
 export { Input } from "./components/input";
 export { CapturePhoto } from "./components/capture-photo";
 export { CardHours } from "./components/card-hours";
-export { SelectOption } from "./components/selects/select-option";
+export { default as SelectOption } from "./components/selects/select-option";
 export { Header } from "./components/header-profile";
 export { ScheduledJourneyIndicators } from "./components/scheduled-journey-indicators";
 export { CardScheduledJourney } from "./components/card-scheduled-journey";
@@ -33,9 +33,13 @@ export { HistoryDetails } from "./components/history-details";
 export { ActivitiesDaily } from "./components/activities-daily";
 export { ActivitiesProgress } from "./components/activities-progress";
 export { ProfileMenuOption } from "./components/profile-menu-option";
-export { ModalActivities } from "./components/modal-activities";
+export { ModalActivities } from "./components/modals/modal-activities";
 export { HistoryActivitiesCard } from "./components/history-activities-card";
-export { ModalChangeActivity } from "./components/modal-change-activity";
+export { ModalChangeActivity } from "./components/modals/modal-change-activity";
+export { default as ModalActivityReason } from "./components/modals/modal-activity-reason";
+export { default as InputTextCounter } from "./components/input-text-counter";
+export { default as ModalCreteActivitie } from "./components/modal-create-activitie";
+export { default as ModalJourneyRectification } from "./components/modal-journey-rectification";
 
 // Utilities
 export { multiply } from "./utils/mutiply";

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","Box","Button","StepIndicator","Typography","Input","CapturePhoto","CardHours","SelectOption","Header","ScheduledJourneyIndicators","CardScheduledJourney","UserProfile","MenuItem","CardLoading","CardWorkSession","LoadingProgress","NoData","FilterJourney","Coil","FilterDateSelector","CardHistory","NotificationLoading","CheckBox","ImageCaptureWithRemove","LoadingDetails","AvatarProfile","HistoryDetails","ActivitiesDaily","ActivitiesProgress","ProfileMenuOption","ModalActivities","HistoryActivitiesCard","ModalChangeActivity","multiply","formatDate","getLastSevenDays","formHoursMinute","theme"],"sources":["index.ts"],"sourcesContent":["/**\n * EXPORTS\n */\n\n// Components\nexport { default as Box } from \"./components/box\";\nexport { Button } from \"./components/button\";\nexport { default as StepIndicator } from \"./components/step-indicator\";\nexport { Typography } from \"./components/typography\";\nexport { Input } from \"./components/input\";\nexport { CapturePhoto } from \"./components/capture-photo\";\nexport { CardHours } from \"./components/card-hours\";\nexport { SelectOption } from \"./components/selects/select-option\";\nexport { Header } from \"./components/header-profile\";\nexport { ScheduledJourneyIndicators } from \"./components/scheduled-journey-indicators\";\nexport { CardScheduledJourney } from \"./components/card-scheduled-journey\";\nexport { UserProfile } from \"./components/user-profile\";\nexport { MenuItem } from \"./components/menu-item\";\nexport { CardLoading } from \"./components/card-loading\";\nexport { CardWorkSession } from \"./components/card-work-session\";\nexport { LoadingProgress } from \"./components/loading-progress\";\nexport { NoData } from \"./components/no-data\";\nexport { FilterJourney } from \"./components/filter-journey\";\nexport { Coil } from \"./components/coil\";\nexport { FilterDateSelector } from \"./components/filter-date-selector\";\nexport { CardHistory } from \"./components/card-history\";\nexport { NotificationLoading } from \"./components/notification-loading\";\nexport { CheckBox } from \"./components/check-box\";\nexport { ImageCaptureWithRemove } from \"./components/image-capture-with-remove\";\nexport { LoadingDetails } from \"./components/loading-details\";\nexport { AvatarProfile } from \"./components/avatar-profile\";\nexport { HistoryDetails } from \"./components/history-details\";\nexport { ActivitiesDaily } from \"./components/activities-daily\";\nexport { ActivitiesProgress } from \"./components/activities-progress\";\nexport { ProfileMenuOption } from \"./components/profile-menu-option\";\nexport { ModalActivities } from \"./components/modal-activities\";\nexport { HistoryActivitiesCard } from \"./components/history-activities-card\";\nexport { ModalChangeActivity } from \"./components/modal-change-activity\";\n\n// Utilities\nexport { multiply } from \"./utils/mutiply\";\nexport { formatDate, getLastSevenDays, formHoursMinute } from \"./utils/format-data\";\n\n// Styles\nexport { theme } from \"./styles/theme/theme\";\n"],"mappings":"AAAA;AACA;AACA;;AAEA;AACA,SAASA,OAAO,IAAIC,GAAG,QAAQ,kBAAkB;AACjD,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASF,OAAO,IAAIG,aAAa,QAAQ,6BAA6B;AACtE,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,YAAY,QAAQ,4BAA4B;AACzD,SAASC,SAAS,QAAQ,yBAAyB;AACnD,SAASC,YAAY,QAAQ,oCAAoC;AACjE,SAASC,MAAM,QAAQ,6BAA6B;AACpD,SAASC,0BAA0B,QAAQ,2CAA2C;AACtF,SAASC,oBAAoB,QAAQ,qCAAqC;AAC1E,SAASC,WAAW,QAAQ,2BAA2B;AACvD,SAASC,QAAQ,QAAQ,wBAAwB;AACjD,SAASC,WAAW,QAAQ,2BAA2B;AACvD,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,eAAe,QAAQ,+BAA+B;AAC/D,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,aAAa,QAAQ,6BAA6B;AAC3D,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,kBAAkB,QAAQ,mCAAmC;AACtE,SAASC,WAAW,QAAQ,2BAA2B;AACvD,SAASC,mBAAmB,QAAQ,mCAAmC;AACvE,SAASC,QAAQ,QAAQ,wBAAwB;AACjD,SAASC,sBAAsB,QAAQ,wCAAwC;AAC/E,SAASC,cAAc,QAAQ,8BAA8B;AAC7D,SAASC,aAAa,QAAQ,6BAA6B;AAC3D,SAASC,cAAc,QAAQ,8BAA8B;AAC7D,SAASC,eAAe,QAAQ,+BAA+B;AAC/D,SAASC,kBAAkB,QAAQ,kCAAkC;AACrE,SAASC,iBAAiB,QAAQ,kCAAkC;AACpE,SAASC,eAAe,QAAQ,+BAA+B;AAC/D,SAASC,qBAAqB,QAAQ,sCAAsC;AAC5E,SAASC,mBAAmB,QAAQ,oCAAoC;;AAExE;AACA,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,UAAU,EAAEC,gBAAgB,EAAEC,eAAe,QAAQ,qBAAqB;;AAEnF;AACA,SAASC,KAAK,QAAQ,sBAAsB","ignoreList":[]}
+{"version":3,"names":["default","Box","Button","StepIndicator","Typography","Input","CapturePhoto","CardHours","SelectOption","Header","ScheduledJourneyIndicators","CardScheduledJourney","UserProfile","MenuItem","CardLoading","CardWorkSession","LoadingProgress","NoData","FilterJourney","Coil","FilterDateSelector","CardHistory","NotificationLoading","CheckBox","ImageCaptureWithRemove","LoadingDetails","AvatarProfile","HistoryDetails","ActivitiesDaily","ActivitiesProgress","ProfileMenuOption","ModalActivities","HistoryActivitiesCard","ModalChangeActivity","ModalActivityReason","InputTextCounter","ModalCreteActivitie","ModalJourneyRectification","multiply","formatDate","getLastSevenDays","formHoursMinute","theme"],"sources":["index.ts"],"sourcesContent":["/**\r\n * EXPORTS\r\n */\r\n\r\n// Components\r\nexport { default as Box } from \"./components/box\";\r\nexport { Button } from \"./components/button\";\r\nexport { default as StepIndicator } from \"./components/step-indicator\";\r\nexport { Typography } from \"./components/typography\";\r\nexport { Input } from \"./components/input\";\r\nexport { CapturePhoto } from \"./components/capture-photo\";\r\nexport { CardHours } from \"./components/card-hours\";\r\nexport { default as SelectOption } from \"./components/selects/select-option\";\r\nexport { Header } from \"./components/header-profile\";\r\nexport { ScheduledJourneyIndicators } from \"./components/scheduled-journey-indicators\";\r\nexport { CardScheduledJourney } from \"./components/card-scheduled-journey\";\r\nexport { UserProfile } from \"./components/user-profile\";\r\nexport { MenuItem } from \"./components/menu-item\";\r\nexport { CardLoading } from \"./components/card-loading\";\r\nexport { CardWorkSession } from \"./components/card-work-session\";\r\nexport { LoadingProgress } from \"./components/loading-progress\";\r\nexport { NoData } from \"./components/no-data\";\r\nexport { FilterJourney } from \"./components/filter-journey\";\r\nexport { Coil } from \"./components/coil\";\r\nexport { FilterDateSelector } from \"./components/filter-date-selector\";\r\nexport { CardHistory } from \"./components/card-history\";\r\nexport { NotificationLoading } from \"./components/notification-loading\";\r\nexport { CheckBox } from \"./components/check-box\";\r\nexport { ImageCaptureWithRemove } from \"./components/image-capture-with-remove\";\r\nexport { LoadingDetails } from \"./components/loading-details\";\r\nexport { AvatarProfile } from \"./components/avatar-profile\";\r\nexport { HistoryDetails } from \"./components/history-details\";\r\nexport { ActivitiesDaily } from \"./components/activities-daily\";\r\nexport { ActivitiesProgress } from \"./components/activities-progress\";\r\nexport { ProfileMenuOption } from \"./components/profile-menu-option\";\r\nexport { ModalActivities } from \"./components/modals/modal-activities\";\r\nexport { HistoryActivitiesCard } from \"./components/history-activities-card\";\r\nexport { ModalChangeActivity } from \"./components/modals/modal-change-activity\";\r\nexport { default as ModalActivityReason } from \"./components/modals/modal-activity-reason\";\r\nexport { default as InputTextCounter } from \"./components/input-text-counter\";\r\nexport { default as ModalCreteActivitie } from \"./components/modal-create-activitie\";\r\nexport { default as ModalJourneyRectification } from \"./components/modal-journey-rectification\";\r\n\r\n// Utilities\r\nexport { multiply } from \"./utils/mutiply\";\r\nexport { formatDate, getLastSevenDays, formHoursMinute } from \"./utils/format-data\";\r\n\r\n// Styles\r\nexport { theme } from \"./styles/theme/theme\";\r\n"],"mappings":"AAAA;AACA;AACA;;AAEA;AACA,SAASA,OAAO,IAAIC,GAAG,QAAQ,kBAAkB;AACjD,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASF,OAAO,IAAIG,aAAa,QAAQ,6BAA6B;AACtE,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,YAAY,QAAQ,4BAA4B;AACzD,SAASC,SAAS,QAAQ,yBAAyB;AACnD,SAASP,OAAO,IAAIQ,YAAY,QAAQ,oCAAoC;AAC5E,SAASC,MAAM,QAAQ,6BAA6B;AACpD,SAASC,0BAA0B,QAAQ,2CAA2C;AACtF,SAASC,oBAAoB,QAAQ,qCAAqC;AAC1E,SAASC,WAAW,QAAQ,2BAA2B;AACvD,SAASC,QAAQ,QAAQ,wBAAwB;AACjD,SAASC,WAAW,QAAQ,2BAA2B;AACvD,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,eAAe,QAAQ,+BAA+B;AAC/D,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,aAAa,QAAQ,6BAA6B;AAC3D,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,kBAAkB,QAAQ,mCAAmC;AACtE,SAASC,WAAW,QAAQ,2BAA2B;AACvD,SAASC,mBAAmB,QAAQ,mCAAmC;AACvE,SAASC,QAAQ,QAAQ,wBAAwB;AACjD,SAASC,sBAAsB,QAAQ,wCAAwC;AAC/E,SAASC,cAAc,QAAQ,8BAA8B;AAC7D,SAASC,aAAa,QAAQ,6BAA6B;AAC3D,SAASC,cAAc,QAAQ,8BAA8B;AAC7D,SAASC,eAAe,QAAQ,+BAA+B;AAC/D,SAASC,kBAAkB,QAAQ,kCAAkC;AACrE,SAASC,iBAAiB,QAAQ,kCAAkC;AACpE,SAASC,eAAe,QAAQ,sCAAsC;AACtE,SAASC,qBAAqB,QAAQ,sCAAsC;AAC5E,SAASC,mBAAmB,QAAQ,2CAA2C;AAC/E,SAASjC,OAAO,IAAIkC,mBAAmB,QAAQ,2CAA2C;AAC1F,SAASlC,OAAO,IAAImC,gBAAgB,QAAQ,iCAAiC;AAC7E,SAASnC,OAAO,IAAIoC,mBAAmB,QAAQ,qCAAqC;AACpF,SAASpC,OAAO,IAAIqC,yBAAyB,QAAQ,0CAA0C;;AAE/F;AACA,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,UAAU,EAAEC,gBAAgB,EAAEC,eAAe,QAAQ,qBAAqB;;AAEnF;AACA,SAASC,KAAK,QAAQ,sBAAsB","ignoreList":[]}

package/lib/module/stories/input-text-counter/input-text-counter.stories.js

@@ -0,0 +1,253 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/**
+ * IMPORTS
+ */
+import React, { useState } from "react";
+import { View, Text } from "react-native";
+
+// components
+import InputTextCounter from "../../components/input-text-counter";
+/**
+ * META
+ */
+const meta = {
+  title: "componente/InputTextCounter",
+  component: InputTextCounter,
+  tags: ["autodocs"],
+  args: {
+    label: "Descreva o problema encontrado",
+    placeholder: "Ex: O caminhão apresentou falha no freio durante o trajeto...",
+    // props comuns de TextInput (assumindo que o componente as repasse):
+    maxLength: 150,
+    multiline: true
+  },
+  argTypes: {
+    label: {
+      control: {
+        type: "text"
+      },
+      description: "Rótulo exibido acima do campo.",
+      table: {
+        category: "Aparência"
+      }
+    },
+    placeholder: {
+      control: {
+        type: "text"
+      },
+      description: "Texto de dica quando o campo está vazio.",
+      table: {
+        category: "Aparência"
+      }
+    },
+    maxLength: {
+      control: {
+        type: "number",
+        min: 50,
+        max: 500,
+        step: 10
+      },
+      description: "Limite máximo de caracteres (ex.: 150).",
+      table: {
+        category: "Comportamento"
+      }
+    },
+    multiline: {
+      control: {
+        type: "boolean"
+      },
+      description: "Habilita múltiplas linhas para textos longos.",
+      table: {
+        category: "Comportamento"
+      }
+    },
+    editable: {
+      control: {
+        type: "boolean"
+      },
+      description: "Se falso, o campo fica somente leitura (desabilitado).",
+      table: {
+        category: "Comportamento"
+      }
+    },
+    defaultValue: {
+      control: {
+        type: "text"
+      },
+      description: "Valor inicial não controlado (apenas na montagem).",
+      table: {
+        category: "Valor"
+      }
+    },
+    value: {
+      control: {
+        type: "text"
+      },
+      description: "Valor controlado do campo. Use junto de `onChangeText` (controlado).",
+      table: {
+        category: "Valor"
+      }
+    },
+    onChangeText: {
+      action: "onChangeText",
+      description: "Callback disparado a cada alteração de texto.",
+      table: {
+        category: "Eventos"
+      }
+    }
+  },
+  parameters: {
+    controls: {
+      expanded: true
+    },
+    layout: "centered",
+    notes: `
+# InputTextCounter
+
+Campo de texto **multilinha** para descrição de manutenção com **contador de caracteres** e estilo seguindo o Figma.
+
+## ✅ Recursos
+- **Contador dinâmico** (ex.: \`85/150\`)
+- **Limite configurável** via \`maxLength\` (padrão: 150)
+- **Multilinha** para textos longos
+- **Placeholder** claro com exemplo de preenchimento
+
+## 🔧 Props principais
+- \`label: string\` — título acima do campo
+- \`placeholder: string\` — dica de preenchimento
+- \`maxLength?: number\` — limite de caracteres (ex.: 150)
+- \`multiline?: boolean\` — permite múltiplas linhas
+- \`editable?: boolean\` — desabilita/ativa edição
+- \`defaultValue?: string\` — valor inicial (não controlado)
+- \`value?: string\`, \`onChangeText?: (t: string) => void\` — modo controlado
+
+> Observação: se o componente estende \`TextInputProps\`, essas props já são suportadas.
+
+## 🧩 Padrões de UX
+- Mostre o **contador** sempre que houver \`maxLength\`.
+- Use \`placeholder\` com **exemplo concreto** (melhora taxa de preenchimento).
+- Em formulários longos, mantenha o campo **multilinha** com altura inicial confortável.
+
+## 🧪 Testes (ideias)
+- Renderiza label e placeholder corretos
+- Respeita \`maxLength\` e exibe contador
+- Dispara \`onChangeText\` ao digitar
+- \`editable=false\` impede edição
+
+## 💡 Uso básico
+\`\`\`tsx
+<InputTextCounter
+  label="Descreva o problema encontrado"
+  placeholder="Ex: O caminhão apresentou falha no freio durante o trajeto..."
+  maxLength={150}
+  multiline
+/>
+\`\`\`
+`
+  },
+  decorators: [Story => /*#__PURE__*/React.createElement(View, {
+    style: {
+      width: 360,
+      padding: 16,
+      backgroundColor: "#F7F7F7",
+      borderRadius: 12
+    }
+  }, /*#__PURE__*/React.createElement(Story, null))]
+};
+export default meta;
+/**
+ * STORIES
+ */
+
+// 1) Padrão
+export const InputDefault = {
+  name: "input-descricao-default",
+  args: {
+    label: "Descrição da manutenção",
+    placeholder: "Ex: Vazamento de óleo no motor.",
+    maxLength: 150,
+    multiline: true
+  }
+};
+
+// 2) Valor inicial (não controlado)
+export const ComValorInicial = {
+  name: "com-valor-inicial",
+  args: {
+    defaultValue: "Durante o trajeto na BR-262, notei ruído metálico vindo da roda traseira direita."
+  }
+};
+
+// 3) Perto do limite (simula campo quase cheio)
+export const PertoDoLimite = {
+  name: "perto-do-limite",
+  args: {
+    maxLength: 100,
+    defaultValue: "Barulho intermitente na transmissão ao reduzir de 4ª para 3ª em descida."
+  }
+};
+
+// 4) Desabilitado / Somente leitura
+export const Desabilitado = {
+  name: "desabilitado",
+  args: {
+    editable: false,
+    placeholder: "Campo indisponível no momento"
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Use `editable={false}` para estados de checklist revisado ou quando a OS estiver bloqueada."
+      }
+    }
+  }
+};
+
+// 5) Interativo controlado (demonstração de value + onChangeText)
+export const ControladoInterativo = {
+  name: "controlado-interativo",
+  render: args => {
+    const Wrapper = () => {
+      var _args$label, _args$maxLength;
+      const [text, setText] = useState("Inicial: ruído ao frear levemente após 20min de uso.");
+      return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(InputTextCounter, _extends({}, args, {
+        label: (_args$label = args.label) !== null && _args$label !== void 0 ? _args$label : "Descrição",
+        value: text,
+        onChangeText: t => {
+          var _args$onChangeText;
+          setText(t);
+          // Storybook action:
+          // @ts-ignore - vincula ao painel de ações se existir
+          args === null || args === void 0 || (_args$onChangeText = args.onChangeText) === null || _args$onChangeText === void 0 || _args$onChangeText.call(args, t);
+        }
+      })), /*#__PURE__*/React.createElement(Text, {
+        style: {
+          marginTop: 8,
+          fontSize: 12,
+          color: "#666"
+        }
+      }, text.length, "/", (_args$maxLength = args.maxLength) !== null && _args$maxLength !== void 0 ? _args$maxLength : 150, " caracteres"));
+    };
+    return /*#__PURE__*/React.createElement(Wrapper, null);
+  },
+  args: {
+    maxLength: 200,
+    multiline: true
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Exemplo **controlado**: o estado vive no Story e é atualizado via `onChangeText`."
+      }
+    }
+  }
+};
+
+// 6) Placeholder extenso (orientação contextual)
+export const PlaceholderOrientativo = {
+  name: "placeholder-orientativo",
+  args: {
+    placeholder: "Descreva quando ocorreu, o local no veículo e se o problema é constante ou intermitente."
+  }
+};
+//# sourceMappingURL=input-text-counter.stories.js.map

package/lib/module/stories/input-text-counter/input-text-counter.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","View","Text","InputTextCounter","meta","title","component","tags","args","label","placeholder","maxLength","multiline","argTypes","control","type","description","table","category","min","max","step","editable","defaultValue","value","onChangeText","action","parameters","controls","expanded","layout","notes","decorators","Story","createElement","style","width","padding","backgroundColor","borderRadius","InputDefault","name","ComValorInicial","PertoDoLimite","Desabilitado","docs","story","ControladoInterativo","render","Wrapper","_args$label","_args$maxLength","text","setText","_extends","t","_args$onChangeText","call","marginTop","fontSize","color","length","PlaceholderOrientativo"],"sources":["input-text-counter.stories.tsx"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\nimport React, { useState } from \"react\";\r\nimport { View, Text } from \"react-native\";\r\n\r\n// components\r\nimport InputTextCounter from \"../../components/input-text-counter\";\r\n\r\nimport type { Meta, StoryObj } from \"@storybook/react\";\r\n\r\n/**\r\n * META\r\n */\r\nconst meta: Meta<typeof InputTextCounter> = {\r\n  title: \"componente/InputTextCounter\",\r\n  component: InputTextCounter as React.FC,\r\n  tags: [\"autodocs\"],\r\n  args: {\r\n    label: \"Descreva o problema encontrado\",\r\n    placeholder: \"Ex: O caminhão apresentou falha no freio durante o trajeto...\",\r\n    // props comuns de TextInput (assumindo que o componente as repasse):\r\n    maxLength: 150,\r\n    multiline: true,\r\n  },\r\n  argTypes: {\r\n    label: {\r\n      control: { type: \"text\" },\r\n      description: \"Rótulo exibido acima do campo.\",\r\n      table: { category: \"Aparência\" },\r\n    },\r\n    placeholder: {\r\n      control: { type: \"text\" },\r\n      description: \"Texto de dica quando o campo está vazio.\",\r\n      table: { category: \"Aparência\" },\r\n    },\r\n    maxLength: {\r\n      control: { type: \"number\", min: 50, max: 500, step: 10 },\r\n      description: \"Limite máximo de caracteres (ex.: 150).\",\r\n      table: { category: \"Comportamento\" },\r\n    },\r\n    multiline: {\r\n      control: { type: \"boolean\" },\r\n      description: \"Habilita múltiplas linhas para textos longos.\",\r\n      table: { category: \"Comportamento\" },\r\n    },\r\n    editable: {\r\n      control: { type: \"boolean\" },\r\n      description: \"Se falso, o campo fica somente leitura (desabilitado).\",\r\n      table: { category: \"Comportamento\" },\r\n    },\r\n    defaultValue: {\r\n      control: { type: \"text\" },\r\n      description: \"Valor inicial não controlado (apenas na montagem).\",\r\n      table: { category: \"Valor\" },\r\n    },\r\n    value: {\r\n      control: { type: \"text\" },\r\n      description: \"Valor controlado do campo. Use junto de `onChangeText` (controlado).\",\r\n      table: { category: \"Valor\" },\r\n    },\r\n    onChangeText: {\r\n      action: \"onChangeText\",\r\n      description: \"Callback disparado a cada alteração de texto.\",\r\n      table: { category: \"Eventos\" },\r\n    },\r\n  },\r\n  parameters: {\r\n    controls: { expanded: true },\r\n    layout: \"centered\",\r\n    notes: `\r\n# InputTextCounter\r\n\r\nCampo de texto **multilinha** para descrição de manutenção com **contador de caracteres** e estilo seguindo o Figma.\r\n\r\n## ✅ Recursos\r\n- **Contador dinâmico** (ex.: \\`85/150\\`)\r\n- **Limite configurável** via \\`maxLength\\` (padrão: 150)\r\n- **Multilinha** para textos longos\r\n- **Placeholder** claro com exemplo de preenchimento\r\n\r\n## 🔧 Props principais\r\n- \\`label: string\\` — título acima do campo\r\n- \\`placeholder: string\\` — dica de preenchimento\r\n- \\`maxLength?: number\\` — limite de caracteres (ex.: 150)\r\n- \\`multiline?: boolean\\` — permite múltiplas linhas\r\n- \\`editable?: boolean\\` — desabilita/ativa edição\r\n- \\`defaultValue?: string\\` — valor inicial (não controlado)\r\n- \\`value?: string\\`, \\`onChangeText?: (t: string) => void\\` — modo controlado\r\n\r\n> Observação: se o componente estende \\`TextInputProps\\`, essas props já são suportadas.\r\n\r\n## 🧩 Padrões de UX\r\n- Mostre o **contador** sempre que houver \\`maxLength\\`.\r\n- Use \\`placeholder\\` com **exemplo concreto** (melhora taxa de preenchimento).\r\n- Em formulários longos, mantenha o campo **multilinha** com altura inicial confortável.\r\n\r\n## 🧪 Testes (ideias)\r\n- Renderiza label e placeholder corretos\r\n- Respeita \\`maxLength\\` e exibe contador\r\n- Dispara \\`onChangeText\\` ao digitar\r\n- \\`editable=false\\` impede edição\r\n\r\n## 💡 Uso básico\r\n\\`\\`\\`tsx\r\n<InputTextCounter\r\n  label=\"Descreva o problema encontrado\"\r\n  placeholder=\"Ex: O caminhão apresentou falha no freio durante o trajeto...\"\r\n  maxLength={150}\r\n  multiline\r\n/>\r\n\\`\\`\\`\r\n`,\r\n  },\r\n  decorators: [\r\n    (Story) => (\r\n      <View\r\n        style={{\r\n          width: 360,\r\n          padding: 16,\r\n          backgroundColor: \"#F7F7F7\",\r\n          borderRadius: 12,\r\n        }}\r\n      >\r\n        <Story />\r\n      </View>\r\n    ),\r\n  ],\r\n};\r\n\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\n/**\r\n * STORIES\r\n */\r\n\r\n// 1) Padrão\r\nexport const InputDefault: Story = {\r\n  name: \"input-descricao-default\",\r\n  args: {\r\n    label: \"Descrição da manutenção\",\r\n    placeholder: \"Ex: Vazamento de óleo no motor.\",\r\n    maxLength: 150,\r\n    multiline: true,\r\n  },\r\n};\r\n\r\n// 2) Valor inicial (não controlado)\r\nexport const ComValorInicial: Story = {\r\n  name: \"com-valor-inicial\",\r\n  args: {\r\n    defaultValue:\r\n      \"Durante o trajeto na BR-262, notei ruído metálico vindo da roda traseira direita.\",\r\n  },\r\n};\r\n\r\n// 3) Perto do limite (simula campo quase cheio)\r\nexport const PertoDoLimite: Story = {\r\n  name: \"perto-do-limite\",\r\n  args: {\r\n    maxLength: 100,\r\n    defaultValue: \"Barulho intermitente na transmissão ao reduzir de 4ª para 3ª em descida.\",\r\n  },\r\n};\r\n\r\n// 4) Desabilitado / Somente leitura\r\nexport const Desabilitado: Story = {\r\n  name: \"desabilitado\",\r\n  args: {\r\n    editable: false,\r\n    placeholder: \"Campo indisponível no momento\",\r\n  },\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        story:\r\n          \"Use `editable={false}` para estados de checklist revisado ou quando a OS estiver bloqueada.\",\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\n// 5) Interativo controlado (demonstração de value + onChangeText)\r\nexport const ControladoInterativo: Story = {\r\n  name: \"controlado-interativo\",\r\n  render: (args) => {\r\n    const Wrapper = () => {\r\n      const [text, setText] = useState(\"Inicial: ruído ao frear levemente após 20min de uso.\");\r\n      return (\r\n        <View>\r\n          <InputTextCounter\r\n            {...args}\r\n            label={args.label ?? \"Descrição\"}\r\n            value={text}\r\n            onChangeText={(t: string) => {\r\n              setText(t);\r\n              // Storybook action:\r\n              // @ts-ignore - vincula ao painel de ações se existir\r\n              args?.onChangeText?.(t);\r\n            }}\r\n          />\r\n          <Text style={{ marginTop: 8, fontSize: 12, color: \"#666\" }}>\r\n            {text.length}/{args.maxLength ?? 150} caracteres\r\n          </Text>\r\n        </View>\r\n      );\r\n    };\r\n    return <Wrapper />;\r\n  },\r\n  args: {\r\n    maxLength: 200,\r\n    multiline: true,\r\n  },\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        story: \"Exemplo **controlado**: o estado vive no Story e é atualizado via `onChangeText`.\",\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\n// 6) Placeholder extenso (orientação contextual)\r\nexport const PlaceholderOrientativo: Story = {\r\n  name: \"placeholder-orientativo\",\r\n  args: {\r\n    placeholder:\r\n      \"Descreva quando ocorreu, o local no veículo e se o problema é constante ou intermitente.\",\r\n  },\r\n};\r\n"],"mappings":"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","ignoreList":[]}

package/lib/module/stories/modal-activities/modal-activities.stories.js

@@ -1,4 +1,4 @@
-import { ModalActivities } from "../../components/modal-activities";
+import { ModalActivities } from "../../components/modals/modal-activities";
 const meta = {
   title: "componente/ModalActivities",
   component: ModalActivities,

package/lib/module/stories/modal-activities/modal-activities.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["ModalActivities","meta","title","component","args","width","onClose","activityType","isLoading","handleActivity","activity","parameters","notes","DefaultWork","name","DefaultRest","style","marginLeft"],"sources":["modal-activities.stories.tsx"],"sourcesContent":["import { StoryObj, Meta } from \"@storybook/react\";\nimport { ModalActivities } from \"../../components/modal-activities\";\nimport { IActivity } from \"../../components/modal-activities/interface\";\n\nconst meta: Meta<typeof ModalActivities> = {\n  title: \"componente/ModalActivities\",\n  component: ModalActivities,\n  args: {\n    width: 120,\n    onClose: () => {},\n    activityType: \"trabalho\",\n    isLoading: false,\n    handleActivity: (activity: IActivity) => {\n      return activity;\n    },\n  },\n  parameters: {\n    notes: `\n# MenuItem\n\nEste é um componente de MenuItem de menu.\nVocê usa assim:\n\\`\\`\\`tsx\n <ModalActivities\n          {...args}\n           activityType={activity?.tipo || \"trabalho\"}\n          onClose={() => setIsVisible(false)}\n          handleActivity={handleActivity}\n        />\n\\`\\`\\`\n`,\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const DefaultWork: Story = {\n  name: \"modal-activities-work\",\n  args: {\n    isLoading: false,\n    activityType: \"trabalho\",\n    onClose: () => {},\n    handleActivity: (activity: IActivity) => () => {\n      return activity;\n    },\n  },\n};\n\nexport const DefaultRest: Story = {\n  name: \"modal-activities-rest\",\n  args: {\n    isLoading: false,\n    activityType: \"descanso\",\n    style: {\n      marginLeft: 0,\n    },\n    onClose: () => {},\n    handleActivity: (activity: IActivity) => () => {\n      return activity;\n    },\n  },\n};\n"],"mappings":"AACA,SAASA,eAAe,QAAQ,mCAAmC;AAGnE,MAAMC,IAAkC,GAAG;EACzCC,KAAK,EAAE,4BAA4B;EACnCC,SAAS,EAAEH,eAAe;EAC1BI,IAAI,EAAE;IACJC,KAAK,EAAE,GAAG;IACVC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;IACjBC,YAAY,EAAE,UAAU;IACxBC,SAAS,EAAE,KAAK;IAChBC,cAAc,EAAGC,QAAmB,IAAK;MACvC,OAAOA,QAAQ;IACjB;EACF,CAAC;EACDC,UAAU,EAAE;IACVC,KAAK,EAAE;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE;AACF,CAAC;AAED,eAAeX,IAAI;AAInB,OAAO,MAAMY,WAAkB,GAAG;EAChCC,IAAI,EAAE,uBAAuB;EAC7BV,IAAI,EAAE;IACJI,SAAS,EAAE,KAAK;IAChBD,YAAY,EAAE,UAAU;IACxBD,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;IACjBG,cAAc,EAAGC,QAAmB,IAAK,MAAM;MAC7C,OAAOA,QAAQ;IACjB;EACF;AACF,CAAC;AAED,OAAO,MAAMK,WAAkB,GAAG;EAChCD,IAAI,EAAE,uBAAuB;EAC7BV,IAAI,EAAE;IACJI,SAAS,EAAE,KAAK;IAChBD,YAAY,EAAE,UAAU;IACxBS,KAAK,EAAE;MACLC,UAAU,EAAE;IACd,CAAC;IACDX,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;IACjBG,cAAc,EAAGC,QAAmB,IAAK,MAAM;MAC7C,OAAOA,QAAQ;IACjB;EACF;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["ModalActivities","meta","title","component","args","width","onClose","activityType","isLoading","handleActivity","activity","parameters","notes","DefaultWork","name","DefaultRest","style","marginLeft"],"sources":["modal-activities.stories.tsx"],"sourcesContent":["import { StoryObj, Meta } from \"@storybook/react\";\r\nimport { ModalActivities } from \"../../components/modals/modal-activities\";\r\nimport { IActivity } from \"../../components/modals/modal-activities/interface\";\r\n\r\nconst meta: Meta<typeof ModalActivities> = {\r\n  title: \"componente/ModalActivities\",\r\n  component: ModalActivities,\r\n  args: {\r\n    width: 120,\r\n    onClose: () => {},\r\n    activityType: \"trabalho\",\r\n    isLoading: false,\r\n    handleActivity: (activity: IActivity) => {\r\n      return activity;\r\n    },\r\n  },\r\n  parameters: {\r\n    notes: `\r\n# MenuItem\r\n\r\nEste é um componente de MenuItem de menu.\r\nVocê usa assim:\r\n\\`\\`\\`tsx\r\n <ModalActivities\r\n          {...args}\r\n           activityType={activity?.tipo || \"trabalho\"}\r\n          onClose={() => setIsVisible(false)}\r\n          handleActivity={handleActivity}\r\n        />\r\n\\`\\`\\`\r\n`,\r\n  },\r\n};\r\n\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\nexport const DefaultWork: Story = {\r\n  name: \"modal-activities-work\",\r\n  args: {\r\n    isLoading: false,\r\n    activityType: \"trabalho\",\r\n    onClose: () => {},\r\n    handleActivity: (activity: IActivity) => () => {\r\n      return activity;\r\n    },\r\n  },\r\n};\r\n\r\nexport const DefaultRest: Story = {\r\n  name: \"modal-activities-rest\",\r\n  args: {\r\n    isLoading: false,\r\n    activityType: \"descanso\",\r\n    style: {\r\n      marginLeft: 0,\r\n    },\r\n    onClose: () => {},\r\n    handleActivity: (activity: IActivity) => () => {\r\n      return activity;\r\n    },\r\n  },\r\n};\r\n"],"mappings":"AACA,SAASA,eAAe,QAAQ,0CAA0C;AAG1E,MAAMC,IAAkC,GAAG;EACzCC,KAAK,EAAE,4BAA4B;EACnCC,SAAS,EAAEH,eAAe;EAC1BI,IAAI,EAAE;IACJC,KAAK,EAAE,GAAG;IACVC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;IACjBC,YAAY,EAAE,UAAU;IACxBC,SAAS,EAAE,KAAK;IAChBC,cAAc,EAAGC,QAAmB,IAAK;MACvC,OAAOA,QAAQ;IACjB;EACF,CAAC;EACDC,UAAU,EAAE;IACVC,KAAK,EAAE;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE;AACF,CAAC;AAED,eAAeX,IAAI;AAInB,OAAO,MAAMY,WAAkB,GAAG;EAChCC,IAAI,EAAE,uBAAuB;EAC7BV,IAAI,EAAE;IACJI,SAAS,EAAE,KAAK;IAChBD,YAAY,EAAE,UAAU;IACxBD,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;IACjBG,cAAc,EAAGC,QAAmB,IAAK,MAAM;MAC7C,OAAOA,QAAQ;IACjB;EACF;AACF,CAAC;AAED,OAAO,MAAMK,WAAkB,GAAG;EAChCD,IAAI,EAAE,uBAAuB;EAC7BV,IAAI,EAAE;IACJI,SAAS,EAAE,KAAK;IAChBD,YAAY,EAAE,UAAU;IACxBS,KAAK,EAAE;MACLC,UAAU,EAAE;IACd,CAAC;IACDX,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;IACjBG,cAAc,EAAGC,QAAmB,IAAK,MAAM;MAC7C,OAAOA,QAAQ;IACjB;EACF;AACF,CAAC","ignoreList":[]}

package/lib/module/stories/modal-activity-reason/modal-activity-reason.stories.js

@@ -0,0 +1,193 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/**
+ * IMPORTS
+ */
+import React, { useState } from "react";
+import { View, Text, Button } from "react-native";
+
+// components
+import ModalActivityReason from "../../components/modals/modal-activity-reason";
+
+/**
+ * META
+ */
+const meta = {
+  title: "componente/ModalActivityReason",
+  component: ModalActivityReason,
+  tags: ["autodocs"],
+  args: {
+    visible: false,
+    textTitle: undefined
+  },
+  argTypes: {
+    visible: {
+      control: {
+        type: "boolean"
+      },
+      description: "Controla a visibilidade do modal.",
+      table: {
+        category: "Comportamento"
+      }
+    },
+    textTitle: {
+      control: {
+        type: "text"
+      },
+      description: "Título exibido no cabeçalho do modal. Se não informado, usa 'Motivo da exclusão'.",
+      table: {
+        category: "Aparência"
+      }
+    },
+    onClose: {
+      action: "onClose",
+      description: "Chamado ao fechar/cancelar o modal. Deve alternar `visible` para `false` no uso controlado.",
+      table: {
+        category: "Eventos"
+      }
+    },
+    modalConfirm: {
+      action: "modalConfirm",
+      description: "Chamado ao confirmar a ação. Por padrão, o componente chama `modalConfirm(true)` e em seguida `onClose()`.",
+      table: {
+        category: "Eventos"
+      }
+    }
+  },
+  parameters: {
+    controls: {
+      expanded: true
+    },
+    layout: "centered",
+    docs: {
+      description: {
+        component: `
+### ModalActivityReason
+
+Modal para solicitar **motivo/justificativa** antes de executar uma ação crítica (ex.: excluir atividade).
+
+#### Recursos
+- Título personalizável via \`textTitle\`
+- Campo de texto (interno) para descrição do motivo
+- Botões **CANCELAR** e **CONFIRMAR**
+- Dispara \`onClose\` e \`modalConfirm\` conforme interação do usuário
+
+#### Props
+- \`visible: boolean\` — controla abertura/fechamento do modal
+- \`onClose: () => void\` — chamado ao cancelar/fechar
+- \`modalConfirm: (ok?: boolean) => void\` — chamado ao confirmar; o componente invoca \`modalConfirm(true)\` e depois \`onClose()\`
+- \`textTitle?: string\` — título opcional do cabeçalho
+
+> Caso \`textTitle\` não seja informado, o título padrão é **"Motivo da exclusão"**.
+
+#### Padrão de Uso (controlado)
+No consumo real, gerencie o estado \`visible\` fora do componente e passe callbacks:
+\`\`\`tsx
+const [open, setOpen] = useState(false);
+
+<ModalActivityReason
+  visible={open}
+  onClose={() => setOpen(false)}
+  modalConfirm={() => {
+    // enviar justificativa para API (se o componente expuser)
+    setOpen(false);
+  }}
+  textTitle="Motivo da exclusão"
+/>
+\`\`\`
+
+#### Testes (ideias)
+- Renderiza com \`visible=true\`
+- Exibe título padrão e título customizado
+- Dispara \`onClose\` ao cancelar
+- Dispara \`modalConfirm\` ao confirmar (e fecha em seguida)
+`
+      }
+    }
+  },
+  decorators: [Story => /*#__PURE__*/React.createElement(View, {
+    style: {
+      width: 360,
+      padding: 16,
+      backgroundColor: "#F7F7F7",
+      borderRadius: 12
+    }
+  }, /*#__PURE__*/React.createElement(Story, null))]
+};
+export default meta;
+/**
+ * STORIES
+ */
+
+// 1) Aberto (básico)
+export const AbertoBasico = {
+  name: "aberto-basico",
+  args: {
+    visible: true
+  }
+};
+
+// 2) Fechado (estado inicial comum)
+export const Fechado = {
+  name: "fechado",
+  args: {
+    visible: false
+  }
+};
+
+// 3) Com título personalizado
+export const TituloPersonalizado = {
+  name: "titulo-personalizado",
+  args: {
+    visible: true,
+    textTitle: "Justifique a alteração da atividade"
+  }
+};
+
+// 4) Interativo (controlado) — demonstra fluxo completo
+export const ControladoInterativo = {
+  name: "controlado-interativo",
+  render: args => {
+    const Wrapper = () => {
+      var _args$textTitle;
+      const [open, setOpen] = useState(false);
+      return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Button, {
+        title: "Abrir modal",
+        onPress: () => setOpen(true)
+      }), /*#__PURE__*/React.createElement(Text, {
+        style: {
+          marginTop: 12,
+          fontSize: 12,
+          color: "#666"
+        }
+      }, "Clique para abrir e testar CANCELAR/CONFIRMAR."), /*#__PURE__*/React.createElement(ModalActivityReason, _extends({}, args, {
+        visible: open,
+        onClose: () => {
+          var _args$onClose;
+          // aciona painel de ações do Storybook
+          // @ts-ignore
+          args === null || args === void 0 || (_args$onClose = args.onClose) === null || _args$onClose === void 0 || _args$onClose.call(args);
+          setOpen(false);
+        },
+        modalConfirm: ok => {
+          var _args$modalConfirm;
+          // @ts-ignore
+          args === null || args === void 0 || (_args$modalConfirm = args.modalConfirm) === null || _args$modalConfirm === void 0 || _args$modalConfirm.call(args, ok);
+          setOpen(false);
+        },
+        textTitle: (_args$textTitle = args.textTitle) !== null && _args$textTitle !== void 0 ? _args$textTitle : "Motivo da exclusão"
+      })));
+    };
+    return /*#__PURE__*/React.createElement(Wrapper, null);
+  },
+  args: {
+    visible: false
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Exemplo **controlado**: o estado `visible` é gerenciado no Story para simular uso real."
+      }
+    }
+  }
+};
+//# sourceMappingURL=modal-activity-reason.stories.js.map