react-native-exp-fig 0.1.26 → 0.1.28

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

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

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

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

@@ -1,9 +1,9 @@
-/**
- * IMPORTS
+/**
+ * IMPORTS
  */
 
 // component
-import { ModalChangeActivity } from "../../components/modal-change-activity";
+import { ModalChangeActivity } from "../../components/modals/modal-change-activity";
 const meta = {
   title: "Componente/ModalChangeActivity",
   component: ModalChangeActivity,

package/lib/module/stories/modal-change-activity/modal-change-activity.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["ModalChangeActivity","meta","title","component","args","visible","descricao","onClose","modalConfirm","parameters","docs","description","Default","name"],"sources":["modal-change-activity.stories.tsx"],"sourcesContent":["/**\n * IMPORTS\n */\n\nimport type { Meta, StoryObj } from \"@storybook/react\";\n\n// component\nimport { ModalChangeActivity } from \"../../components/modal-change-activity\";\n\nconst meta: Meta<typeof ModalChangeActivity> = {\n  title: \"Componente/ModalChangeActivity\",\n  component: ModalChangeActivity,\n  args: {\n    visible: true,\n    descricao: \"Repouso Noturno\",\n    onClose: () => {},\n    modalConfirm: () => {},\n  },\n  parameters: {\n    docs: {\n      description: {\n        component: `\n# ModalChangeActivity\n\nComponente de modal para alterar a atividade do usuário.\n\n## Uso\n\\`\\`\\`tsx\n<ModalChangeActivity\n  visible\n  dataRegistro=\"07/03/2024\"\n  descricao=\"Repouso Noturno\"\n  modalConfirm={(data) => console.log(data)}\n  onClose={() => console.log(\"fechar modal\")}\n/>\n\\`\\`\\`\n        `,\n      },\n    },\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n  name: \"Modal - Alterar Descanso\",\n};\n"],"mappings":"AAAA;AACA;AACA;;AAIA;AACA,SAASA,mBAAmB,QAAQ,wCAAwC;AAE5E,MAAMC,IAAsC,GAAG;EAC7CC,KAAK,EAAE,gCAAgC;EACvCC,SAAS,EAAEH,mBAAmB;EAC9BI,IAAI,EAAE;IACJC,OAAO,EAAE,IAAI;IACbC,SAAS,EAAE,iBAAiB;IAC5BC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;IACjBC,YAAY,EAAEA,CAAA,KAAM,CAAC;EACvB,CAAC;EACDC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXR,SAAS,EAAE;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACM;IACF;EACF;AACF,CAAC;AAED,eAAeF,IAAI;AAInB,OAAO,MAAMW,OAAc,GAAG;EAC5BC,IAAI,EAAE;AACR,CAAC","ignoreList":[]}
+{"version":3,"names":["ModalChangeActivity","meta","title","component","args","visible","descricao","onClose","modalConfirm","parameters","docs","description","Default","name"],"sources":["modal-change-activity.stories.tsx"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\n\r\nimport type { Meta, StoryObj } from \"@storybook/react\";\r\n\r\n// component\r\nimport { ModalChangeActivity } from \"../../components/modals/modal-change-activity\";\r\n\r\nconst meta: Meta<typeof ModalChangeActivity> = {\r\n  title: \"Componente/ModalChangeActivity\",\r\n  component: ModalChangeActivity,\r\n  args: {\r\n    visible: true,\r\n    descricao: \"Repouso Noturno\",\r\n    onClose: () => {},\r\n    modalConfirm: () => {},\r\n  },\r\n  parameters: {\r\n    docs: {\r\n      description: {\r\n        component: `\r\n# ModalChangeActivity\r\n\r\nComponente de modal para alterar a atividade do usuário.\r\n\r\n## Uso\r\n\\`\\`\\`tsx\r\n<ModalChangeActivity\r\n  visible\r\n  dataRegistro=\"07/03/2024\"\r\n  descricao=\"Repouso Noturno\"\r\n  modalConfirm={(data) => console.log(data)}\r\n  onClose={() => console.log(\"fechar modal\")}\r\n/>\r\n\\`\\`\\`\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 Default: Story = {\r\n  name: \"Modal - Alterar Descanso\",\r\n};\r\n"],"mappings":"AAAA;AACA;AACA;;AAIA;AACA,SAASA,mBAAmB,QAAQ,+CAA+C;AAEnF,MAAMC,IAAsC,GAAG;EAC7CC,KAAK,EAAE,gCAAgC;EACvCC,SAAS,EAAEH,mBAAmB;EAC9BI,IAAI,EAAE;IACJC,OAAO,EAAE,IAAI;IACbC,SAAS,EAAE,iBAAiB;IAC5BC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;IACjBC,YAAY,EAAEA,CAAA,KAAM,CAAC;EACvB,CAAC;EACDC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXR,SAAS,EAAE;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACM;IACF;EACF;AACF,CAAC;AAED,eAAeF,IAAI;AAInB,OAAO,MAAMW,OAAc,GAAG;EAC5BC,IAAI,EAAE;AACR,CAAC","ignoreList":[]}

