@omnifyjp/ui 0.4.4 → 0.5.0

package/dist/chunk-2ZIFL2X3.js

@@ -0,0 +1,189 @@
+import { useOrganization } from './chunk-SHHZRZMM.js';
+import { useState, useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Button } from '@omnifyjp/ui-components/components/button';
+import { Input } from '@omnifyjp/ui-components/components/input';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from '@omnifyjp/ui-components/components/dialog';
+import { Building2, ArrowRight, MapPin, Check, Search } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function OrganizationSetupModal() {
+  const {
+    organizations,
+    selectedOrganization,
+    selectedBranch,
+    setSelectedOrganization,
+    setSelectedBranch,
+    getBranchesByOrg,
+    isSetupComplete
+  } = useOrganization();
+  const { t } = useTranslation("shell");
+  const [step, setStep] = useState("organization");
+  const [tempOrgId, setTempOrgId] = useState("");
+  const [tempBranchId, setTempBranchId] = useState("");
+  const [branchSearch, setBranchSearch] = useState("");
+  useEffect(() => {
+    if (!isSetupComplete) {
+      if (!selectedOrganization) {
+        setStep("organization");
+        setTempOrgId("");
+      } else if (!selectedBranch) {
+        setStep("branch");
+        setTempBranchId("");
+      }
+    }
+  }, [isSetupComplete, selectedOrganization, selectedBranch]);
+  const handleOrganizationNext = () => {
+    const org = organizations.find((o) => o.id === tempOrgId);
+    if (org) {
+      setSelectedOrganization(org);
+      setStep("branch");
+      setTempBranchId("");
+      setBranchSearch("");
+    }
+  };
+  const handleBranchComplete = () => {
+    const branch = getBranchesByOrg(selectedOrganization.id).find((b) => b.id === tempBranchId);
+    if (branch) {
+      setSelectedBranch(branch);
+    }
+  };
+  const availableBranches = selectedOrganization ? getBranchesByOrg(selectedOrganization.id) : [];
+  const filteredBranches = availableBranches.filter(
+    (b) => b.name.toLowerCase().includes(branchSearch.toLowerCase()) || b.location?.toLowerCase().includes(branchSearch.toLowerCase())
+  );
+  return /* @__PURE__ */ jsx(Dialog, { open: !isSetupComplete, onOpenChange: () => {
+  }, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[520px]", onInteractOutside: (e) => e.preventDefault(), children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { className: "text-xl font-semibold", children: step === "organization" ? t("org.selectOrg") : t("org.selectBranch") }),
+      /* @__PURE__ */ jsx(DialogDescription, { className: "text-sm", children: step === "organization" ? t("org.selectOrgDesc") : t("org.selectBranchDesc") })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-2 px-3 py-1.5 rounded-md text-sm font-medium ${step === "organization" ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"}`, children: [
+          /* @__PURE__ */ jsx(Building2, { className: "w-4 h-4" }),
+          t("org.orgStep")
+        ] }),
+        /* @__PURE__ */ jsx(ArrowRight, { className: "w-4 h-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-2 px-3 py-1.5 rounded-md text-sm font-medium ${step === "branch" ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"}`, children: [
+          /* @__PURE__ */ jsx(MapPin, { className: "w-4 h-4" }),
+          t("org.branchStep")
+        ] })
+      ] }),
+      step === "organization" && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "space-y-2", children: organizations.map((org) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `relative flex items-center gap-3 rounded-lg border-2 p-4 cursor-pointer transition-all ${tempOrgId === org.id ? "border-primary bg-primary/5" : "border-border hover:border-muted-foreground/30 hover:bg-accent"}`,
+            onClick: () => setTempOrgId(org.id),
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "w-10 h-10 rounded-lg flex items-center justify-center text-white font-bold text-sm flex-shrink-0",
+                  style: { backgroundColor: org.color },
+                  children: org.shortName
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsx("div", { className: "font-semibold text-base", children: org.name }),
+                org.description && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: org.description }),
+                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground mt-1", children: t("org.branchCount", { count: getBranchesByOrg(org.id).length }) })
+              ] }),
+              tempOrgId === org.id && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 w-6 h-6 rounded-full bg-primary flex items-center justify-center", children: /* @__PURE__ */ jsx(Check, { className: "w-4 h-4 text-white" }) })
+            ]
+          },
+          org.id
+        )) }),
+        /* @__PURE__ */ jsx("div", { className: "mt-6 flex justify-end", children: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            onClick: handleOrganizationNext,
+            disabled: !tempOrgId,
+            size: "lg",
+            className: "gap-2",
+            children: [
+              t("common.next"),
+              /* @__PURE__ */ jsx(ArrowRight, { className: "w-4 h-4" })
+            ]
+          }
+        ) })
+      ] }),
+      step === "branch" && selectedOrganization && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-4 p-3 bg-muted rounded-lg border border-border", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground mb-1.5", children: t("org.selectedOrg") }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "w-8 h-8 rounded-lg flex items-center justify-center text-white font-bold text-xs",
+                style: { backgroundColor: selectedOrganization.color },
+                children: selectedOrganization.shortName
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "font-semibold", children: selectedOrganization.name })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "relative mb-3", children: [
+          /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              placeholder: t("org.searchBranch"),
+              value: branchSearch,
+              onChange: (e) => setBranchSearch(e.target.value),
+              className: "pl-9"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-2 max-h-[280px] overflow-y-auto", children: filteredBranches.length === 0 ? /* @__PURE__ */ jsx("div", { className: "py-6 text-center text-sm text-muted-foreground", children: t("org.noBranchFound") }) : filteredBranches.map((branch) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `relative flex items-center gap-3 rounded-lg border-2 p-4 cursor-pointer transition-all ${tempBranchId === branch.id ? "border-primary bg-primary/5" : "border-border hover:border-muted-foreground/30 hover:bg-accent"}`,
+            onClick: () => setTempBranchId(branch.id),
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-lg bg-muted flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx(MapPin, { className: "w-5 h-5 text-muted-foreground" }) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsx("div", { className: "font-semibold text-base", children: branch.name }),
+                branch.location && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: branch.location })
+              ] }),
+              tempBranchId === branch.id && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 w-6 h-6 rounded-full bg-primary flex items-center justify-center", children: /* @__PURE__ */ jsx(Check, { className: "w-4 h-4 text-white" }) })
+            ]
+          },
+          branch.id
+        )) }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-6 flex justify-between", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              onClick: () => {
+                setStep("organization");
+                setSelectedOrganization(null);
+                setTempOrgId("");
+              },
+              children: t("common.back")
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              onClick: handleBranchComplete,
+              disabled: !tempBranchId,
+              size: "lg",
+              className: "gap-2",
+              children: [
+                t("common.complete"),
+                /* @__PURE__ */ jsx(ArrowRight, { className: "w-4 h-4" })
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+
+export { OrganizationSetupModal };
+//# sourceMappingURL=chunk-2ZIFL2X3.js.map
+//# sourceMappingURL=chunk-2ZIFL2X3.js.map

package/dist/chunk-2ZIFL2X3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/OrganizationSetupModal.tsx"],"names":[],"mappings":"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","file":"chunk-2ZIFL2X3.js","sourcesContent":["import { useState, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useOrganization } from '../contexts/OrganizationContext';\nimport { Button } from '@omnifyjp/ui-components/components/button';\nimport { Input } from '@omnifyjp/ui-components/components/input';\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@omnifyjp/ui-components/components/dialog';\nimport { Building2, MapPin, ArrowRight, Check, Search } from 'lucide-react';\n\nexport function OrganizationSetupModal() {\n  const {\n    organizations,\n    selectedOrganization,\n    selectedBranch,\n    setSelectedOrganization,\n    setSelectedBranch,\n    getBranchesByOrg,\n    isSetupComplete,\n  } = useOrganization();\n\n  const { t } = useTranslation('shell');\n\n  const [step, setStep] = useState<'organization' | 'branch'>('organization');\n  const [tempOrgId, setTempOrgId] = useState<string>('');\n  const [tempBranchId, setTempBranchId] = useState<string>('');\n  const [branchSearch, setBranchSearch] = useState('');\n\n  useEffect(() => {\n    if (!isSetupComplete) {\n      if (!selectedOrganization) {\n        setStep('organization');\n        setTempOrgId('');\n      } else if (!selectedBranch) {\n        setStep('branch');\n        setTempBranchId('');\n      }\n    }\n  }, [isSetupComplete, selectedOrganization, selectedBranch]);\n\n  const handleOrganizationNext = () => {\n    const org = organizations.find(o => o.id === tempOrgId);\n    if (org) {\n      setSelectedOrganization(org);\n      setStep('branch');\n      setTempBranchId('');\n      setBranchSearch('');\n    }\n  };\n\n  const handleBranchComplete = () => {\n    const branch = getBranchesByOrg(selectedOrganization!.id).find(b => b.id === tempBranchId);\n    if (branch) {\n      setSelectedBranch(branch);\n    }\n  };\n\n  const availableBranches = selectedOrganization ? getBranchesByOrg(selectedOrganization.id) : [];\n  const filteredBranches = availableBranches.filter((b) =>\n    b.name.toLowerCase().includes(branchSearch.toLowerCase()) ||\n    b.location?.toLowerCase().includes(branchSearch.toLowerCase())\n  );\n\n  return (\n    <Dialog open={!isSetupComplete} onOpenChange={() => {}}>\n      <DialogContent className=\"sm:max-w-[520px]\" onInteractOutside={(e) => e.preventDefault()}>\n        <DialogHeader>\n          <DialogTitle className=\"text-xl font-semibold\">\n            {step === 'organization' ? t('org.selectOrg') : t('org.selectBranch')}\n          </DialogTitle>\n          <DialogDescription className=\"text-sm\">\n            {step === 'organization'\n              ? t('org.selectOrgDesc')\n              : t('org.selectBranchDesc')}\n          </DialogDescription>\n        </DialogHeader>\n\n        <div className=\"mt-4\">\n          <div className=\"flex items-center gap-2 mb-6\">\n            <div className={`flex items-center gap-2 px-3 py-1.5 rounded-md text-sm font-medium ${\n              step === 'organization' ? 'bg-primary/10 text-primary' : 'bg-muted text-muted-foreground'\n            }`}>\n              <Building2 className=\"w-4 h-4\" />\n              {t('org.orgStep')}\n            </div>\n            <ArrowRight className=\"w-4 h-4 text-muted-foreground\" />\n            <div className={`flex items-center gap-2 px-3 py-1.5 rounded-md text-sm font-medium ${\n              step === 'branch' ? 'bg-primary/10 text-primary' : 'bg-muted text-muted-foreground'\n            }`}>\n              <MapPin className=\"w-4 h-4\" />\n              {t('org.branchStep')}\n            </div>\n          </div>\n\n          {step === 'organization' && (\n            <div>\n              <div className=\"space-y-2\">\n                {organizations.map((org) => (\n                  <div\n                    key={org.id}\n                    className={`relative flex items-center gap-3 rounded-lg border-2 p-4 cursor-pointer transition-all ${\n                      tempOrgId === org.id\n                        ? 'border-primary bg-primary/5'\n                        : 'border-border hover:border-muted-foreground/30 hover:bg-accent'\n                    }`}\n                    onClick={() => setTempOrgId(org.id)}\n                  >\n                    <div\n                      className=\"w-10 h-10 rounded-lg flex items-center justify-center text-white font-bold text-sm flex-shrink-0\"\n                      style={{ backgroundColor: org.color }}\n                    >\n                      {org.shortName}\n                    </div>\n                    <div className=\"flex-1 min-w-0\">\n                      <div className=\"font-semibold text-base\">{org.name}</div>\n                      {org.description && (\n                        <div className=\"text-sm text-muted-foreground\">{org.description}</div>\n                      )}\n                      <div className=\"text-xs text-muted-foreground mt-1\">\n                        {t('org.branchCount', { count: getBranchesByOrg(org.id).length })}\n                      </div>\n                    </div>\n                    {tempOrgId === org.id && (\n                      <div className=\"flex-shrink-0 w-6 h-6 rounded-full bg-primary flex items-center justify-center\">\n                        <Check className=\"w-4 h-4 text-white\" />\n                      </div>\n                    )}\n                  </div>\n                ))}\n              </div>\n\n              <div className=\"mt-6 flex justify-end\">\n                <Button\n                  onClick={handleOrganizationNext}\n                  disabled={!tempOrgId}\n                  size=\"lg\"\n                  className=\"gap-2\"\n                >\n                  {t('common.next')}\n                  <ArrowRight className=\"w-4 h-4\" />\n                </Button>\n              </div>\n            </div>\n          )}\n\n          {step === 'branch' && selectedOrganization && (\n            <div>\n              <div className=\"mb-4 p-3 bg-muted rounded-lg border border-border\">\n                <div className=\"text-xs text-muted-foreground mb-1.5\">{t('org.selectedOrg')}</div>\n                <div className=\"flex items-center gap-2\">\n                  <div\n                    className=\"w-8 h-8 rounded-lg flex items-center justify-center text-white font-bold text-xs\"\n                    style={{ backgroundColor: selectedOrganization.color }}\n                  >\n                    {selectedOrganization.shortName}\n                  </div>\n                  <span className=\"font-semibold\">{selectedOrganization.name}</span>\n                </div>\n              </div>\n\n              <div className=\"relative mb-3\">\n                <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground\" />\n                <Input\n                  placeholder={t('org.searchBranch')}\n                  value={branchSearch}\n                  onChange={(e) => setBranchSearch(e.target.value)}\n                  className=\"pl-9\"\n                />\n              </div>\n\n              <div className=\"space-y-2 max-h-[280px] overflow-y-auto\">\n                {filteredBranches.length === 0 ? (\n                  <div className=\"py-6 text-center text-sm text-muted-foreground\">\n                    {t('org.noBranchFound')}\n                  </div>\n                ) : (\n                  filteredBranches.map((branch) => (\n                    <div\n                      key={branch.id}\n                      className={`relative flex items-center gap-3 rounded-lg border-2 p-4 cursor-pointer transition-all ${\n                        tempBranchId === branch.id\n                          ? 'border-primary bg-primary/5'\n                          : 'border-border hover:border-muted-foreground/30 hover:bg-accent'\n                      }`}\n                      onClick={() => setTempBranchId(branch.id)}\n                    >\n                      <div className=\"w-10 h-10 rounded-lg bg-muted flex items-center justify-center flex-shrink-0\">\n                        <MapPin className=\"w-5 h-5 text-muted-foreground\" />\n                      </div>\n                      <div className=\"flex-1 min-w-0\">\n                        <div className=\"font-semibold text-base\">{branch.name}</div>\n                        {branch.location && (\n                          <div className=\"text-sm text-muted-foreground\">{branch.location}</div>\n                        )}\n                      </div>\n                      {tempBranchId === branch.id && (\n                        <div className=\"flex-shrink-0 w-6 h-6 rounded-full bg-primary flex items-center justify-center\">\n                          <Check className=\"w-4 h-4 text-white\" />\n                        </div>\n                      )}\n                    </div>\n                  ))\n                )}\n              </div>\n\n              <div className=\"mt-6 flex justify-between\">\n                <Button\n                  variant=\"outline\"\n                  onClick={() => {\n                    setStep('organization');\n                    setSelectedOrganization(null);\n                    setTempOrgId('');\n                  }}\n                >\n                  {t('common.back')}\n                </Button>\n                <Button\n                  onClick={handleBranchComplete}\n                  disabled={!tempBranchId}\n                  size=\"lg\"\n                  className=\"gap-2\"\n                >\n                  {t('common.complete')}\n                  <ArrowRight className=\"w-4 h-4\" />\n                </Button>\n              </div>\n            </div>\n          )}\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"]}

package/dist/chunk-5BL4VFRJ.js

@@ -0,0 +1,57 @@
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Button } from '@omnifyjp/ui-components/components/button';
+import { Input } from '@omnifyjp/ui-components/components/input';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuItem } from '@omnifyjp/ui-components/components/dropdown-menu';
+import { Grid3X3, Search } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/ServiceMenu.tsx
+function ServiceMenu({ categories }) {
+  const [search, setSearch] = useState("");
+  const { t } = useTranslation("shell");
+  const filteredCategories = categories.map((cat) => ({
+    ...cat,
+    items: cat.items.filter(
+      (s) => s.label.toLowerCase().includes(search.toLowerCase())
+    )
+  })).filter((cat) => cat.items.length > 0);
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", className: "gap-2", children: [
+      /* @__PURE__ */ jsx(Grid3X3, { className: "w-4 h-4" }),
+      t("header.services")
+    ] }) }),
+    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "start", className: "w-[340px] p-0", children: [
+      /* @__PURE__ */ jsx("div", { className: "p-2 border-b", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx(Search, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-muted-foreground" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            placeholder: t("header.searchServices"),
+            value: search,
+            onChange: (e) => setSearch(e.target.value),
+            className: "h-8 pl-8 text-sm"
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "max-h-[420px] overflow-y-auto p-1", children: filteredCategories.length === 0 ? /* @__PURE__ */ jsx("div", { className: "py-6 text-center text-sm text-muted-foreground", children: t("header.noServiceFound") }) : filteredCategories.map((category) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "text-xs text-muted-foreground font-medium px-2 py-1.5", children: category.category }),
+        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-0.5 px-1 mb-1", children: category.items.map((service) => /* @__PURE__ */ jsxs(
+          DropdownMenuItem,
+          {
+            className: "flex items-center gap-2.5 px-2 py-2 rounded-md cursor-pointer",
+            children: [
+              /* @__PURE__ */ jsx("div", { className: `w-8 h-8 rounded-lg flex items-center justify-center flex-shrink-0 ${service.color}`, children: /* @__PURE__ */ jsx(service.icon, { className: "w-4 h-4" }) }),
+              /* @__PURE__ */ jsx("span", { className: "text-sm truncate", children: service.label })
+            ]
+          },
+          service.label
+        )) })
+      ] }, category.category)) })
+    ] })
+  ] });
+}
+
+export { ServiceMenu };
+//# sourceMappingURL=chunk-5BL4VFRJ.js.map
+//# sourceMappingURL=chunk-5BL4VFRJ.js.map

package/dist/chunk-5BL4VFRJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ServiceMenu.tsx"],"names":[],"mappings":";;;;;;;;;AAkBO,SAAS,WAAA,CAAY,EAAE,UAAA,EAAW,EAAqB;AAC5D,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,EAAE,CAAA;AACvC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,CAAe,OAAO,CAAA;AAEpC,EAAA,MAAM,kBAAA,GAAqB,UAAA,CACxB,GAAA,CAAI,CAAC,GAAA,MAAS;AAAA,IACb,GAAG,GAAA;AAAA,IACH,KAAA,EAAO,IAAI,KAAA,CAAM,MAAA;AAAA,MAAO,CAAC,MACvB,CAAA,CAAE,KAAA,CAAM,aAAY,CAAE,QAAA,CAAS,MAAA,CAAO,WAAA,EAAa;AAAA;AACrD,GACF,CAAE,EACD,MAAA,CAAO,CAAC,QAAQ,GAAA,CAAI,KAAA,CAAM,SAAS,CAAC,CAAA;AAEvC,EAAA,4BACG,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,mBAAA,EAAA,EAAoB,SAAO,IAAA,EAC1B,QAAA,kBAAA,IAAA,CAAC,UAAO,OAAA,EAAQ,SAAA,EAAU,WAAU,OAAA,EAClC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,WAAU,SAAA,EAAU,CAAA;AAAA,MAC5B,EAAE,iBAAiB;AAAA,KAAA,EACtB,CAAA,EACF,CAAA;AAAA,oBACA,IAAA,CAAC,mBAAA,EAAA,EAAoB,KAAA,EAAM,OAAA,EAAQ,WAAU,eAAA,EAC3C,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,cAAA,EACb,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,UAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,WAAU,8EAAA,EAA+E,CAAA;AAAA,wBACjG,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,WAAA,EAAa,EAAE,uBAAuB,CAAA;AAAA,YACtC,KAAA,EAAO,MAAA;AAAA,YACP,UAAU,CAAC,CAAA,KAAM,SAAA,CAAU,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,YACzC,SAAA,EAAU;AAAA;AAAA;AACZ,OAAA,EACF,CAAA,EACF,CAAA;AAAA,sBACA,GAAA,CAAC,SAAI,SAAA,EAAU,mCAAA,EACZ,6BAAmB,MAAA,KAAW,CAAA,uBAC5B,KAAA,EAAA,EAAI,SAAA,EAAU,kDACZ,QAAA,EAAA,CAAA,CAAE,uBAAuB,GAC5B,CAAA,GAEA,kBAAA,CAAmB,IAAI,CAAC,QAAA,0BACrB,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,iBAAA,EAAA,EAAkB,SAAA,EAAU,uDAAA,EAC1B,QAAA,EAAA,QAAA,CAAS,QAAA,EACZ,CAAA;AAAA,wBACA,GAAA,CAAC,SAAI,SAAA,EAAU,oCAAA,EACZ,mBAAS,KAAA,CAAM,GAAA,CAAI,CAAC,OAAA,qBACnB,IAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YAEC,SAAA,EAAU,+DAAA;AAAA,YAEV,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,kEAAA,EAAqE,OAAA,CAAQ,KAAK,CAAA,CAAA,EAChG,QAAA,kBAAA,GAAA,CAAC,OAAA,CAAQ,IAAA,EAAR,EAAa,SAAA,EAAU,SAAA,EAAU,CAAA,EACpC,CAAA;AAAA,8BACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kBAAA,EAAoB,kBAAQ,KAAA,EAAM;AAAA;AAAA,WAAA;AAAA,UAN7C,OAAA,CAAQ;AAAA,SAQhB,CAAA,EACH;AAAA,OAAA,EAAA,EAhBQ,QAAA,CAAS,QAiBnB,CACD,CAAA,EAEL;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ","file":"chunk-5BL4VFRJ.js","sourcesContent":["import { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Button } from '@omnifyjp/ui-components/components/button';\nimport { Input } from '@omnifyjp/ui-components/components/input';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuTrigger,\n} from '@omnifyjp/ui-components/components/dropdown-menu';\nimport { Grid3X3, Search } from 'lucide-react';\nimport type { ServiceCategory } from '../types';\n\ninterface ServiceMenuProps {\n  categories: ServiceCategory[];\n}\n\nexport function ServiceMenu({ categories }: ServiceMenuProps) {\n  const [search, setSearch] = useState('');\n  const { t } = useTranslation('shell');\n\n  const filteredCategories = categories\n    .map((cat) => ({\n      ...cat,\n      items: cat.items.filter((s) =>\n        s.label.toLowerCase().includes(search.toLowerCase())\n      ),\n    }))\n    .filter((cat) => cat.items.length > 0);\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"outline\" className=\"gap-2\">\n          <Grid3X3 className=\"w-4 h-4\" />\n          {t('header.services')}\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"start\" className=\"w-[340px] p-0\">\n        <div className=\"p-2 border-b\">\n          <div className=\"relative\">\n            <Search className=\"absolute left-2.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-muted-foreground\" />\n            <Input\n              placeholder={t('header.searchServices')}\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              className=\"h-8 pl-8 text-sm\"\n            />\n          </div>\n        </div>\n        <div className=\"max-h-[420px] overflow-y-auto p-1\">\n          {filteredCategories.length === 0 ? (\n            <div className=\"py-6 text-center text-sm text-muted-foreground\">\n              {t('header.noServiceFound')}\n            </div>\n          ) : (\n            filteredCategories.map((category) => (\n              <div key={category.category}>\n                <DropdownMenuLabel className=\"text-xs text-muted-foreground font-medium px-2 py-1.5\">\n                  {category.category}\n                </DropdownMenuLabel>\n                <div className=\"grid grid-cols-2 gap-0.5 px-1 mb-1\">\n                  {category.items.map((service) => (\n                    <DropdownMenuItem\n                      key={service.label}\n                      className=\"flex items-center gap-2.5 px-2 py-2 rounded-md cursor-pointer\"\n                    >\n                      <div className={`w-8 h-8 rounded-lg flex items-center justify-center flex-shrink-0 ${service.color}`}>\n                        <service.icon className=\"w-4 h-4\" />\n                      </div>\n                      <span className=\"text-sm truncate\">{service.label}</span>\n                    </DropdownMenuItem>\n                  ))}\n                </div>\n              </div>\n            ))\n          )}\n        </div>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"]}

package/dist/chunk-5D3OAVOZ.js

@@ -0,0 +1,91 @@
+import { ServiceMenu } from './chunk-5BL4VFRJ.js';
+import { OrganizationSelector } from './chunk-DTM76EJD.js';
+import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router';
+import { Button } from '@omnifyjp/ui-components/components/button';
+import { Input } from '@omnifyjp/ui-components/components/input';
+import { Avatar, AvatarImage, AvatarFallback } from '@omnifyjp/ui-components/components/avatar';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuItem } from '@omnifyjp/ui-components/components/dropdown-menu';
+import { Badge } from '@omnifyjp/ui-components/components/badge';
+import { Search, Bell, User, Settings, LogOut } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function Header({ config }) {
+  const navigate = useNavigate();
+  const { t } = useTranslation("shell");
+  const { services, header } = config;
+  const showSearch = header?.showSearch !== false;
+  return /* @__PURE__ */ jsxs("header", { className: "h-header bg-background border-b border-border px-page flex items-center justify-between", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 flex-1", children: [
+      /* @__PURE__ */ jsx(OrganizationSelector, {}),
+      services && services.length > 0 && /* @__PURE__ */ jsx(ServiceMenu, { categories: services }),
+      showSearch && /* @__PURE__ */ jsxs("div", { className: "relative max-w-md flex-1", children: [
+        /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground w-4 h-4" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "text",
+            placeholder: header?.searchPlaceholder || t("header.searchPlaceholder"),
+            className: "pl-10"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      header?.notifications && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+        /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "icon", className: "relative", children: [
+          /* @__PURE__ */ jsx(Bell, { className: "w-5 h-5" }),
+          header.notifications.count > 0 && /* @__PURE__ */ jsx(
+            Badge,
+            {
+              variant: "destructive",
+              className: "absolute -top-1 -right-1 w-5 h-5 flex items-center justify-center p-0 text-xs",
+              children: header.notifications.count
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-80", children: [
+          /* @__PURE__ */ jsx(DropdownMenuLabel, { children: t("header.notifications") }),
+          /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+          header.notifications.content,
+          /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsx(DropdownMenuItem, { className: "text-center justify-center text-primary", children: t("header.viewAllNotifications") })
+        ] })
+      ] }),
+      header?.actions,
+      header?.user && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+        /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsxs(Avatar, { className: "w-8 h-8", children: [
+          header.user.avatar && /* @__PURE__ */ jsx(AvatarImage, { src: header.user.avatar }),
+          /* @__PURE__ */ jsx(AvatarFallback, { children: header.user.name.split(" ").map((n) => n[0]).join("").slice(0, 2).toUpperCase() })
+        ] }) }) }),
+        /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
+          /* @__PURE__ */ jsx(DropdownMenuLabel, { children: t("header.myAccount") }),
+          /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsxs(DropdownMenuItem, { children: [
+            /* @__PURE__ */ jsx(User, { className: "w-4 h-4" }),
+            t("header.profile")
+          ] }),
+          /* @__PURE__ */ jsxs(DropdownMenuItem, { children: [
+            /* @__PURE__ */ jsx(Settings, { className: "w-4 h-4" }),
+            t("settings.title")
+          ] }),
+          /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => {
+            if (header.user?.onLogout) {
+              header.user.onLogout();
+            } else {
+              navigate("/login");
+            }
+          }, children: [
+            /* @__PURE__ */ jsx(LogOut, { className: "w-4 h-4" }),
+            t("header.logout")
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+export { Header };
+//# sourceMappingURL=chunk-5D3OAVOZ.js.map
+//# sourceMappingURL=chunk-5D3OAVOZ.js.map

package/dist/chunk-5D3OAVOZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Header.tsx"],"names":[],"mappings":"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","file":"chunk-5D3OAVOZ.js","sourcesContent":["import { useTranslation } from 'react-i18next';\nimport { useNavigate } from 'react-router';\nimport { Button } from '@omnifyjp/ui-components/components/button';\nimport { Input } from '@omnifyjp/ui-components/components/input';\nimport { Avatar, AvatarImage, AvatarFallback } from '@omnifyjp/ui-components/components/avatar';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '@omnifyjp/ui-components/components/dropdown-menu';\nimport { Badge } from '@omnifyjp/ui-components/components/badge';\nimport { Search, Bell, User, Settings, LogOut } from 'lucide-react';\nimport { OrganizationSelector } from './OrganizationSelector';\nimport { ServiceMenu } from './ServiceMenu';\nimport type { ShellConfig } from '../types';\n\ninterface HeaderProps {\n  config: ShellConfig;\n}\n\nexport function Header({ config }: HeaderProps) {\n  const navigate = useNavigate();\n  const { t } = useTranslation('shell');\n  const { services, header } = config;\n  const showSearch = header?.showSearch !== false;\n\n  return (\n    <header className=\"h-header bg-background border-b border-border px-page flex items-center justify-between\">\n      <div className=\"flex items-center gap-3 flex-1\">\n        <OrganizationSelector />\n        {services && services.length > 0 && (\n          <ServiceMenu categories={services} />\n        )}\n        {showSearch && (\n          <div className=\"relative max-w-md flex-1\">\n            <Search className=\"absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground w-4 h-4\" />\n            <Input\n              type=\"text\"\n              placeholder={header?.searchPlaceholder || t('header.searchPlaceholder')}\n              className=\"pl-10\"\n            />\n          </div>\n        )}\n      </div>\n\n      <div className=\"flex items-center gap-3\">\n        {/* Notifications */}\n        {header?.notifications && (\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button variant=\"ghost\" size=\"icon\" className=\"relative\">\n                <Bell className=\"w-5 h-5\" />\n                {header.notifications.count > 0 && (\n                  <Badge\n                    variant=\"destructive\"\n                    className=\"absolute -top-1 -right-1 w-5 h-5 flex items-center justify-center p-0 text-xs\"\n                  >\n                    {header.notifications.count}\n                  </Badge>\n                )}\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\" className=\"w-80\">\n              <DropdownMenuLabel>{t('header.notifications')}</DropdownMenuLabel>\n              <DropdownMenuSeparator />\n              {header.notifications.content}\n              <DropdownMenuSeparator />\n              <DropdownMenuItem className=\"text-center justify-center text-primary\">\n                {t('header.viewAllNotifications')}\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n        )}\n\n        {/* Custom header actions (e.g., MyTasksDropdown) */}\n        {header?.actions}\n\n        {/* User Menu */}\n        {header?.user && (\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button variant=\"ghost\" size=\"icon\">\n                <Avatar className=\"w-8 h-8\">\n                  {header.user.avatar && (\n                    <AvatarImage src={header.user.avatar} />\n                  )}\n                  <AvatarFallback>\n                    {header.user.name.split(' ').map(n => n[0]).join('').slice(0, 2).toUpperCase()}\n                  </AvatarFallback>\n                </Avatar>\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\">\n              <DropdownMenuLabel>{t('header.myAccount')}</DropdownMenuLabel>\n              <DropdownMenuSeparator />\n              <DropdownMenuItem>\n                <User className=\"w-4 h-4\" />\n                {t('header.profile')}\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <Settings className=\"w-4 h-4\" />\n                {t('settings.title')}\n              </DropdownMenuItem>\n              <DropdownMenuSeparator />\n              <DropdownMenuItem onClick={() => {\n                if (header.user?.onLogout) {\n                  header.user.onLogout();\n                } else {\n                  navigate('/login');\n                }\n              }}>\n                <LogOut className=\"w-4 h-4\" />\n                {t('header.logout')}\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n        )}\n      </div>\n    </header>\n  );\n}\n"]}