react-native-exp-fig 0.1.25 → 0.1.27

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

@@ -0,0 +1,259 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.PlaceholderOrientativo = exports.PertoDoLimite = exports.InputDefault = exports.Desabilitado = exports.ControladoInterativo = exports.ComValorInicial = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _inputTextCounter = _interopRequireDefault(require("../../components/input-text-counter"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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
+ */ // components
+/**
+ * META
+ */
+const meta = {
+  title: "componente/InputTextCounter",
+  component: _inputTextCounter.default,
+  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.default.createElement(_reactNative.View, {
+    style: {
+      width: 360,
+      padding: 16,
+      backgroundColor: "#F7F7F7",
+      borderRadius: 12
+    }
+  }, /*#__PURE__*/_react.default.createElement(Story, null))]
+};
+var _default = exports.default = meta;
+/**
+ * STORIES
+ */
+
+// 1) Padrão
+const InputDefault = exports.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)
+const ComValorInicial = exports.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)
+const PertoDoLimite = exports.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
+const Desabilitado = exports.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)
+const ControladoInterativo = exports.ControladoInterativo = {
+  name: "controlado-interativo",
+  render: args => {
+    const Wrapper = () => {
+      var _args$label, _args$maxLength;
+      const [text, setText] = (0, _react.useState)("Inicial: ruído ao frear levemente após 20min de uso.");
+      return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_inputTextCounter.default, _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.default.createElement(_reactNative.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.default.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)
+const PlaceholderOrientativo = exports.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/commonjs/stories/input-text-counter/input-text-counter.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_inputTextCounter","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","meta","title","component","InputTextCounter","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","View","style","width","padding","backgroundColor","borderRadius","_default","exports","InputDefault","name","ComValorInicial","PertoDoLimite","Desabilitado","docs","story","ControladoInterativo","render","Wrapper","_args$label","_args$maxLength","text","setText","useState","_args$onChangeText","Text","marginTop","fontSize","color","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/commonjs/stories/modal-activities/modal-activities.stories.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DefaultWork = exports.DefaultRest = void 0;
-var _modalActivities = require("../../components/modal-activities");
+var _modalActivities = require("../../components/modals/modal-activities");
 const meta = {
   title: "componente/ModalActivities",
   component: _modalActivities.ModalActivities,

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

@@ -1 +1 @@
-{"version":3,"names":["_modalActivities","require","meta","title","component","ModalActivities","args","width","onClose","activityType","isLoading","handleActivity","activity","parameters","notes","_default","exports","default","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,IAAAA,gBAAA,GAAAC,OAAA;AAGA,MAAMC,IAAkC,GAAG;EACzCC,KAAK,EAAE,4BAA4B;EACnCC,SAAS,EAAEC,gCAAe;EAC1BC,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;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaf,IAAI;AAIZ,MAAMgB,WAAkB,GAAAF,OAAA,CAAAE,WAAA,GAAG;EAChCC,IAAI,EAAE,uBAAuB;EAC7Bb,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;AAEM,MAAMQ,WAAkB,GAAAJ,OAAA,CAAAI,WAAA,GAAG;EAChCD,IAAI,EAAE,uBAAuB;EAC7Bb,IAAI,EAAE;IACJI,SAAS,EAAE,KAAK;IAChBD,YAAY,EAAE,UAAU;IACxBY,KAAK,EAAE;MACLC,UAAU,EAAE;IACd,CAAC;IACDd,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;IACjBG,cAAc,EAAGC,QAAmB,IAAK,MAAM;MAC7C,OAAOA,QAAQ;IACjB;EACF;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_modalActivities","require","meta","title","component","ModalActivities","args","width","onClose","activityType","isLoading","handleActivity","activity","parameters","notes","_default","exports","default","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,IAAAA,gBAAA,GAAAC,OAAA;AAGA,MAAMC,IAAkC,GAAG;EACzCC,KAAK,EAAE,4BAA4B;EACnCC,SAAS,EAAEC,gCAAe;EAC1BC,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;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaf,IAAI;AAIZ,MAAMgB,WAAkB,GAAAF,OAAA,CAAAE,WAAA,GAAG;EAChCC,IAAI,EAAE,uBAAuB;EAC7Bb,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;AAEM,MAAMQ,WAAkB,GAAAJ,OAAA,CAAAI,WAAA,GAAG;EAChCD,IAAI,EAAE,uBAAuB;EAC7Bb,IAAI,EAAE;IACJI,SAAS,EAAE,KAAK;IAChBD,YAAY,EAAE,UAAU;IACxBY,KAAK,EAAE;MACLC,UAAU,EAAE;IACd,CAAC;IACDd,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;IACjBG,cAAc,EAAGC,QAAmB,IAAK,MAAM;MAC7C,OAAOA,QAAQ;IACjB;EACF;AACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,198 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TituloPersonalizado = exports.Fechado = exports.ControladoInterativo = exports.AbertoBasico = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _modalActivityReason = _interopRequireDefault(require("../../components/modals/modal-activity-reason"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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
+ */ // components
+/**
+ * META
+ */
+const meta = {
+  title: "componente/ModalActivityReason",
+  component: _modalActivityReason.default,
+  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.default.createElement(_reactNative.View, {
+    style: {
+      width: 360,
+      padding: 16,
+      backgroundColor: "#F7F7F7",
+      borderRadius: 12
+    }
+  }, /*#__PURE__*/_react.default.createElement(Story, null))]
+};
+var _default = exports.default = meta;
+/**
+ * STORIES
+ */
+
+// 1) Aberto (básico)
+const AbertoBasico = exports.AbertoBasico = {
+  name: "aberto-basico",
+  args: {
+    visible: true
+  }
+};
+
+// 2) Fechado (estado inicial comum)
+const Fechado = exports.Fechado = {
+  name: "fechado",
+  args: {
+    visible: false
+  }
+};
+
+// 3) Com título personalizado
+const TituloPersonalizado = exports.TituloPersonalizado = {
+  name: "titulo-personalizado",
+  args: {
+    visible: true,
+    textTitle: "Justifique a alteração da atividade"
+  }
+};
+
+// 4) Interativo (controlado) — demonstra fluxo completo
+const ControladoInterativo = exports.ControladoInterativo = {
+  name: "controlado-interativo",
+  render: args => {
+    const Wrapper = () => {
+      var _args$textTitle;
+      const [open, setOpen] = (0, _react.useState)(false);
+      return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Button, {
+        title: "Abrir modal",
+        onPress: () => setOpen(true)
+      }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+        style: {
+          marginTop: 12,
+          fontSize: 12,
+          color: "#666"
+        }
+      }, "Clique para abrir e testar CANCELAR/CONFIRMAR."), /*#__PURE__*/_react.default.createElement(_modalActivityReason.default, _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.default.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/commonjs/stories/modal-activity-reason/modal-activity-reason.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_modalActivityReason","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","meta","title","component","ModalActivityReason","tags","args","visible","textTitle","undefined","argTypes","control","type","description","table","category","onClose","action","modalConfirm","parameters","controls","expanded","layout","docs","decorators","Story","createElement","View","style","width","padding","backgroundColor","borderRadius","_default","exports","AbertoBasico","name","Fechado","TituloPersonalizado","ControladoInterativo","render","Wrapper","_args$textTitle","open","setOpen","useState","Button","onPress","Text","marginTop","fontSize","color","_args$onClose","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/commonjs/stories/modal-change-activity/modal-change-activity.stories.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Default = void 0;
-var _modalChangeActivity = require("../../components/modal-change-activity");
-/**
- * IMPORTS
+var _modalChangeActivity = require("../../components/modals/modal-change-activity");
+/**
+ * IMPORTS
  */
 
 // component

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

@@ -1 +1 @@
-{"version":3,"names":["_modalChangeActivity","require","meta","title","component","ModalChangeActivity","args","visible","descricao","onClose","modalConfirm","parameters","docs","description","_default","exports","default","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":";;;;;;AAOA,IAAAA,oBAAA,GAAAC,OAAA;AAPA;AACA;AACA;;AAIA;;AAGA,MAAMC,IAAsC,GAAG;EAC7CC,KAAK,EAAE,gCAAgC;EACvCC,SAAS,EAAEC,wCAAmB;EAC9BC,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;QACXT,SAAS,EAAE;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACM;IACF;EACF;AACF,CAAC;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEad,IAAI;AAIZ,MAAMe,OAAc,GAAAF,OAAA,CAAAE,OAAA,GAAG;EAC5BC,IAAI,EAAE;AACR,CAAC","ignoreList":[]}
+{"version":3,"names":["_modalChangeActivity","require","meta","title","component","ModalChangeActivity","args","visible","descricao","onClose","modalConfirm","parameters","docs","description","_default","exports","default","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":";;;;;;AAOA,IAAAA,oBAAA,GAAAC,OAAA;AAPA;AACA;AACA;;AAIA;;AAGA,MAAMC,IAAsC,GAAG;EAC7CC,KAAK,EAAE,gCAAgC;EACvCC,SAAS,EAAEC,wCAAmB;EAC9BC,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;QACXT,SAAS,EAAE;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACM;IACF;EACF;AACF,CAAC;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEad,IAAI;AAIZ,MAAMe,OAAc,GAAAF,OAAA,CAAAE,OAAA,GAAG;EAC5BC,IAAI,EAAE;AACR,CAAC","ignoreList":[]}

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

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Playground = exports.Fechado = exports.Aberto = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _modalCreateActivitie = _interopRequireDefault(require("../../components/modal-create-activitie"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * IMPORTS
+ */
+
+// component
+
+// utils / types
+
+const meta = {
+  title: "Componente/ModalCreteActivitie",
+  component: _modalCreateActivitie.default,
+  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
+        `
+      }
+    }
+  }
+};
+var _default = exports.default = meta;
+/**
+ * Apenas controla via Controls (visible true/false no painel do Storybook).
+ * Evita Template com "args: any" e mantém tipagem estrita.
+ */
+const Playground = exports.Playground = {
+  render: args => /*#__PURE__*/_react.default.createElement(_modalCreateActivitie.default, args)
+};
+const Fechado = exports.Fechado = {
+  args: {
+    visible: false
+  }
+};
+const Aberto = exports.Aberto = {
+  args: {
+    visible: true,
+    textTitle: "Incluir atividade"
+  }
+};
+//# sourceMappingURL=modal-create-activitie.stories.js.map