@chekinapp/ui 0.0.106 → 0.0.108

package/dist/index.js

@@ -12081,7 +12081,8 @@ var checkIfEmpty = ({
   if (value === 0 || defaultValue === 0) return false;
   return !value && !defaultValue;
 };
-var DashboardInput = React43.forwardRef(
+var checkInputValueIfEmpty = (value) => value.length === 0;
+var Input = React43.forwardRef(
   ({
     value,
     defaultValue,
@@ -12123,10 +12124,15 @@ var DashboardInput = React43.forwardRef(
     const inputId = id ?? name ?? generatedId;
     const errorId = `${inputId}-error`;
     const { t } = useTranslation26();
-    const isEmpty = checkIfEmpty({ empty, value, defaultValue });
+    const isEmptyControlled = typeof empty !== "undefined" || typeof value !== "undefined";
+    const propsAreEmpty = checkIfEmpty({ empty, value, defaultValue });
+    const [uncontrolledIsEmpty, setUncontrolledIsEmpty] = React43.useState(propsAreEmpty);
+    const isEmpty = isEmptyControlled ? propsAreEmpty : uncontrolledIsEmpty;
     const [inputType, setInputType] = React43.useState(type);
     const [isPasswordRevealed, setIsPasswordRevealed] = React43.useState(false);
     const [isFocused, setIsFocused] = React43.useState(false);
+    const inputRef = React43.useRef(null);
+    const combinedInputRef = useCombinedRef(inputRef, ref);
     const prevInputType = usePrevious(inputType);
     const isPasswordReveal = (prevInputType === "password" || type === "password") && !isEmpty;
     const hasInvalidState = Boolean(invalid) || Boolean(error) && error !== "NONE";
@@ -12144,12 +12150,15 @@ var DashboardInput = React43.forwardRef(
       setInputType(type);
     }, [type]);
     const handleChange = (event) => {
-      if (readOnly || disabled || !onChange) return;
-      onChange(event);
+      if (readOnly || disabled) return;
+      if (!isEmptyControlled) {
+        setUncontrolledIsEmpty(checkInputValueIfEmpty(event.currentTarget.value));
+      }
+      onChange?.(event);
     };
     const handleLabelClick = () => {
-      if (readOnly || disabled) return;
-      setIsFocused(true);
+      if (readOnly || disabled || loading) return;
+      inputRef.current?.focus();
     };
     const handleFocus = (event) => {
       if (readOnly || disabled) return;
@@ -12217,7 +12226,7 @@ var DashboardInput = React43.forwardRef(
                     "input",
                     {
                       ...props,
-                      ref,
+                      ref: combinedInputRef,
                       id: inputId,
                       name,
                       type: inputType,
@@ -12331,7 +12340,7 @@ var DashboardInput = React43.forwardRef(
     );
   }
 );
-DashboardInput.displayName = "DashboardInput";
+Input.displayName = "Input";
 
 // src/dashboard/select/Select.tsx
 import * as React47 from "react";
@@ -12770,7 +12779,7 @@ function useSelectSearch({
 
 // src/dashboard/select/Select.tsx
 import { jsx as jsx149, jsxs as jsxs96 } from "react/jsx-runtime";
-function DashboardSelectInternal({
+function SelectInternal({
   options = [],
   value,
   onChange,
@@ -13000,8 +13009,8 @@ function DashboardSelectInternal({
     }
   );
 }
-var DashboardSelect = React47.forwardRef(
-  DashboardSelectInternal
+var Select = React47.forwardRef(
+  SelectInternal
 );
 
 // src/dashboard/multi-select/MultiSelect.tsx
@@ -13041,7 +13050,7 @@ function MultiSelectChip({
 // src/dashboard/multi-select/MultiSelect.tsx
 import { jsx as jsx151, jsxs as jsxs98 } from "react/jsx-runtime";
 var isValueSelected = (selected, option) => selected.some((item) => item.value === option.value);
-function DashboardMultiSelectInternal({
+function MultiSelectInternal({
   options = [],
   value,
   onChange,
@@ -13443,16 +13452,16 @@ function DashboardMultiSelectInternal({
     }
   );
 }
-var DashboardMultiSelect = React48.forwardRef(
-  DashboardMultiSelectInternal
+var MultiSelect = React48.forwardRef(
+  MultiSelectInternal
 );
 
 // src/dashboard/creatable-multi-select/CreatableMultiSelect.tsx
 import * as React49 from "react";
 import { jsx as jsx152 } from "react/jsx-runtime";
-var DashboardCreatableMultiSelect = React49.forwardRef(
-  function DashboardCreatableMultiSelect2(props, ref) {
-    return /* @__PURE__ */ jsx152(DashboardMultiSelect, { ref, ...props, isCreatable: true });
+var CreatableMultiSelect = React49.forwardRef(
+  function CreatableMultiSelect2(props, ref) {
+    return /* @__PURE__ */ jsx152(MultiSelect, { ref, ...props, isCreatable: true });
   }
 );
 
@@ -13558,7 +13567,7 @@ var DEFAULT_ITEM_HEIGHT = 60;
 var DEFAULT_LIST_HEIGHT = 322;
 var DEFAULT_OVERSCAN = 5;
 var DEFAULT_LOAD_MORE_THRESHOLD = 5;
-function DashboardInfiniteScrollSelectInternal({
+function InfiniteScrollSelectInternal({
   options = [],
   value,
   onChange,
@@ -13837,8 +13846,8 @@ function DashboardInfiniteScrollSelectInternal({
     }
   );
 }
-var DashboardInfiniteScrollSelect = React50.forwardRef(
-  DashboardInfiniteScrollSelectInternal
+var InfiniteScrollSelect = React50.forwardRef(
+  InfiniteScrollSelectInternal
 );
 
 // src/dashboard/textarea/Textarea.tsx
@@ -13852,8 +13861,8 @@ function getEmptyState(empty, value, defaultValue) {
   if (value !== void 0) return !String(value);
   return !defaultValue;
 }
-var DashboardTextarea = React51.forwardRef(
-  function DashboardTextarea2({
+var Textarea = React51.forwardRef(
+  function Textarea2({
     className,
     textareaClassName,
     label,
@@ -14650,8 +14659,8 @@ function dateFromParts(day, monthIndex, year) {
   if (!isValidCalendarDate(yearNum, monthIndex, dayNum)) return null;
   return new Date(yearNum, monthIndex, dayNum);
 }
-var DashboardDatepicker = React53.forwardRef(
-  function DashboardDatepicker2({
+var Datepicker = React53.forwardRef(
+  function Datepicker2({
     label,
     value,
     defaultValue,
@@ -15629,7 +15638,7 @@ function DateRangePopover({
 
 // src/dashboard/date-range-picker/DateRangePicker.tsx
 import { jsx as jsx162, jsxs as jsxs107 } from "react/jsx-runtime";
-var DashboardDateRangePicker = React57.forwardRef(function DashboardDateRangePicker2({
+var DateRangePicker = React57.forwardRef(function DateRangePicker2({
   label,
   value: externalValue,
   defaultValue,
@@ -16069,14 +16078,14 @@ var FORMAT_SETTINGS = {
   },
   hours: { intervalUnit: "H", interval: 1, minTime: "00:00", maxTime: "23:00" }
 };
-var DashboardTimePicker = React59.forwardRef(
-  function DashboardTimePicker2({ format: formatName = "time", timeSettings, options, ...selectProps }, ref) {
+var TimePicker = React59.forwardRef(
+  function TimePicker2({ format: formatName = "time", timeSettings, options, ...selectProps }, ref) {
     const resolvedOptions = React59.useMemo(() => {
       if (options) return options;
       const settings = timeSettings ?? FORMAT_SETTINGS[formatName];
       return buildOptions(settings);
     }, [formatName, options, timeSettings]);
-    return /* @__PURE__ */ jsx163(DashboardSelect, { ref, ...selectProps, options: resolvedOptions });
+    return /* @__PURE__ */ jsx163(Select, { ref, ...selectProps, options: resolvedOptions });
   }
 );
 
@@ -16088,8 +16097,8 @@ import { jsx as jsx164, jsxs as jsxs108 } from "react/jsx-runtime";
 function defaultDownload(url) {
   window.open(url, "_blank", "noopener,noreferrer");
 }
-var DashboardFileInput = React60.forwardRef(
-  function DashboardFileInput2({
+var FileInput = React60.forwardRef(
+  function FileInput2({
     label,
     value,
     onChange,
@@ -16258,7 +16267,7 @@ var DashboardFileInput = React60.forwardRef(
 // src/dashboard/select-icons-box/SelectIconsBox.tsx
 import * as React61 from "react";
 import { jsx as jsx165, jsxs as jsxs109 } from "react/jsx-runtime";
-function DashboardSelectIconsBox({
+function SelectIconsBox({
   children,
   icons,
   renderIcon,
@@ -18770,22 +18779,14 @@ export {
   CopyString,
   Counter,
   CounterSize,
+  CreatableMultiSelect,
   CustomCheckboxDropdownGroup,
   DEFAULT_DISPLAY_FORMAT,
   DEVICE_BREAKPOINTS,
-  DashboardCreatableMultiSelect,
-  DashboardDateRangePicker,
-  DashboardDatepicker,
-  DashboardFileInput,
-  DashboardInfiniteScrollSelect,
-  DashboardInput,
-  DashboardMultiSelect,
-  DashboardSelect,
-  DashboardSelectIconsBox,
-  DashboardTextarea,
-  DashboardTimePicker,
   DataTable,
+  DateRangePicker,
   DateTableFilter,
+  Datepicker,
   DebouncedSearchInput,
   DefaultSelectTrigger,
   Dialog,
@@ -18838,6 +18839,7 @@ export {
   ExpandableContent,
   ExternalLink,
   FieldErrorMessage,
+  FileInput,
   FileInputButton,
   FormBox,
   Content5 as FormBoxContent,
@@ -18853,7 +18855,9 @@ export {
   IconsDropdown,
   Image2 as Image,
   ImageFullScreenView,
+  InfiniteScrollSelect,
   InfoBox,
+  Input,
   InputOTP,
   InputOTPGroup,
   InputOTPSeparator,
@@ -18883,6 +18887,7 @@ export {
   Modal,
   ModalButton,
   ModalLoader,
+  MultiSelect,
   NumberedList,
   OverlayLoader,
   Pagination,
@@ -18912,6 +18917,8 @@ export {
   SectionGroup,
   SectionTag,
   SectionTagColors,
+  Select,
+  SelectIconsBox,
   Separator3 as Separator,
   Sheet,
   SheetClose,
@@ -18976,7 +18983,9 @@ export {
   TabsContent,
   TabsList,
   TabsTrigger,
+  Textarea,
   ThreeDotsLoader,
+  TimePicker,
   Timeline,
   TimelineConnector,
   TimelineContent,