@deepnoid/ui 0.1.20 → 0.1.22

package/dist/components/select/option.mjs

@@ -1,12 +0,0 @@
-"use client";
-import {
-  option_default
-} from "../../chunk-OF3X4BXG.mjs";
-import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-3IU2RPSM.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
-import "../../chunk-AC6TWLRT.mjs";
-export {
-  option_default as default
-};

package/dist/components/select/useSelect.d.mts

@@ -1,31 +0,0 @@
-import * as react from 'react';
-import { SelectOption } from './select.mjs';
-import 'tailwind-variants';
-import '../../utils/types.mjs';
-
-interface SelectHookProps {
-    options: SelectOption[];
-    defaultOption?: SelectOption;
-    onChange?: (option: SelectOption) => void;
-}
-type TargetRect = {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-};
-declare const useSelect: ({ options, defaultOption, onChange }: SelectHookProps) => {
-    selectedOption: SelectOption | undefined;
-    targetRect: TargetRect | null;
-    optionWrapperHeight: number;
-    selectWrapperRef: react.RefObject<HTMLDivElement | null>;
-    optionWrapperRef: react.RefObject<HTMLDivElement | null>;
-    handleToggleSelect: () => void;
-    handleChangeOption: (option: SelectOption) => void;
-    calculatePositionWithScroll: (targetRect: TargetRect, optionWrapperHeight: number) => {
-        top: number;
-        left: number;
-    };
-};
-
-export { useSelect };

package/dist/components/select/useSelect.d.ts

@@ -1,31 +0,0 @@
-import * as react from 'react';
-import { SelectOption } from './select.js';
-import 'tailwind-variants';
-import '../../utils/types.js';
-
-interface SelectHookProps {
-    options: SelectOption[];
-    defaultOption?: SelectOption;
-    onChange?: (option: SelectOption) => void;
-}
-type TargetRect = {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-};
-declare const useSelect: ({ options, defaultOption, onChange }: SelectHookProps) => {
-    selectedOption: SelectOption | undefined;
-    targetRect: TargetRect | null;
-    optionWrapperHeight: number;
-    selectWrapperRef: react.RefObject<HTMLDivElement | null>;
-    optionWrapperRef: react.RefObject<HTMLDivElement | null>;
-    handleToggleSelect: () => void;
-    handleChangeOption: (option: SelectOption) => void;
-    calculatePositionWithScroll: (targetRect: TargetRect, optionWrapperHeight: number) => {
-        top: number;
-        left: number;
-    };
-};
-
-export { useSelect };

package/dist/components/select/useSelect.js

@@ -1,84 +0,0 @@
-"use client";
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/select/useSelect.tsx
-var useSelect_exports = {};
-__export(useSelect_exports, {
-  useSelect: () => useSelect
-});
-module.exports = __toCommonJS(useSelect_exports);
-var import_react = require("react");
-var useSelect = ({ options, defaultOption, onChange }) => {
-  const [selectedOption, setSelectedOption] = (0, import_react.useState)(defaultOption);
-  const [targetRect, setTargetRect] = (0, import_react.useState)(null);
-  const [optionWrapperHeight, setOptionWrapperHeight] = (0, import_react.useState)(0);
-  const selectWrapperRef = (0, import_react.useRef)(null);
-  const optionWrapperRef = (0, import_react.useRef)(null);
-  const calculatePositionWithScroll = (targetRect2, optionWrapperHeight2) => {
-    const scrollTop = window.scrollY || document.documentElement.scrollTop || document.body.scrollTop;
-    const scrollLeft = window.scrollX || document.documentElement.scrollLeft || document.body.scrollLeft;
-    const spaceBelow = window.innerHeight - (targetRect2.y + targetRect2.height + 4);
-    const spaceAbove = targetRect2.y - 4;
-    const top = spaceBelow < optionWrapperHeight2 && spaceAbove > optionWrapperHeight2 ? targetRect2.y - optionWrapperHeight2 - 4 : targetRect2.y + targetRect2.height + 4;
-    return {
-      top: top + scrollTop,
-      left: targetRect2.x + scrollLeft
-    };
-  };
-  const handleToggleSelect = () => {
-    if (selectWrapperRef.current) {
-      const rect = selectWrapperRef.current.getBoundingClientRect();
-      setTargetRect((prevRect) => prevRect ? null : { x: rect.x, y: rect.y, width: rect.width, height: rect.height });
-    }
-  };
-  const handleChangeOption = (option) => {
-    onChange == null ? void 0 : onChange(option);
-    setSelectedOption(option);
-    handleToggleSelect();
-  };
-  (0, import_react.useEffect)(() => {
-    const onClickOutside = (e) => {
-      if (optionWrapperRef.current && !optionWrapperRef.current.contains(e.target)) {
-        setTargetRect(null);
-      }
-    };
-    window.addEventListener("mousedown", onClickOutside);
-    return () => window.removeEventListener("mousedown", onClickOutside);
-  }, []);
-  (0, import_react.useEffect)(() => {
-    if (optionWrapperRef.current) {
-      setOptionWrapperHeight(optionWrapperRef.current.getBoundingClientRect().height);
-    }
-  }, [targetRect]);
-  return {
-    selectedOption,
-    targetRect,
-    optionWrapperHeight,
-    selectWrapperRef,
-    optionWrapperRef,
-    handleToggleSelect,
-    handleChangeOption,
-    calculatePositionWithScroll
-  };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useSelect
-});

package/dist/components/select/useSelect.mjs

@@ -1,8 +0,0 @@
-"use client";
-import {
-  useSelect
-} from "../../chunk-S3QS5B7F.mjs";
-import "../../chunk-AC6TWLRT.mjs";
-export {
-  useSelect
-};