shadcn_phlexcomponents 0.1.18 → 0.1.19

data/app/javascript/controllers/tooltip_controller.js

@@ -1,82 +1,80 @@
-import { Controller } from '@hotwired/stimulus';
-import { useHover } from 'stimulus-use';
-import { initFloatingUi } from '../utils/floating_ui';
-import { showContent, hideContent } from '../utils';
+import { Controller } from "@hotwired/stimulus";
+import { useHover } from "stimulus-use";
+import { initFloatingUi } from "../utils/floating_ui";
+import { showContent, hideContent } from "../utils";
 const TooltipController = class extends Controller {
-    // targets
-    static targets = ['trigger', 'content', 'contentContainer', 'arrow'];
-    // values
-    static values = {
-        isOpen: Boolean,
-    };
-    connect() {
-        this.DOMKeydownListener = this.onDOMKeydown.bind(this);
-        useHover(this, { element: this.triggerTarget, dispatchEvent: false });
+  static name = "tooltip";
+  // targets
+  static targets = ["trigger", "content", "contentContainer", "arrow"];
+  // values
+  static values = {
+    isOpen: Boolean,
+  };
+  connect() {
+    this.DOMKeydownListener = this.onDOMKeydown.bind(this);
+    useHover(this, { element: this.triggerTarget, dispatchEvent: false });
+  }
+  open() {
+    window.clearTimeout(this.closeTimeout);
+    this.isOpenValue = true;
+  }
+  close() {
+    this.closeTimeout = window.setTimeout(() => {
+      this.isOpenValue = false;
+    }, 250);
+  }
+  closeImmediately() {
+    this.isOpenValue = false;
+  }
+  // for useHover
+  mouseEnter() {
+    this.open();
+  }
+  // for useHover
+  mouseLeave() {
+    this.close();
+  }
+  isOpenValueChanged(isOpen) {
+    if (isOpen) {
+      showContent({
+        content: this.contentTarget,
+        contentContainer: this.contentContainerTarget,
+      });
+      this.setupEventListeners();
+      this.cleanup = initFloatingUi({
+        referenceElement: this.triggerTarget,
+        floatingElement: this.contentContainerTarget,
+        arrowElement: this.arrowTarget,
+        side: this.contentTarget.dataset.side,
+        align: this.contentTarget.dataset.align,
+        sideOffset: 4,
+      });
+    } else {
+      hideContent({
+        content: this.contentTarget,
+        contentContainer: this.contentContainerTarget,
+      });
+      this.cleanupEventListeners();
     }
-    open() {
-        window.clearTimeout(this.closeTimeout);
-        this.isOpenValue = true;
-    }
-    close() {
-        this.closeTimeout = window.setTimeout(() => {
-            this.isOpenValue = false;
-        }, 250);
-    }
-    closeImmediately() {
-        this.isOpenValue = false;
-    }
-    // for useHover
-    mouseEnter() {
-        this.open();
-    }
-    // for useHover
-    mouseLeave() {
-        this.close();
-    }
-    isOpenValueChanged(isOpen) {
-        if (isOpen) {
-            showContent({
-                content: this.contentTarget,
-                contentContainer: this.contentContainerTarget,
-            });
-            this.setupEventListeners();
-            this.cleanup = initFloatingUi({
-                referenceElement: this.triggerTarget,
-                floatingElement: this.contentContainerTarget,
-                arrowElement: this.arrowTarget,
-                side: this.contentTarget.dataset.side,
-                align: this.contentTarget.dataset.align,
-                sideOffset: 4,
-            });
-        }
-        else {
-            hideContent({
-                content: this.contentTarget,
-                contentContainer: this.contentContainerTarget,
-            });
-            this.cleanupEventListeners();
-        }
-    }
-    disconnect() {
-        this.cleanupEventListeners();
-    }
-    onDOMKeydown(event) {
-        if (!this.isOpenValue)
-            return;
-        const key = event.key;
-        if (['Escape', 'Enter', ' '].includes(key)) {
-            event.preventDefault();
-            event.stopImmediatePropagation();
-            this.closeImmediately();
-        }
-    }
-    setupEventListeners() {
-        document.addEventListener('keydown', this.DOMKeydownListener);
-    }
-    cleanupEventListeners() {
-        if (this.cleanup)
-            this.cleanup();
-        document.removeEventListener('keydown', this.DOMKeydownListener);
+  }
+  disconnect() {
+    this.cleanupEventListeners();
+  }
+  onDOMKeydown(event) {
+    if (!this.isOpenValue) return;
+    const key = event.key;
+    if (["Escape", "Enter", " "].includes(key)) {
+      event.preventDefault();
+      event.stopImmediatePropagation();
+      this.closeImmediately();
     }
+  }
+  setupEventListeners() {
+    document.addEventListener("keydown", this.DOMKeydownListener);
+  }
+  cleanupEventListeners() {
+    if (this.cleanup) this.cleanup();
+    document.removeEventListener("keydown", this.DOMKeydownListener);
+  }
 };
 export { TooltipController };

data/app/javascript/shadcn_phlexcomponents.js

@@ -1,60 +1,27 @@
-import { AccordionController } from './controllers/accordion_controller';
-import { AlertDialogController } from './controllers/alert_dialog_controller';
-import { AvatarController } from './controllers/avatar_controller';
-import { CheckboxController } from './controllers/checkbox_controller';
-import { CollapsibleController } from './controllers/collapsible_controller';
-import { ComboboxController } from './controllers/combobox_controller';
-import { CommandController } from './controllers/command_controller';
-import { DatePickerController } from './controllers/date_picker_controller';
-import { DateRangePickerController } from './controllers/date_range_picker_controller';
-import { DialogController } from './controllers/dialog_controller';
-import { DropdownMenuController } from './controllers/dropdown_menu_controller';
-import { DropdownMenuSubController } from './controllers/dropdown_menu_sub_controller';
-import { FormFieldController } from './controllers/form_field_controller';
-import { HoverCardController } from './controllers/hover_card_controller';
-import { LoadingButtonController } from './controllers/loading_button_controller';
-import { PopoverController } from './controllers/popover_controller';
-import { ProgressController } from './controllers/progress_controller';
-import { RadioGroupController } from './controllers/radio_group_controller';
-import { SelectController } from './controllers/select_controller';
-import SidebarController from './controllers/sidebar_controller';
-import SidebarTriggerController from './controllers/sidebar_trigger_controller';
-import { SliderController } from './controllers/slider_controller';
-import { SwitchController } from './controllers/switch_controller';
-import { TabsController } from './controllers/tabs_controller';
-import { ThemeSwitcherController } from './controllers/theme_switcher_controller';
-import { ToastContainerController } from './controllers/toast_container_controller';
-import { ToastController } from './controllers/toast_controller';
-import { ToggleController } from './controllers/toggle_controller';
-import { TooltipController } from './controllers/tooltip_controller';
-export default {
-    accordion: AccordionController,
-    'alert-dialog': AlertDialogController,
-    avatar: AvatarController,
-    checkbox: CheckboxController,
-    collapsible: CollapsibleController,
-    combobox: ComboboxController,
-    command: CommandController,
-    'date-picker': DatePickerController,
-    'date-range-picker': DateRangePickerController,
-    dialog: DialogController,
-    'dropdown-menu': DropdownMenuController,
-    'dropdown-menu-sub': DropdownMenuSubController,
-    'form-field': FormFieldController,
-    'hover-card': HoverCardController,
-    'loading-button': LoadingButtonController,
-    popover: PopoverController,
-    progress: ProgressController,
-    'radio-group': RadioGroupController,
-    select: SelectController,
-    sidebar: SidebarController,
-    'sidebar-trigger': SidebarTriggerController,
-    slider: SliderController,
-    switch: SwitchController,
-    tabs: TabsController,
-    'theme-switcher': ThemeSwitcherController,
-    'toast-container': ToastContainerController,
-    toast: ToastController,
-    toggle: ToggleController,
-    tooltip: TooltipController,
-};
+export { AccordionController } from "./controllers/accordion_controller";
+export { AlertDialogController } from "./controllers/alert_dialog_controller";
+export { AvatarController } from "./controllers/avatar_controller";
+export { CheckboxController } from "./controllers/checkbox_controller";
+export { CollapsibleController } from "./controllers/collapsible_controller";
+export { ComboboxController } from "./controllers/combobox_controller";
+export { CommandController } from "./controllers/command_controller";
+export { DatePickerController } from "./controllers/date_picker_controller";
+export { DateRangePickerController } from "./controllers/date_range_picker_controller";
+export { DialogController } from "./controllers/dialog_controller";
+export { DropdownMenuController } from "./controllers/dropdown_menu_controller";
+export { DropdownMenuSubController } from "./controllers/dropdown_menu_sub_controller";
+export { FormFieldController } from "./controllers/form_field_controller";
+export { HoverCardController } from "./controllers/hover_card_controller";
+export { LoadingButtonController } from "./controllers/loading_button_controller";
+export { PopoverController } from "./controllers/popover_controller";
+export { ProgressController } from "./controllers/progress_controller";
+export { RadioGroupController } from "./controllers/radio_group_controller";
+export { SelectController } from "./controllers/select_controller";
+export { SliderController } from "./controllers/slider_controller";
+export { SwitchController } from "./controllers/switch_controller";
+export { TabsController } from "./controllers/tabs_controller";
+export { ThemeSwitcherController } from "./controllers/theme_switcher_controller";
+export { ToastContainerController } from "./controllers/toast_container_controller";
+export { ToastController } from "./controllers/toast_controller";
+export { ToggleController } from "./controllers/toggle_controller";
+export { TooltipController } from "./controllers/tooltip_controller";