package/lib/module/stories/modal-create-activitie/modal-create-activitie.stories.js

@@ -0,0 +1,78 @@
+/**
+ * IMPORTS
+ */
+import React from "react";
+// component
+import ModalCreteActivitie from "../../components/modal-create-activitie";
+
+// utils / types
+
+const meta = {
+  title: "Componente/ModalCreteActivitie",
+  component: ModalCreteActivitie,
+  args: {
+    visible: false,
+    textTitle: "Incluir atividade"
+  },
+  argTypes: {
+    onClose: {
+      action: "onClose"
+    },
+    onPressConfirm: {
+      action: "onPressConfirm"
+    },
+    textTitle: {
+      control: "text",
+      description: "Título exibido no cabeçalho do modal"
+    },
+    visible: {
+      control: "boolean",
+      description: "Controla a visibilidade do modal"
+    }
+  },
+  parameters: {
+    docs: {
+      description: {
+        component: `
+### ModalCreteActivitie
+Modal para incluir uma atividade com motivo, data e hora.
+
+#### Uso
+\`\`\`tsx
+<ModalCreteActivitie
+  visible={visible}
+  onClose={() => {}}
+  onPressConfirm={(payload) => {}}
+  textTitle="Incluir atividade"
+/>
+\`\`\`
+
+- \`visible\`: abre/fecha o modal
+- \`onClose\`: chamado ao cancelar/fechar
+- \`onPressConfirm\`: retorna { reasonValue, label, dateAndHours }
+- \`textTitle\`: título opcional
+        `
+      }
+    }
+  }
+};
+export default meta;
+/**
+ * Apenas controla via Controls (visible true/false no painel do Storybook).
+ * Evita Template com "args: any" e mantém tipagem estrita.
+ */
+export const Playground = {
+  render: args => /*#__PURE__*/React.createElement(ModalCreteActivitie, args)
+};
+export const Fechado = {
+  args: {
+    visible: false
+  }
+};
+export const Aberto = {
+  args: {
+    visible: true,
+    textTitle: "Incluir atividade"
+  }
+};
+//# sourceMappingURL=modal-create-activitie.stories.js.map

