@omnifyjp/ui 0.5.2 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -6
- package/dist/chunk-2C2HRGM7.js +51 -0
- package/dist/chunk-2C2HRGM7.js.map +1 -0
- package/dist/chunk-2TUWDXAC.js +196 -0
- package/dist/chunk-2TUWDXAC.js.map +1 -0
- package/dist/chunk-34ARZSNP.js +63 -0
- package/dist/chunk-34ARZSNP.js.map +1 -0
- package/dist/chunk-35DNN46W.js +13 -0
- package/dist/chunk-35DNN46W.js.map +1 -0
- package/dist/chunk-35U6QG4P.js +116 -0
- package/dist/chunk-35U6QG4P.js.map +1 -0
- package/dist/chunk-36YYHIJU.js +52 -0
- package/dist/chunk-36YYHIJU.js.map +1 -0
- package/dist/chunk-3EOHW4QN.js +35 -0
- package/dist/chunk-3EOHW4QN.js.map +1 -0
- package/dist/chunk-3VU56V66.js +41 -0
- package/dist/chunk-3VU56V66.js.map +1 -0
- package/dist/chunk-55E7D2HR.js +99 -0
- package/dist/chunk-55E7D2HR.js.map +1 -0
- package/dist/chunk-67YUL2ZS.js +53 -0
- package/dist/chunk-67YUL2ZS.js.map +1 -0
- package/dist/chunk-6DIDQ4TB.js +131 -0
- package/dist/chunk-6DIDQ4TB.js.map +1 -0
- package/dist/chunk-6GWVQB3Q.js +155 -0
- package/dist/chunk-6GWVQB3Q.js.map +1 -0
- package/dist/chunk-75WZR6HF.js +44 -0
- package/dist/chunk-75WZR6HF.js.map +1 -0
- package/dist/chunk-7IRLBU2I.js +114 -0
- package/dist/chunk-7IRLBU2I.js.map +1 -0
- package/dist/chunk-7RMTPT6O.js +99 -0
- package/dist/chunk-7RMTPT6O.js.map +1 -0
- package/dist/chunk-7XH3MGBR.js +128 -0
- package/dist/chunk-7XH3MGBR.js.map +1 -0
- package/dist/chunk-A3BB5ZOC.js +77 -0
- package/dist/chunk-A3BB5ZOC.js.map +1 -0
- package/dist/chunk-BAQWGQJG.js +106 -0
- package/dist/chunk-BAQWGQJG.js.map +1 -0
- package/dist/chunk-BRSM3SZP.js +46 -0
- package/dist/chunk-BRSM3SZP.js.map +1 -0
- package/dist/chunk-C34KSTWA.js +43 -0
- package/dist/chunk-C34KSTWA.js.map +1 -0
- package/dist/chunk-C5NZAOA7.js +54 -0
- package/dist/chunk-C5NZAOA7.js.map +1 -0
- package/dist/chunk-CUZR4JWM.js +23 -0
- package/dist/chunk-CUZR4JWM.js.map +1 -0
- package/dist/chunk-DGPY4WP3.js +11 -0
- package/dist/chunk-DGPY4WP3.js.map +1 -0
- package/dist/chunk-DNCZOUNY.js +239 -0
- package/dist/chunk-DNCZOUNY.js.map +1 -0
- package/dist/chunk-EWBCV7VA.js +65 -0
- package/dist/chunk-EWBCV7VA.js.map +1 -0
- package/dist/chunk-F2ZJLKDP.js +119 -0
- package/dist/chunk-F2ZJLKDP.js.map +1 -0
- package/dist/chunk-FLWMT4DB.js +66 -0
- package/dist/chunk-FLWMT4DB.js.map +1 -0
- package/dist/chunk-FRKG7JQY.js +48 -0
- package/dist/chunk-FRKG7JQY.js.map +1 -0
- package/dist/chunk-G7HTZBUR.js +187 -0
- package/dist/chunk-G7HTZBUR.js.map +1 -0
- package/dist/chunk-HWTW64R5.js +90 -0
- package/dist/chunk-HWTW64R5.js.map +1 -0
- package/dist/chunk-IAWKX5W4.js +219 -0
- package/dist/chunk-IAWKX5W4.js.map +1 -0
- package/dist/chunk-INLM7UJC.js +238 -0
- package/dist/chunk-INLM7UJC.js.map +1 -0
- package/dist/chunk-JAJMM32I.js +18 -0
- package/dist/chunk-JAJMM32I.js.map +1 -0
- package/dist/chunk-JJSVA3TH.js +61 -0
- package/dist/chunk-JJSVA3TH.js.map +1 -0
- package/dist/chunk-JLTBUACL.js +121 -0
- package/dist/chunk-JLTBUACL.js.map +1 -0
- package/dist/chunk-JRU2QX7T.js +38 -0
- package/dist/chunk-JRU2QX7T.js.map +1 -0
- package/dist/chunk-JXGRW2MR.js +17 -0
- package/dist/chunk-JXGRW2MR.js.map +1 -0
- package/dist/chunk-KTBOZ4NE.js +93 -0
- package/dist/chunk-KTBOZ4NE.js.map +1 -0
- package/dist/chunk-LMT327XH.js +56 -0
- package/dist/chunk-LMT327XH.js.map +1 -0
- package/dist/chunk-LTTNCAAA.js +138 -0
- package/dist/chunk-LTTNCAAA.js.map +1 -0
- package/dist/chunk-LVZNNIK4.js +111 -0
- package/dist/chunk-LVZNNIK4.js.map +1 -0
- package/dist/chunk-MJLFJPUG.js +143 -0
- package/dist/chunk-MJLFJPUG.js.map +1 -0
- package/dist/chunk-MZ2P566X.js +65 -0
- package/dist/chunk-MZ2P566X.js.map +1 -0
- package/dist/chunk-N47H4MHX.js +41 -0
- package/dist/chunk-N47H4MHX.js.map +1 -0
- package/dist/chunk-NNJTKHCE.js +160 -0
- package/dist/chunk-NNJTKHCE.js.map +1 -0
- package/dist/chunk-NPL2R5LD.js +171 -0
- package/dist/chunk-NPL2R5LD.js.map +1 -0
- package/dist/chunk-NU56GKGM.js +44 -0
- package/dist/chunk-NU56GKGM.js.map +1 -0
- package/dist/chunk-P3M5TZD2.js +24 -0
- package/dist/chunk-P3M5TZD2.js.map +1 -0
- package/dist/chunk-PGWNOZDX.js +28 -0
- package/dist/chunk-PGWNOZDX.js.map +1 -0
- package/dist/chunk-QB3UWRZH.js +92 -0
- package/dist/chunk-QB3UWRZH.js.map +1 -0
- package/dist/chunk-R2CDE5DO.js +33 -0
- package/dist/chunk-R2CDE5DO.js.map +1 -0
- package/dist/chunk-RQNZDWY3.js +65 -0
- package/dist/chunk-RQNZDWY3.js.map +1 -0
- package/dist/chunk-S6PDRGR5.js +109 -0
- package/dist/chunk-S6PDRGR5.js.map +1 -0
- package/dist/chunk-TGYQ3AKH.js +95 -0
- package/dist/chunk-TGYQ3AKH.js.map +1 -0
- package/dist/chunk-THQUH6WX.js +81 -0
- package/dist/chunk-THQUH6WX.js.map +1 -0
- package/dist/chunk-TJMK2KBE.js +112 -0
- package/dist/chunk-TJMK2KBE.js.map +1 -0
- package/dist/chunk-TTH7TWVX.js +30 -0
- package/dist/chunk-TTH7TWVX.js.map +1 -0
- package/dist/chunk-USIHM7FV.js +211 -0
- package/dist/chunk-USIHM7FV.js.map +1 -0
- package/dist/chunk-VVYSAGB3.js +104 -0
- package/dist/chunk-VVYSAGB3.js.map +1 -0
- package/dist/chunk-WD5KZE25.js +25 -0
- package/dist/chunk-WD5KZE25.js.map +1 -0
- package/dist/chunk-WL4ZO2H3.js +33 -0
- package/dist/chunk-WL4ZO2H3.js.map +1 -0
- package/dist/chunk-WRCHR4AK.js +23 -0
- package/dist/chunk-WRCHR4AK.js.map +1 -0
- package/dist/chunk-WS6E7HBT.js +39 -0
- package/dist/chunk-WS6E7HBT.js.map +1 -0
- package/dist/chunk-XOJJBNDX.js +33 -0
- package/dist/chunk-XOJJBNDX.js.map +1 -0
- package/dist/chunk-YBMEQZX7.js +164 -0
- package/dist/chunk-YBMEQZX7.js.map +1 -0
- package/dist/chunk-Z2QAABLM.js +86 -0
- package/dist/chunk-Z2QAABLM.js.map +1 -0
- package/dist/chunk-ZHEKDP5X.js +41 -0
- package/dist/chunk-ZHEKDP5X.js.map +1 -0
- package/dist/chunk-ZPMXRW2A.js +63 -0
- package/dist/chunk-ZPMXRW2A.js.map +1 -0
- package/dist/chunk-ZYEGBF7G.js +25 -0
- package/dist/chunk-ZYEGBF7G.js.map +1 -0
- package/dist/components/accordion.d.ts +37 -70
- package/dist/components/accordion.js +2 -1
- package/dist/components/accordion.js.map +1 -1
- package/dist/components/alert-dialog.d.ts +56 -1
- package/dist/components/alert-dialog.js +3 -1
- package/dist/components/alert-dialog.js.map +1 -1
- package/dist/components/alert.d.ts +68 -1
- package/dist/components/alert.js +2 -1
- package/dist/components/alert.js.map +1 -1
- package/dist/components/aspect-ratio.d.ts +23 -1
- package/dist/components/aspect-ratio.js +1 -1
- package/dist/components/aspect-ratio.js.map +1 -1
- package/dist/components/avatar.d.ts +48 -1
- package/dist/components/avatar.js +2 -1
- package/dist/components/avatar.js.map +1 -1
- package/dist/components/badge.d.ts +52 -1
- package/dist/components/badge.js +2 -1
- package/dist/components/badge.js.map +1 -1
- package/dist/components/breadcrumb.d.ts +50 -1
- package/dist/components/breadcrumb.js +2 -1
- package/dist/components/breadcrumb.js.map +1 -1
- package/dist/components/button.d.ts +81 -1
- package/dist/components/button.js +2 -1
- package/dist/components/button.js.map +1 -1
- package/dist/components/calendar-category-badge.d.ts +24 -1
- package/dist/components/calendar-category-badge.js +3 -1
- package/dist/components/calendar-category-badge.js.map +1 -1
- package/dist/components/calendar-event-chip.d.ts +41 -1
- package/dist/components/calendar-event-chip.js +2 -1
- package/dist/components/calendar-event-chip.js.map +1 -1
- package/dist/components/calendar-event-sheet.d.ts +68 -1
- package/dist/components/calendar-event-sheet.js +7 -1
- package/dist/components/calendar-event-sheet.js.map +1 -1
- package/dist/components/calendar-mini.d.ts +65 -1
- package/dist/components/calendar-mini.js +4 -1
- package/dist/components/calendar-mini.js.map +1 -1
- package/dist/components/calendar-toolbar.d.ts +58 -1
- package/dist/components/calendar-toolbar.js +5 -1
- package/dist/components/calendar-toolbar.js.map +1 -1
- package/dist/components/calendar.d.ts +19 -1
- package/dist/components/calendar.js +3 -1
- package/dist/components/calendar.js.map +1 -1
- package/dist/components/card.d.ts +43 -1
- package/dist/components/card.js +2 -1
- package/dist/components/card.js.map +1 -1
- package/dist/components/carousel.d.ts +53 -1
- package/dist/components/carousel.js +3 -1
- package/dist/components/carousel.js.map +1 -1
- package/dist/components/chart.d.ts +125 -1
- package/dist/components/chart.js +2 -1
- package/dist/components/chart.js.map +1 -1
- package/dist/components/checkbox.d.ts +24 -1
- package/dist/components/checkbox.js +2 -1
- package/dist/components/checkbox.js.map +1 -1
- package/dist/components/collapsible.d.ts +28 -1
- package/dist/components/collapsible.js +1 -1
- package/dist/components/collapsible.js.map +1 -1
- package/dist/components/color-picker.d.ts +35 -1
- package/dist/components/color-picker.js +5 -1
- package/dist/components/color-picker.js.map +1 -1
- package/dist/components/combobox.d.ts +98 -1
- package/dist/components/combobox.js +6 -1
- package/dist/components/combobox.js.map +1 -1
- package/dist/components/command.d.ts +63 -1
- package/dist/components/command.js +3 -1
- package/dist/components/command.js.map +1 -1
- package/dist/components/context-menu.d.ts +70 -1
- package/dist/components/context-menu.js +2 -1
- package/dist/components/context-menu.js.map +1 -1
- package/dist/components/date-picker.d.ts +71 -1
- package/dist/components/date-picker.js +5 -1
- package/dist/components/date-picker.js.map +1 -1
- package/dist/components/dialog.d.ts +58 -1
- package/dist/components/dialog.js +2 -1
- package/dist/components/dialog.js.map +1 -1
- package/dist/components/drawer.d.ts +60 -1
- package/dist/components/drawer.js +2 -1
- package/dist/components/drawer.js.map +1 -1
- package/dist/components/dropdown-menu.d.ts +76 -1
- package/dist/components/dropdown-menu.js +2 -1
- package/dist/components/dropdown-menu.js.map +1 -1
- package/dist/components/file-upload.d.ts +44 -1
- package/dist/components/file-upload.js +3 -1
- package/dist/components/file-upload.js.map +1 -1
- package/dist/components/form.d.ts +67 -1
- package/dist/components/form.js +3 -1
- package/dist/components/form.js.map +1 -1
- package/dist/components/hover-card.d.ts +43 -1
- package/dist/components/hover-card.js +2 -1
- package/dist/components/hover-card.js.map +1 -1
- package/dist/components/input-otp.d.ts +38 -1
- package/dist/components/input-otp.js +2 -1
- package/dist/components/input-otp.js.map +1 -1
- package/dist/components/input.d.ts +38 -1
- package/dist/components/input.js +2 -1
- package/dist/components/input.js.map +1 -1
- package/dist/components/label.d.ts +20 -1
- package/dist/components/label.js +2 -1
- package/dist/components/label.js.map +1 -1
- package/dist/components/menubar.d.ts +82 -1
- package/dist/components/menubar.js +2 -1
- package/dist/components/menubar.js.map +1 -1
- package/dist/components/navigation-menu.d.ts +64 -1
- package/dist/components/navigation-menu.js +2 -1
- package/dist/components/navigation-menu.js.map +1 -1
- package/dist/components/pagination.d.ts +59 -1
- package/dist/components/pagination.js +3 -1
- package/dist/components/pagination.js.map +1 -1
- package/dist/components/password-input.d.ts +32 -1
- package/dist/components/password-input.js +3 -1
- package/dist/components/password-input.js.map +1 -1
- package/dist/components/permission-grid.d.ts +67 -1
- package/dist/components/permission-grid.js +3 -1
- package/dist/components/permission-grid.js.map +1 -1
- package/dist/components/popover.d.ts +37 -1
- package/dist/components/popover.js +2 -1
- package/dist/components/popover.js.map +1 -1
- package/dist/components/progress.d.ts +20 -1
- package/dist/components/progress.js +2 -1
- package/dist/components/progress.js.map +1 -1
- package/dist/components/radio-group.d.ts +38 -1
- package/dist/components/radio-group.js +2 -1
- package/dist/components/radio-group.js.map +1 -1
- package/dist/components/rating.d.ts +35 -1
- package/dist/components/rating.js +2 -1
- package/dist/components/rating.js.map +1 -1
- package/dist/components/resizable.d.ts +36 -1
- package/dist/components/resizable.js +2 -1
- package/dist/components/resizable.js.map +1 -1
- package/dist/components/scope-tree.d.ts +78 -1
- package/dist/components/scope-tree.js +3 -1
- package/dist/components/scope-tree.js.map +1 -1
- package/dist/components/scope-type-badge.d.ts +35 -1
- package/dist/components/scope-type-badge.js +3 -1
- package/dist/components/scope-type-badge.js.map +1 -1
- package/dist/components/scroll-area.d.ts +29 -1
- package/dist/components/scroll-area.js +2 -1
- package/dist/components/scroll-area.js.map +1 -1
- package/dist/components/select.d.ts +52 -1
- package/dist/components/select.js +2 -1
- package/dist/components/select.js.map +1 -1
- package/dist/components/separator.d.ts +24 -1
- package/dist/components/separator.js +2 -1
- package/dist/components/separator.js.map +1 -1
- package/dist/components/sheet.d.ts +51 -1
- package/dist/components/sheet.js +2 -1
- package/dist/components/sheet.js.map +1 -1
- package/dist/components/skeleton.d.ts +25 -1
- package/dist/components/skeleton.js +2 -1
- package/dist/components/skeleton.js.map +1 -1
- package/dist/components/slider.d.ts +24 -1
- package/dist/components/slider.js +2 -1
- package/dist/components/slider.js.map +1 -1
- package/dist/components/slug-input.d.ts +50 -1
- package/dist/components/slug-input.js +4 -1
- package/dist/components/slug-input.js.map +1 -1
- package/dist/components/sonner.d.ts +22 -1
- package/dist/components/sonner.js +1 -1
- package/dist/components/sonner.js.map +1 -1
- package/dist/components/stage-type-badge.d.ts +30 -1
- package/dist/components/stage-type-badge.js +3 -1
- package/dist/components/stage-type-badge.js.map +1 -1
- package/dist/components/switch.d.ts +26 -1
- package/dist/components/switch.js +2 -1
- package/dist/components/switch.js.map +1 -1
- package/dist/components/table.d.ts +57 -1
- package/dist/components/table.js +2 -1
- package/dist/components/table.js.map +1 -1
- package/dist/components/tabs.d.ts +39 -1
- package/dist/components/tabs.js +2 -1
- package/dist/components/tabs.js.map +1 -1
- package/dist/components/tag-input.d.ts +40 -1
- package/dist/components/tag-input.js +3 -1
- package/dist/components/tag-input.js.map +1 -1
- package/dist/components/textarea.d.ts +21 -1
- package/dist/components/textarea.js +2 -1
- package/dist/components/textarea.js.map +1 -1
- package/dist/components/time-picker.d.ts +57 -1
- package/dist/components/time-picker.js +6 -1
- package/dist/components/time-picker.js.map +1 -1
- package/dist/components/toggle-group.d.ts +45 -1
- package/dist/components/toggle-group.js +3 -1
- package/dist/components/toggle-group.js.map +1 -1
- package/dist/components/toggle.d.ts +31 -1
- package/dist/components/toggle.js +2 -1
- package/dist/components/toggle.js.map +1 -1
- package/dist/components/tooltip.d.ts +34 -1
- package/dist/components/tooltip.js +2 -1
- package/dist/components/tooltip.js.map +1 -1
- package/dist/components/workflow-category-badge.d.ts +32 -1
- package/dist/components/workflow-category-badge.js +3 -1
- package/dist/components/workflow-category-badge.js.map +1 -1
- package/dist/components/workflow-diagram.d.ts +63 -1
- package/dist/components/workflow-diagram.js +3 -1
- package/dist/components/workflow-diagram.js.map +1 -1
- package/dist/components/workflow-status-badge.d.ts +30 -1
- package/dist/components/workflow-status-badge.js +3 -1
- package/dist/components/workflow-status-badge.js.map +1 -1
- package/dist/components/workflow-stepper.d.ts +52 -1
- package/dist/components/workflow-stepper.js +2 -1
- package/dist/components/workflow-stepper.js.map +1 -1
- package/dist/hooks/use-mobile.d.ts +3 -1
- package/dist/hooks/use-mobile.js +1 -1
- package/dist/hooks/use-mobile.js.map +1 -1
- package/dist/index.d.ts +108 -13
- package/dist/index.js +69 -11
- package/dist/lib/types.d.ts +84 -1
- package/dist/lib/types.js +1 -1
- package/dist/lib/types.js.map +1 -1
- package/dist/lib/utils.d.ts +5 -1
- package/dist/lib/utils.js +1 -1
- package/dist/lib/utils.js.map +1 -1
- package/package.json +69 -30
- package/src/styles/fonts.css +0 -0
- package/src/styles/index.css +3 -1
- package/src/styles/tailwind.css +4 -0
- package/src/styles/theme.css +461 -0
- package/dist/chunk-2ZIFL2X3.js +0 -189
- package/dist/chunk-2ZIFL2X3.js.map +0 -1
- package/dist/chunk-5BL4VFRJ.js +0 -57
- package/dist/chunk-5BL4VFRJ.js.map +0 -1
- package/dist/chunk-5D3OAVOZ.js +0 -91
- package/dist/chunk-5D3OAVOZ.js.map +0 -1
- package/dist/chunk-DTM76EJD.js +0 -235
- package/dist/chunk-DTM76EJD.js.map +0 -1
- package/dist/chunk-EJEVW4RO.js +0 -49
- package/dist/chunk-EJEVW4RO.js.map +0 -1
- package/dist/chunk-O25D7DCP.js +0 -72
- package/dist/chunk-O25D7DCP.js.map +0 -1
- package/dist/chunk-OY3PSPA5.js +0 -661
- package/dist/chunk-OY3PSPA5.js.map +0 -1
- package/dist/chunk-RSCXIS4D.js +0 -37
- package/dist/chunk-RSCXIS4D.js.map +0 -1
- package/dist/chunk-SHHZRZMM.js +0 -83
- package/dist/chunk-SHHZRZMM.js.map +0 -1
- package/dist/chunk-X57K24P3.js +0 -224
- package/dist/chunk-X57K24P3.js.map +0 -1
- package/dist/chunk-XDXGUPCR.js +0 -123
- package/dist/chunk-XDXGUPCR.js.map +0 -1
- package/dist/components/AppShell.d.ts +0 -27
- package/dist/components/AppShell.js +0 -11
- package/dist/components/AppShell.js.map +0 -1
- package/dist/components/Header.d.ts +0 -11
- package/dist/components/Header.js +0 -6
- package/dist/components/Header.js.map +0 -1
- package/dist/components/OrganizationSelector.d.ts +0 -8
- package/dist/components/OrganizationSelector.js +0 -4
- package/dist/components/OrganizationSelector.js.map +0 -1
- package/dist/components/OrganizationSetupModal.d.ts +0 -5
- package/dist/components/OrganizationSetupModal.js +0 -4
- package/dist/components/OrganizationSetupModal.js.map +0 -1
- package/dist/components/PageContainer.d.ts +0 -105
- package/dist/components/PageContainer.js +0 -3
- package/dist/components/PageContainer.js.map +0 -1
- package/dist/components/ServiceMenu.d.ts +0 -11
- package/dist/components/ServiceMenu.js +0 -3
- package/dist/components/ServiceMenu.js.map +0 -1
- package/dist/components/Sidebar.d.ts +0 -11
- package/dist/components/Sidebar.js +0 -5
- package/dist/components/Sidebar.js.map +0 -1
- package/dist/contexts/OrganizationContext.d.ts +0 -26
- package/dist/contexts/OrganizationContext.js +0 -3
- package/dist/contexts/OrganizationContext.js.map +0 -1
- package/dist/contexts/ThemeContext.d.ts +0 -14
- package/dist/contexts/ThemeContext.js +0 -3
- package/dist/contexts/ThemeContext.js.map +0 -1
- package/dist/hooks/useDateFormat.d.ts +0 -28
- package/dist/hooks/useDateFormat.js +0 -4
- package/dist/hooks/useDateFormat.js.map +0 -1
- package/dist/i18n.d.ts +0 -38
- package/dist/i18n.js +0 -3
- package/dist/i18n.js.map +0 -1
- package/dist/types.d.ts +0 -89
- package/dist/types.js +0 -3
- package/dist/types.js.map +0 -1
package/dist/chunk-5BL4VFRJ.js
DELETED
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { useState } from 'react';
|
|
2
|
-
import { useTranslation } from 'react-i18next';
|
|
3
|
-
import { Button } from '@omnifyjp/ui-components/components/button';
|
|
4
|
-
import { Input } from '@omnifyjp/ui-components/components/input';
|
|
5
|
-
import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuItem } from '@omnifyjp/ui-components/components/dropdown-menu';
|
|
6
|
-
import { Grid3X3, Search } from 'lucide-react';
|
|
7
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
8
|
-
|
|
9
|
-
// src/components/ServiceMenu.tsx
|
|
10
|
-
function ServiceMenu({ categories }) {
|
|
11
|
-
const [search, setSearch] = useState("");
|
|
12
|
-
const { t } = useTranslation("shell");
|
|
13
|
-
const filteredCategories = categories.map((cat) => ({
|
|
14
|
-
...cat,
|
|
15
|
-
items: cat.items.filter(
|
|
16
|
-
(s) => s.label.toLowerCase().includes(search.toLowerCase())
|
|
17
|
-
)
|
|
18
|
-
})).filter((cat) => cat.items.length > 0);
|
|
19
|
-
return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
|
|
20
|
-
/* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", className: "gap-2", children: [
|
|
21
|
-
/* @__PURE__ */ jsx(Grid3X3, { className: "w-4 h-4" }),
|
|
22
|
-
t("header.services")
|
|
23
|
-
] }) }),
|
|
24
|
-
/* @__PURE__ */ jsxs(DropdownMenuContent, { align: "start", className: "w-[340px] p-0", children: [
|
|
25
|
-
/* @__PURE__ */ jsx("div", { className: "p-2 border-b", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
|
|
26
|
-
/* @__PURE__ */ jsx(Search, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-muted-foreground" }),
|
|
27
|
-
/* @__PURE__ */ jsx(
|
|
28
|
-
Input,
|
|
29
|
-
{
|
|
30
|
-
placeholder: t("header.searchServices"),
|
|
31
|
-
value: search,
|
|
32
|
-
onChange: (e) => setSearch(e.target.value),
|
|
33
|
-
className: "h-8 pl-8 text-sm"
|
|
34
|
-
}
|
|
35
|
-
)
|
|
36
|
-
] }) }),
|
|
37
|
-
/* @__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: [
|
|
38
|
-
/* @__PURE__ */ jsx(DropdownMenuLabel, { className: "text-xs text-muted-foreground font-medium px-2 py-1.5", children: category.category }),
|
|
39
|
-
/* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-0.5 px-1 mb-1", children: category.items.map((service) => /* @__PURE__ */ jsxs(
|
|
40
|
-
DropdownMenuItem,
|
|
41
|
-
{
|
|
42
|
-
className: "flex items-center gap-2.5 px-2 py-2 rounded-md cursor-pointer",
|
|
43
|
-
children: [
|
|
44
|
-
/* @__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" }) }),
|
|
45
|
-
/* @__PURE__ */ jsx("span", { className: "text-sm truncate", children: service.label })
|
|
46
|
-
]
|
|
47
|
-
},
|
|
48
|
-
service.label
|
|
49
|
-
)) })
|
|
50
|
-
] }, category.category)) })
|
|
51
|
-
] })
|
|
52
|
-
] });
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
export { ServiceMenu };
|
|
56
|
-
//# sourceMappingURL=chunk-5BL4VFRJ.js.map
|
|
57
|
-
//# sourceMappingURL=chunk-5BL4VFRJ.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/ServiceMenu.tsx"],"names":[],"mappings":"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","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
DELETED
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
import { ServiceMenu } from './chunk-5BL4VFRJ.js';
|
|
2
|
-
import { OrganizationSelector } from './chunk-DTM76EJD.js';
|
|
3
|
-
import { useTranslation } from 'react-i18next';
|
|
4
|
-
import { useNavigate } from 'react-router';
|
|
5
|
-
import { Button } from '@omnifyjp/ui-components/components/button';
|
|
6
|
-
import { Input } from '@omnifyjp/ui-components/components/input';
|
|
7
|
-
import { Avatar, AvatarImage, AvatarFallback } from '@omnifyjp/ui-components/components/avatar';
|
|
8
|
-
import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuItem } from '@omnifyjp/ui-components/components/dropdown-menu';
|
|
9
|
-
import { Badge } from '@omnifyjp/ui-components/components/badge';
|
|
10
|
-
import { Search, Bell, User, Settings, LogOut } from 'lucide-react';
|
|
11
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
12
|
-
|
|
13
|
-
function Header({ config }) {
|
|
14
|
-
const navigate = useNavigate();
|
|
15
|
-
const { t } = useTranslation("shell");
|
|
16
|
-
const { services, header } = config;
|
|
17
|
-
const showSearch = header?.showSearch !== false;
|
|
18
|
-
return /* @__PURE__ */ jsxs("header", { className: "h-header bg-background border-b border-border px-page flex items-center justify-between", children: [
|
|
19
|
-
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 flex-1", children: [
|
|
20
|
-
/* @__PURE__ */ jsx(OrganizationSelector, {}),
|
|
21
|
-
services && services.length > 0 && /* @__PURE__ */ jsx(ServiceMenu, { categories: services }),
|
|
22
|
-
showSearch && /* @__PURE__ */ jsxs("div", { className: "relative max-w-md flex-1", children: [
|
|
23
|
-
/* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground w-4 h-4" }),
|
|
24
|
-
/* @__PURE__ */ jsx(
|
|
25
|
-
Input,
|
|
26
|
-
{
|
|
27
|
-
type: "text",
|
|
28
|
-
placeholder: header?.searchPlaceholder || t("header.searchPlaceholder"),
|
|
29
|
-
className: "pl-10"
|
|
30
|
-
}
|
|
31
|
-
)
|
|
32
|
-
] })
|
|
33
|
-
] }),
|
|
34
|
-
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
|
|
35
|
-
header?.notifications && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
|
|
36
|
-
/* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "icon", className: "relative", children: [
|
|
37
|
-
/* @__PURE__ */ jsx(Bell, { className: "w-5 h-5" }),
|
|
38
|
-
header.notifications.count > 0 && /* @__PURE__ */ jsx(
|
|
39
|
-
Badge,
|
|
40
|
-
{
|
|
41
|
-
variant: "destructive",
|
|
42
|
-
className: "absolute -top-1 -right-1 w-5 h-5 flex items-center justify-center p-0 text-xs",
|
|
43
|
-
children: header.notifications.count
|
|
44
|
-
}
|
|
45
|
-
)
|
|
46
|
-
] }) }),
|
|
47
|
-
/* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-80", children: [
|
|
48
|
-
/* @__PURE__ */ jsx(DropdownMenuLabel, { children: t("header.notifications") }),
|
|
49
|
-
/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
|
|
50
|
-
header.notifications.content,
|
|
51
|
-
/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
|
|
52
|
-
/* @__PURE__ */ jsx(DropdownMenuItem, { className: "text-center justify-center text-primary", children: t("header.viewAllNotifications") })
|
|
53
|
-
] })
|
|
54
|
-
] }),
|
|
55
|
-
header?.actions,
|
|
56
|
-
header?.user && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
|
|
57
|
-
/* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsxs(Avatar, { className: "w-8 h-8", children: [
|
|
58
|
-
header.user.avatar && /* @__PURE__ */ jsx(AvatarImage, { src: header.user.avatar }),
|
|
59
|
-
/* @__PURE__ */ jsx(AvatarFallback, { children: header.user.name.split(" ").map((n) => n[0]).join("").slice(0, 2).toUpperCase() })
|
|
60
|
-
] }) }) }),
|
|
61
|
-
/* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
|
|
62
|
-
/* @__PURE__ */ jsx(DropdownMenuLabel, { children: t("header.myAccount") }),
|
|
63
|
-
/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
|
|
64
|
-
/* @__PURE__ */ jsxs(DropdownMenuItem, { children: [
|
|
65
|
-
/* @__PURE__ */ jsx(User, { className: "w-4 h-4" }),
|
|
66
|
-
t("header.profile")
|
|
67
|
-
] }),
|
|
68
|
-
/* @__PURE__ */ jsxs(DropdownMenuItem, { children: [
|
|
69
|
-
/* @__PURE__ */ jsx(Settings, { className: "w-4 h-4" }),
|
|
70
|
-
t("settings.title")
|
|
71
|
-
] }),
|
|
72
|
-
/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
|
|
73
|
-
/* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => {
|
|
74
|
-
if (header.user?.onLogout) {
|
|
75
|
-
header.user.onLogout();
|
|
76
|
-
} else {
|
|
77
|
-
navigate("/login");
|
|
78
|
-
}
|
|
79
|
-
}, children: [
|
|
80
|
-
/* @__PURE__ */ jsx(LogOut, { className: "w-4 h-4" }),
|
|
81
|
-
t("header.logout")
|
|
82
|
-
] })
|
|
83
|
-
] })
|
|
84
|
-
] })
|
|
85
|
-
] })
|
|
86
|
-
] });
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
export { Header };
|
|
90
|
-
//# sourceMappingURL=chunk-5D3OAVOZ.js.map
|
|
91
|
-
//# sourceMappingURL=chunk-5D3OAVOZ.js.map
|
|
@@ -1 +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"]}
|
package/dist/chunk-DTM76EJD.js
DELETED
|
@@ -1,235 +0,0 @@
|
|
|
1
|
-
import { useOrganization } from './chunk-SHHZRZMM.js';
|
|
2
|
-
import { useState } from 'react';
|
|
3
|
-
import { useTranslation } from 'react-i18next';
|
|
4
|
-
import { Button } from '@omnifyjp/ui-components/components/button';
|
|
5
|
-
import { Input } from '@omnifyjp/ui-components/components/input';
|
|
6
|
-
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from '@omnifyjp/ui-components/components/dialog';
|
|
7
|
-
import { ArrowLeftRight, Building2, ArrowRight, MapPin, Check, Search } from 'lucide-react';
|
|
8
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
9
|
-
|
|
10
|
-
function OrganizationSelector({ variant = "header" }) {
|
|
11
|
-
const {
|
|
12
|
-
organizations,
|
|
13
|
-
selectedOrganization,
|
|
14
|
-
selectedBranch,
|
|
15
|
-
setSelectedOrganization,
|
|
16
|
-
setSelectedBranch,
|
|
17
|
-
getBranchesByOrg
|
|
18
|
-
} = useOrganization();
|
|
19
|
-
const { t } = useTranslation("shell");
|
|
20
|
-
const [showChangeModal, setShowChangeModal] = useState(false);
|
|
21
|
-
const [step, setStep] = useState("organization");
|
|
22
|
-
const [tempOrgId, setTempOrgId] = useState("");
|
|
23
|
-
const [tempBranchId, setTempBranchId] = useState("");
|
|
24
|
-
const [branchSearch, setBranchSearch] = useState("");
|
|
25
|
-
const handleOpenChange = () => {
|
|
26
|
-
setShowChangeModal(true);
|
|
27
|
-
setStep("organization");
|
|
28
|
-
setTempOrgId(selectedOrganization?.id || "");
|
|
29
|
-
setTempBranchId("");
|
|
30
|
-
setBranchSearch("");
|
|
31
|
-
};
|
|
32
|
-
const handleOrganizationNext = () => {
|
|
33
|
-
const org = organizations.find((o) => o.id === tempOrgId);
|
|
34
|
-
if (org) {
|
|
35
|
-
setSelectedOrganization(org);
|
|
36
|
-
setStep("branch");
|
|
37
|
-
setTempBranchId("");
|
|
38
|
-
setBranchSearch("");
|
|
39
|
-
}
|
|
40
|
-
};
|
|
41
|
-
const handleBranchComplete = () => {
|
|
42
|
-
const branch = getBranchesByOrg(selectedOrganization.id).find((b) => b.id === tempBranchId);
|
|
43
|
-
if (branch) {
|
|
44
|
-
setSelectedBranch(branch);
|
|
45
|
-
setShowChangeModal(false);
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
const availableBranches = selectedOrganization ? getBranchesByOrg(selectedOrganization.id) : [];
|
|
49
|
-
const filteredBranches = availableBranches.filter(
|
|
50
|
-
(b) => b.name.toLowerCase().includes(branchSearch.toLowerCase()) || b.location?.toLowerCase().includes(branchSearch.toLowerCase())
|
|
51
|
-
);
|
|
52
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
53
|
-
variant === "header" ? /* @__PURE__ */ jsxs(
|
|
54
|
-
Button,
|
|
55
|
-
{
|
|
56
|
-
variant: "outline",
|
|
57
|
-
onClick: handleOpenChange,
|
|
58
|
-
className: "gap-2 px-3",
|
|
59
|
-
children: [
|
|
60
|
-
selectedOrganization && /* @__PURE__ */ jsx(
|
|
61
|
-
"div",
|
|
62
|
-
{
|
|
63
|
-
className: "w-5 h-5 rounded flex items-center justify-center text-white font-bold text-[10px] flex-shrink-0",
|
|
64
|
-
style: { backgroundColor: selectedOrganization.color },
|
|
65
|
-
children: selectedOrganization.shortName
|
|
66
|
-
}
|
|
67
|
-
),
|
|
68
|
-
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 min-w-0", children: [
|
|
69
|
-
/* @__PURE__ */ jsx("span", { className: "text-sm font-medium truncate max-w-[120px]", children: selectedOrganization?.name || t("org.noOrgSelected") }),
|
|
70
|
-
selectedBranch && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
71
|
-
/* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "/" }),
|
|
72
|
-
/* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground truncate max-w-[100px]", children: selectedBranch.name })
|
|
73
|
-
] })
|
|
74
|
-
] }),
|
|
75
|
-
/* @__PURE__ */ jsx(ArrowLeftRight, { className: "w-3.5 h-3.5 text-muted-foreground flex-shrink-0" })
|
|
76
|
-
]
|
|
77
|
-
}
|
|
78
|
-
) : /* @__PURE__ */ jsxs(
|
|
79
|
-
"div",
|
|
80
|
-
{
|
|
81
|
-
className: "flex items-center justify-between gap-2 cursor-pointer hover:bg-sidebar-accent transition-colors rounded-md px-4 py-3",
|
|
82
|
-
onClick: handleOpenChange,
|
|
83
|
-
children: [
|
|
84
|
-
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
|
|
85
|
-
selectedOrganization && /* @__PURE__ */ jsx(
|
|
86
|
-
"div",
|
|
87
|
-
{
|
|
88
|
-
className: "w-8 h-8 rounded-lg flex items-center justify-center text-white font-bold text-xs flex-shrink-0",
|
|
89
|
-
style: { backgroundColor: selectedOrganization.color },
|
|
90
|
-
children: selectedOrganization.shortName
|
|
91
|
-
}
|
|
92
|
-
),
|
|
93
|
-
/* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
|
|
94
|
-
/* @__PURE__ */ jsx("div", { className: "font-semibold text-sm truncate", children: selectedOrganization?.name || t("org.noOrgSelected") }),
|
|
95
|
-
/* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground truncate mt-0.5", children: selectedBranch?.name || t("org.noBranchSelected") })
|
|
96
|
-
] })
|
|
97
|
-
] }),
|
|
98
|
-
/* @__PURE__ */ jsx(ArrowLeftRight, { className: "w-3.5 h-3.5 text-muted-foreground flex-shrink-0" })
|
|
99
|
-
]
|
|
100
|
-
}
|
|
101
|
-
),
|
|
102
|
-
/* @__PURE__ */ jsx(Dialog, { open: showChangeModal, onOpenChange: setShowChangeModal, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[520px]", children: [
|
|
103
|
-
/* @__PURE__ */ jsxs(DialogHeader, { children: [
|
|
104
|
-
/* @__PURE__ */ jsx(DialogTitle, { className: "text-xl font-semibold", children: step === "organization" ? t("org.selectOrg") : t("org.selectBranch") }),
|
|
105
|
-
/* @__PURE__ */ jsx(DialogDescription, { className: "text-sm", children: step === "organization" ? t("org.selectOrgDesc") : t("org.selectBranchDesc") })
|
|
106
|
-
] }),
|
|
107
|
-
/* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
|
|
108
|
-
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-6", children: [
|
|
109
|
-
/* @__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: [
|
|
110
|
-
/* @__PURE__ */ jsx(Building2, { className: "w-4 h-4" }),
|
|
111
|
-
t("org.orgStep")
|
|
112
|
-
] }),
|
|
113
|
-
/* @__PURE__ */ jsx(ArrowRight, { className: "w-4 h-4 text-muted-foreground" }),
|
|
114
|
-
/* @__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: [
|
|
115
|
-
/* @__PURE__ */ jsx(MapPin, { className: "w-4 h-4" }),
|
|
116
|
-
t("org.branchStep")
|
|
117
|
-
] })
|
|
118
|
-
] }),
|
|
119
|
-
step === "organization" && /* @__PURE__ */ jsxs("div", { children: [
|
|
120
|
-
/* @__PURE__ */ jsx("div", { className: "space-y-2", children: organizations.map((org) => /* @__PURE__ */ jsxs(
|
|
121
|
-
"div",
|
|
122
|
-
{
|
|
123
|
-
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"}`,
|
|
124
|
-
onClick: () => setTempOrgId(org.id),
|
|
125
|
-
children: [
|
|
126
|
-
/* @__PURE__ */ jsx(
|
|
127
|
-
"div",
|
|
128
|
-
{
|
|
129
|
-
className: "w-10 h-10 rounded-lg flex items-center justify-center text-white font-bold text-sm flex-shrink-0",
|
|
130
|
-
style: { backgroundColor: org.color },
|
|
131
|
-
children: org.shortName
|
|
132
|
-
}
|
|
133
|
-
),
|
|
134
|
-
/* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
|
|
135
|
-
/* @__PURE__ */ jsx("div", { className: "font-semibold text-base", children: org.name }),
|
|
136
|
-
org.description && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: org.description }),
|
|
137
|
-
/* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground mt-1", children: t("org.branchCount", { count: getBranchesByOrg(org.id).length }) })
|
|
138
|
-
] }),
|
|
139
|
-
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" }) })
|
|
140
|
-
]
|
|
141
|
-
},
|
|
142
|
-
org.id
|
|
143
|
-
)) }),
|
|
144
|
-
/* @__PURE__ */ jsx("div", { className: "mt-6 flex justify-end", children: /* @__PURE__ */ jsxs(
|
|
145
|
-
Button,
|
|
146
|
-
{
|
|
147
|
-
onClick: handleOrganizationNext,
|
|
148
|
-
disabled: !tempOrgId,
|
|
149
|
-
size: "lg",
|
|
150
|
-
className: "gap-2",
|
|
151
|
-
children: [
|
|
152
|
-
t("common.next"),
|
|
153
|
-
/* @__PURE__ */ jsx(ArrowRight, { className: "w-4 h-4" })
|
|
154
|
-
]
|
|
155
|
-
}
|
|
156
|
-
) })
|
|
157
|
-
] }),
|
|
158
|
-
step === "branch" && selectedOrganization && /* @__PURE__ */ jsxs("div", { children: [
|
|
159
|
-
/* @__PURE__ */ jsxs("div", { className: "mb-4 p-3 bg-muted rounded-lg border border-border", children: [
|
|
160
|
-
/* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground mb-1.5", children: t("org.selectedOrg") }),
|
|
161
|
-
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
|
|
162
|
-
/* @__PURE__ */ jsx(
|
|
163
|
-
"div",
|
|
164
|
-
{
|
|
165
|
-
className: "w-8 h-8 rounded-lg flex items-center justify-center text-white font-bold text-xs",
|
|
166
|
-
style: { backgroundColor: selectedOrganization.color },
|
|
167
|
-
children: selectedOrganization.shortName
|
|
168
|
-
}
|
|
169
|
-
),
|
|
170
|
-
/* @__PURE__ */ jsx("span", { className: "font-semibold", children: selectedOrganization.name })
|
|
171
|
-
] })
|
|
172
|
-
] }),
|
|
173
|
-
/* @__PURE__ */ jsxs("div", { className: "relative mb-3", children: [
|
|
174
|
-
/* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground" }),
|
|
175
|
-
/* @__PURE__ */ jsx(
|
|
176
|
-
Input,
|
|
177
|
-
{
|
|
178
|
-
placeholder: t("org.searchBranch"),
|
|
179
|
-
value: branchSearch,
|
|
180
|
-
onChange: (e) => setBranchSearch(e.target.value),
|
|
181
|
-
className: "pl-9"
|
|
182
|
-
}
|
|
183
|
-
)
|
|
184
|
-
] }),
|
|
185
|
-
/* @__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(
|
|
186
|
-
"div",
|
|
187
|
-
{
|
|
188
|
-
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"}`,
|
|
189
|
-
onClick: () => setTempBranchId(branch.id),
|
|
190
|
-
children: [
|
|
191
|
-
/* @__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" }) }),
|
|
192
|
-
/* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
|
|
193
|
-
/* @__PURE__ */ jsx("div", { className: "font-semibold text-base", children: branch.name }),
|
|
194
|
-
branch.location && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: branch.location })
|
|
195
|
-
] }),
|
|
196
|
-
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" }) })
|
|
197
|
-
]
|
|
198
|
-
},
|
|
199
|
-
branch.id
|
|
200
|
-
)) }),
|
|
201
|
-
/* @__PURE__ */ jsxs("div", { className: "mt-6 flex justify-between", children: [
|
|
202
|
-
/* @__PURE__ */ jsx(
|
|
203
|
-
Button,
|
|
204
|
-
{
|
|
205
|
-
variant: "outline",
|
|
206
|
-
onClick: () => {
|
|
207
|
-
setStep("organization");
|
|
208
|
-
setTempOrgId(selectedOrganization.id);
|
|
209
|
-
},
|
|
210
|
-
children: t("common.back")
|
|
211
|
-
}
|
|
212
|
-
),
|
|
213
|
-
/* @__PURE__ */ jsxs(
|
|
214
|
-
Button,
|
|
215
|
-
{
|
|
216
|
-
onClick: handleBranchComplete,
|
|
217
|
-
disabled: !tempBranchId,
|
|
218
|
-
size: "lg",
|
|
219
|
-
className: "gap-2",
|
|
220
|
-
children: [
|
|
221
|
-
t("common.complete"),
|
|
222
|
-
/* @__PURE__ */ jsx(ArrowRight, { className: "w-4 h-4" })
|
|
223
|
-
]
|
|
224
|
-
}
|
|
225
|
-
)
|
|
226
|
-
] })
|
|
227
|
-
] })
|
|
228
|
-
] })
|
|
229
|
-
] }) })
|
|
230
|
-
] });
|
|
231
|
-
}
|
|
232
|
-
|
|
233
|
-
export { OrganizationSelector };
|
|
234
|
-
//# sourceMappingURL=chunk-DTM76EJD.js.map
|
|
235
|
-
//# sourceMappingURL=chunk-DTM76EJD.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/OrganizationSelector.tsx"],"names":[],"mappings":"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","file":"chunk-DTM76EJD.js","sourcesContent":["import { useState } 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 {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogHeader,\n DialogTitle,\n} from '@omnifyjp/ui-components/components/dialog';\nimport { Building2, ArrowLeftRight, Check, Search, MapPin, ArrowRight } from 'lucide-react';\n\ninterface OrganizationSelectorProps {\n variant?: 'header' | 'sidebar';\n}\n\nexport function OrganizationSelector({ variant = 'header' }: OrganizationSelectorProps) {\n const {\n organizations,\n selectedOrganization,\n selectedBranch,\n setSelectedOrganization,\n setSelectedBranch,\n getBranchesByOrg,\n } = useOrganization();\n\n const { t } = useTranslation('shell');\n\n const [showChangeModal, setShowChangeModal] = useState(false);\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 const handleOpenChange = () => {\n setShowChangeModal(true);\n setStep('organization');\n setTempOrgId(selectedOrganization?.id || '');\n setTempBranchId('');\n setBranchSearch('');\n };\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 setShowChangeModal(false);\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 <>\n {variant === 'header' ? (\n <Button\n variant=\"outline\"\n onClick={handleOpenChange}\n className=\"gap-2 px-3\"\n >\n {selectedOrganization && (\n <div\n className=\"w-5 h-5 rounded flex items-center justify-center text-white font-bold text-[10px] flex-shrink-0\"\n style={{ backgroundColor: selectedOrganization.color }}\n >\n {selectedOrganization.shortName}\n </div>\n )}\n <div className=\"flex items-center gap-1.5 min-w-0\">\n <span className=\"text-sm font-medium truncate max-w-[120px]\">\n {selectedOrganization?.name || t('org.noOrgSelected')}\n </span>\n {selectedBranch && (\n <>\n <span className=\"text-muted-foreground\">/</span>\n <span className=\"text-sm text-muted-foreground truncate max-w-[100px]\">\n {selectedBranch.name}\n </span>\n </>\n )}\n </div>\n <ArrowLeftRight className=\"w-3.5 h-3.5 text-muted-foreground flex-shrink-0\" />\n </Button>\n ) : (\n <div\n className=\"flex items-center justify-between gap-2 cursor-pointer hover:bg-sidebar-accent transition-colors rounded-md px-4 py-3\"\n onClick={handleOpenChange}\n >\n <div className=\"flex items-center gap-2 flex-1 min-w-0\">\n {selectedOrganization && (\n <div\n className=\"w-8 h-8 rounded-lg flex items-center justify-center text-white font-bold text-xs flex-shrink-0\"\n style={{ backgroundColor: selectedOrganization.color }}\n >\n {selectedOrganization.shortName}\n </div>\n )}\n <div className=\"flex-1 min-w-0\">\n <div className=\"font-semibold text-sm truncate\">\n {selectedOrganization?.name || t('org.noOrgSelected')}\n </div>\n <div className=\"text-xs text-muted-foreground truncate mt-0.5\">\n {selectedBranch?.name || t('org.noBranchSelected')}\n </div>\n </div>\n </div>\n <ArrowLeftRight className=\"w-3.5 h-3.5 text-muted-foreground flex-shrink-0\" />\n </div>\n )}\n\n <Dialog open={showChangeModal} onOpenChange={setShowChangeModal}>\n <DialogContent className=\"sm:max-w-[520px]\">\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 setTempOrgId(selectedOrganization.id);\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}\n"]}
|
package/dist/chunk-EJEVW4RO.js
DELETED
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { createContext, useState, useCallback, useEffect, useContext } from 'react';
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
|
|
4
|
-
// src/contexts/ThemeContext.tsx
|
|
5
|
-
var ThemeContext = createContext(void 0);
|
|
6
|
-
function loadSavedTheme() {
|
|
7
|
-
if (typeof window === "undefined") return "light";
|
|
8
|
-
const saved = localStorage.getItem("omnify_theme");
|
|
9
|
-
if (saved === "light" || saved === "dark" || saved === "system") return saved;
|
|
10
|
-
return "light";
|
|
11
|
-
}
|
|
12
|
-
function applyTheme(theme) {
|
|
13
|
-
const root = document.documentElement;
|
|
14
|
-
if (theme === "system") {
|
|
15
|
-
const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
|
|
16
|
-
root.classList.toggle("dark", prefersDark);
|
|
17
|
-
} else {
|
|
18
|
-
root.classList.toggle("dark", theme === "dark");
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
function ThemeProvider({ children }) {
|
|
22
|
-
const [theme, setThemeState] = useState(loadSavedTheme);
|
|
23
|
-
const setTheme = useCallback((t) => {
|
|
24
|
-
setThemeState(t);
|
|
25
|
-
}, []);
|
|
26
|
-
useEffect(() => {
|
|
27
|
-
localStorage.setItem("omnify_theme", theme);
|
|
28
|
-
applyTheme(theme);
|
|
29
|
-
}, [theme]);
|
|
30
|
-
useEffect(() => {
|
|
31
|
-
if (theme !== "system") return;
|
|
32
|
-
const mq = window.matchMedia("(prefers-color-scheme: dark)");
|
|
33
|
-
const handler = () => applyTheme("system");
|
|
34
|
-
mq.addEventListener("change", handler);
|
|
35
|
-
return () => mq.removeEventListener("change", handler);
|
|
36
|
-
}, [theme]);
|
|
37
|
-
return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: { theme, setTheme }, children });
|
|
38
|
-
}
|
|
39
|
-
function useTheme() {
|
|
40
|
-
const context = useContext(ThemeContext);
|
|
41
|
-
if (context === void 0) {
|
|
42
|
-
throw new Error("useTheme must be used within a ThemeProvider");
|
|
43
|
-
}
|
|
44
|
-
return context;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
export { ThemeProvider, useTheme };
|
|
48
|
-
//# sourceMappingURL=chunk-EJEVW4RO.js.map
|
|
49
|
-
//# sourceMappingURL=chunk-EJEVW4RO.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/contexts/ThemeContext.tsx"],"names":[],"mappings":";;;;AASA,IAAM,YAAA,GAAe,cAA4C,MAAS,CAAA;AAE1E,SAAS,cAAA,GAAwB;AAC/B,EAAA,IAAI,OAAO,MAAA,KAAW,WAAA,EAAa,OAAO,OAAA;AAC1C,EAAA,MAAM,KAAA,GAAQ,YAAA,CAAa,OAAA,CAAQ,cAAc,CAAA;AACjD,EAAA,IAAI,UAAU,OAAA,IAAW,KAAA,KAAU,MAAA,IAAU,KAAA,KAAU,UAAU,OAAO,KAAA;AACxE,EAAA,OAAO,OAAA;AACT;AAEA,SAAS,WAAW,KAAA,EAAc;AAChC,EAAA,MAAM,OAAO,QAAA,CAAS,eAAA;AACtB,EAAA,IAAI,UAAU,QAAA,EAAU;AACtB,IAAA,MAAM,WAAA,GAAc,MAAA,CAAO,UAAA,CAAW,8BAA8B,CAAA,CAAE,OAAA;AACtE,IAAA,IAAA,CAAK,SAAA,CAAU,MAAA,CAAO,MAAA,EAAQ,WAAW,CAAA;AAAA,EAC3C,CAAA,MAAO;AACL,IAAA,IAAA,CAAK,SAAA,CAAU,MAAA,CAAO,MAAA,EAAQ,KAAA,KAAU,MAAM,CAAA;AAAA,EAChD;AACF;AAEO,SAAS,aAAA,CAAc,EAAE,QAAA,EAAS,EAA4B;AACnE,EAAA,MAAM,CAAC,KAAA,EAAO,aAAa,CAAA,GAAI,SAAgB,cAAc,CAAA;AAE7D,EAAA,MAAM,QAAA,GAAW,WAAA,CAAY,CAAC,CAAA,KAAa;AACzC,IAAA,aAAA,CAAc,CAAC,CAAA;AAAA,EACjB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,OAAA,CAAQ,gBAAgB,KAAK,CAAA;AAC1C,IAAA,UAAA,CAAW,KAAK,CAAA;AAAA,EAClB,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,UAAU,QAAA,EAAU;AACxB,IAAA,MAAM,EAAA,GAAK,MAAA,CAAO,UAAA,CAAW,8BAA8B,CAAA;AAC3D,IAAA,MAAM,OAAA,GAAU,MAAM,UAAA,CAAW,QAAQ,CAAA;AACzC,IAAA,EAAA,CAAG,gBAAA,CAAiB,UAAU,OAAO,CAAA;AACrC,IAAA,OAAO,MAAM,EAAA,CAAG,mBAAA,CAAoB,QAAA,EAAU,OAAO,CAAA;AAAA,EACvD,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,uBACE,GAAA,CAAC,aAAa,QAAA,EAAb,EAAsB,OAAO,EAAE,KAAA,EAAO,QAAA,EAAS,EAC7C,QAAA,EACH,CAAA;AAEJ;AAEO,SAAS,QAAA,GAAW;AACzB,EAAA,MAAM,OAAA,GAAU,WAAW,YAAY,CAAA;AACvC,EAAA,IAAI,YAAY,MAAA,EAAW;AACzB,IAAA,MAAM,IAAI,MAAM,8CAA8C,CAAA;AAAA,EAChE;AACA,EAAA,OAAO,OAAA;AACT","file":"chunk-EJEVW4RO.js","sourcesContent":["import { createContext, useContext, useState, useEffect, useCallback, ReactNode } from 'react';\n\nexport type Theme = 'light' | 'dark' | 'system';\n\ninterface ThemeContextType {\n theme: Theme;\n setTheme: (theme: Theme) => void;\n}\n\nconst ThemeContext = createContext<ThemeContextType | undefined>(undefined);\n\nfunction loadSavedTheme(): Theme {\n if (typeof window === 'undefined') return 'light';\n const saved = localStorage.getItem('omnify_theme');\n if (saved === 'light' || saved === 'dark' || saved === 'system') return saved;\n return 'light';\n}\n\nfunction applyTheme(theme: Theme) {\n const root = document.documentElement;\n if (theme === 'system') {\n const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n root.classList.toggle('dark', prefersDark);\n } else {\n root.classList.toggle('dark', theme === 'dark');\n }\n}\n\nexport function ThemeProvider({ children }: { children: ReactNode }) {\n const [theme, setThemeState] = useState<Theme>(loadSavedTheme);\n\n const setTheme = useCallback((t: Theme) => {\n setThemeState(t);\n }, []);\n\n useEffect(() => {\n localStorage.setItem('omnify_theme', theme);\n applyTheme(theme);\n }, [theme]);\n\n useEffect(() => {\n if (theme !== 'system') return;\n const mq = window.matchMedia('(prefers-color-scheme: dark)');\n const handler = () => applyTheme('system');\n mq.addEventListener('change', handler);\n return () => mq.removeEventListener('change', handler);\n }, [theme]);\n\n return (\n <ThemeContext.Provider value={{ theme, setTheme }}>\n {children}\n </ThemeContext.Provider>\n );\n}\n\nexport function useTheme() {\n const context = useContext(ThemeContext);\n if (context === undefined) {\n throw new Error('useTheme must be used within a ThemeProvider');\n }\n return context;\n}\n"]}
|
package/dist/chunk-O25D7DCP.js
DELETED
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import { Separator } from '@omnifyjp/ui-components/components/separator';
|
|
2
|
-
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
3
|
-
|
|
4
|
-
// src/components/PageContainer.tsx
|
|
5
|
-
function PageContainer({
|
|
6
|
-
title,
|
|
7
|
-
subtitle,
|
|
8
|
-
extra,
|
|
9
|
-
children,
|
|
10
|
-
footer,
|
|
11
|
-
sidebar,
|
|
12
|
-
sidebarPosition = "right",
|
|
13
|
-
sidebarWidth = "w-80",
|
|
14
|
-
variant = "standard",
|
|
15
|
-
className = "",
|
|
16
|
-
contentClassName = "",
|
|
17
|
-
showHeaderSeparator = true
|
|
18
|
-
}) {
|
|
19
|
-
if (variant === "full") {
|
|
20
|
-
return /* @__PURE__ */ jsxs("div", { className: `h-full flex flex-col ${className}`, children: [
|
|
21
|
-
children,
|
|
22
|
-
footer && /* @__PURE__ */ jsx("div", { className: "border-t border-border", children: footer })
|
|
23
|
-
] });
|
|
24
|
-
}
|
|
25
|
-
if (variant === "split") {
|
|
26
|
-
return /* @__PURE__ */ jsxs("div", { className: `h-full flex flex-col ${className}`, children: [
|
|
27
|
-
(title || extra) && /* @__PURE__ */ jsx("div", { className: "px-page py-4 border-b border-border", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
|
|
28
|
-
/* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
|
|
29
|
-
title && /* @__PURE__ */ jsx("h1", { className: "text-page-title font-semibold mb-2", children: title }),
|
|
30
|
-
subtitle && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: subtitle })
|
|
31
|
-
] }),
|
|
32
|
-
extra && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: extra })
|
|
33
|
-
] }) }),
|
|
34
|
-
/* @__PURE__ */ jsxs("div", { className: "flex-1 flex overflow-hidden", children: [
|
|
35
|
-
sidebar && sidebarPosition === "left" && /* @__PURE__ */ jsx("aside", { className: `${sidebarWidth} border-r border-border overflow-y-auto flex-shrink-0`, children: sidebar }),
|
|
36
|
-
/* @__PURE__ */ jsx("main", { className: `flex-1 overflow-y-auto ${contentClassName}`, children }),
|
|
37
|
-
sidebar && sidebarPosition === "right" && /* @__PURE__ */ jsx("aside", { className: `${sidebarWidth} border-l border-border overflow-y-auto flex-shrink-0`, children: sidebar })
|
|
38
|
-
] }),
|
|
39
|
-
footer && /* @__PURE__ */ jsx("div", { className: "border-t border-border", children: footer })
|
|
40
|
-
] });
|
|
41
|
-
}
|
|
42
|
-
return /* @__PURE__ */ jsxs("div", { className: `h-full flex flex-col ${className}`, children: [
|
|
43
|
-
(title || extra) && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
44
|
-
/* @__PURE__ */ jsx("div", { className: "px-page py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
|
|
45
|
-
/* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
|
|
46
|
-
title && /* @__PURE__ */ jsx("h1", { className: "text-page-title font-semibold mb-2", children: title }),
|
|
47
|
-
subtitle && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: subtitle })
|
|
48
|
-
] }),
|
|
49
|
-
extra && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: extra })
|
|
50
|
-
] }) }),
|
|
51
|
-
showHeaderSeparator && /* @__PURE__ */ jsx(Separator, {})
|
|
52
|
-
] }),
|
|
53
|
-
/* @__PURE__ */ jsx("main", { className: `flex-1 overflow-y-auto p-page ${contentClassName}`, children }),
|
|
54
|
-
footer && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
55
|
-
/* @__PURE__ */ jsx(Separator, {}),
|
|
56
|
-
/* @__PURE__ */ jsx("div", { className: "px-page py-4", children: footer })
|
|
57
|
-
] })
|
|
58
|
-
] });
|
|
59
|
-
}
|
|
60
|
-
function StandardPageContainer(props) {
|
|
61
|
-
return /* @__PURE__ */ jsx(PageContainer, { ...props, variant: "standard" });
|
|
62
|
-
}
|
|
63
|
-
function SplitPageContainer(props) {
|
|
64
|
-
return /* @__PURE__ */ jsx(PageContainer, { ...props, variant: "split" });
|
|
65
|
-
}
|
|
66
|
-
function FullWidthPageContainer(props) {
|
|
67
|
-
return /* @__PURE__ */ jsx(PageContainer, { ...props, variant: "full" });
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
export { FullWidthPageContainer, PageContainer, SplitPageContainer, StandardPageContainer };
|
|
71
|
-
//# sourceMappingURL=chunk-O25D7DCP.js.map
|
|
72
|
-
//# sourceMappingURL=chunk-O25D7DCP.js.map
|