package/lib/module/stories/modal-create-activitie/modal-create-activitie.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ModalCreteActivitie","meta","title","component","args","visible","textTitle","argTypes","onClose","action","onPressConfirm","control","description","parameters","docs","Playground","render","createElement","Fechado","Aberto"],"sources":["modal-create-activitie.stories.tsx"],"sourcesContent":["/**\n * IMPORTS\n */\nimport React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\n\n// component\nimport ModalCreteActivitie from \"../../components/modal-create-activitie\";\n\n// utils / types\ntype Props = React.ComponentProps<typeof ModalCreteActivitie>;\n\nconst meta: Meta<typeof ModalCreteActivitie> = {\n  title: \"Componente/ModalCreteActivitie\",\n  component: ModalCreteActivitie,\n  args: {\n    visible: false,\n    textTitle: \"Incluir atividade\",\n  },\n  argTypes: {\n    onClose: { action: \"onClose\" },\n    onPressConfirm: { action: \"onPressConfirm\" },\n    textTitle: {\n      control: \"text\",\n      description: \"Título exibido no cabeçalho do modal\",\n    },\n    visible: {\n      control: \"boolean\",\n      description: \"Controla a visibilidade do modal\",\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        component: `\n### ModalCreteActivitie\nModal para incluir uma atividade com motivo, data e hora.\n\n#### Uso\n\\`\\`\\`tsx\n<ModalCreteActivitie\n  visible={visible}\n  onClose={() => {}}\n  onPressConfirm={(payload) => {}}\n  textTitle=\"Incluir atividade\"\n/>\n\\`\\`\\`\n\n- \\`visible\\`: abre/fecha o modal\n- \\`onClose\\`: chamado ao cancelar/fechar\n- \\`onPressConfirm\\`: retorna { reasonValue, label, dateAndHours }\n- \\`textTitle\\`: título opcional\n        `,\n      },\n    },\n  },\n} as Meta<typeof ModalCreteActivitie>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof ModalCreteActivitie>;\n\n/**\n * Apenas controla via Controls (visible true/false no painel do Storybook).\n * Evita Template com \"args: any\" e mantém tipagem estrita.\n */\nexport const Playground: Story = {\n  render: (args: Props) => <ModalCreteActivitie {...args} />,\n};\n\nexport const Fechado: Story = {\n  args: {\n    visible: false,\n  },\n};\n\nexport const Aberto: Story = {\n  args: {\n    visible: true,\n    textTitle: \"Incluir atividade\",\n  },\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAGzB;AACA,OAAOC,mBAAmB,MAAM,yCAAyC;;AAEzE;;AAGA,MAAMC,IAAsC,GAAG;EAC7CC,KAAK,EAAE,gCAAgC;EACvCC,SAAS,EAAEH,mBAAmB;EAC9BI,IAAI,EAAE;IACJC,OAAO,EAAE,KAAK;IACdC,SAAS,EAAE;EACb,CAAC;EACDC,QAAQ,EAAE;IACRC,OAAO,EAAE;MAAEC,MAAM,EAAE;IAAU,CAAC;IAC9BC,cAAc,EAAE;MAAED,MAAM,EAAE;IAAiB,CAAC;IAC5CH,SAAS,EAAE;MACTK,OAAO,EAAE,MAAM;MACfC,WAAW,EAAE;IACf,CAAC;IACDP,OAAO,EAAE;MACPM,OAAO,EAAE,SAAS;MAClBC,WAAW,EAAE;IACf;EACF,CAAC;EACDC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJF,WAAW,EAAE;QACXT,SAAS,EAAE;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACM;IACF;EACF;AACF,CAAqC;AAErC,eAAeF,IAAI;AAInB;AACA;AACA;AACA;AACA,OAAO,MAAMc,UAAiB,GAAG;EAC/BC,MAAM,EAAGZ,IAAW,iBAAKL,KAAA,CAAAkB,aAAA,CAACjB,mBAAmB,EAAKI,IAAO;AAC3D,CAAC;AAED,OAAO,MAAMc,OAAc,GAAG;EAC5Bd,IAAI,EAAE;IACJC,OAAO,EAAE;EACX;AACF,CAAC;AAED,OAAO,MAAMc,MAAa,GAAG;EAC3Bf,IAAI,EAAE;IACJC,OAAO,EAAE,IAAI;IACbC,SAAS,EAAE;EACb;AACF,CAAC","ignoreList":[]}