@chekinapp/ui 0.0.106 → 0.0.108

package/dist/index.cjs

@@ -94,22 +94,14 @@ __export(index_exports, {
   CopyString: () => CopyString,
   Counter: () => Counter,
   CounterSize: () => CounterSize,
+  CreatableMultiSelect: () => CreatableMultiSelect,
   CustomCheckboxDropdownGroup: () => CustomCheckboxDropdownGroup,
   DEFAULT_DISPLAY_FORMAT: () => DEFAULT_DISPLAY_FORMAT,
   DEVICE_BREAKPOINTS: () => DEVICE_BREAKPOINTS,
-  DashboardCreatableMultiSelect: () => DashboardCreatableMultiSelect,
-  DashboardDateRangePicker: () => DashboardDateRangePicker,
-  DashboardDatepicker: () => DashboardDatepicker,
-  DashboardFileInput: () => DashboardFileInput,
-  DashboardInfiniteScrollSelect: () => DashboardInfiniteScrollSelect,
-  DashboardInput: () => DashboardInput,
-  DashboardMultiSelect: () => DashboardMultiSelect,
-  DashboardSelect: () => DashboardSelect,
-  DashboardSelectIconsBox: () => DashboardSelectIconsBox,
-  DashboardTextarea: () => DashboardTextarea,
-  DashboardTimePicker: () => DashboardTimePicker,
   DataTable: () => DataTable,
+  DateRangePicker: () => DateRangePicker,
   DateTableFilter: () => DateTableFilter,
+  Datepicker: () => Datepicker,
   DebouncedSearchInput: () => DebouncedSearchInput,
   DefaultSelectTrigger: () => DefaultSelectTrigger,
   Dialog: () => Dialog,
@@ -162,6 +154,7 @@ __export(index_exports, {
   ExpandableContent: () => ExpandableContent,
   ExternalLink: () => ExternalLink,
   FieldErrorMessage: () => FieldErrorMessage,
+  FileInput: () => FileInput,
   FileInputButton: () => FileInputButton,
   FormBox: () => FormBox,
   FormBoxContent: () => Content5,
@@ -177,7 +170,9 @@ __export(index_exports, {
   IconsDropdown: () => IconsDropdown,
   Image: () => Image2,
   ImageFullScreenView: () => ImageFullScreenView,
+  InfiniteScrollSelect: () => InfiniteScrollSelect,
   InfoBox: () => InfoBox,
+  Input: () => Input,
   InputOTP: () => InputOTP,
   InputOTPGroup: () => InputOTPGroup,
   InputOTPSeparator: () => InputOTPSeparator,
@@ -207,6 +202,7 @@ __export(index_exports, {
   Modal: () => Modal,
   ModalButton: () => ModalButton,
   ModalLoader: () => ModalLoader,
+  MultiSelect: () => MultiSelect,
   NumberedList: () => NumberedList,
   OverlayLoader: () => OverlayLoader,
   Pagination: () => Pagination,
@@ -236,6 +232,8 @@ __export(index_exports, {
   SectionGroup: () => SectionGroup,
   SectionTag: () => SectionTag,
   SectionTagColors: () => SectionTagColors,
+  Select: () => Select,
+  SelectIconsBox: () => SelectIconsBox,
   Separator: () => Separator3,
   Sheet: () => Sheet,
   SheetClose: () => SheetClose,
@@ -300,7 +298,9 @@ __export(index_exports, {
   TabsContent: () => TabsContent,
   TabsList: () => TabsList,
   TabsTrigger: () => TabsTrigger,
+  Textarea: () => Textarea,
   ThreeDotsLoader: () => ThreeDotsLoader,
+  TimePicker: () => TimePicker,
   Timeline: () => Timeline,
   TimelineConnector: () => TimelineConnector,
   TimelineContent: () => TimelineContent,
@@ -12429,7 +12429,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,
@@ -12471,10 +12472,15 @@ var DashboardInput = React43.forwardRef(
     const inputId = id ?? name ?? generatedId;
     const errorId = `${inputId}-error`;
     const { t } = (0, import_react_i18next26.useTranslation)();
-    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";
@@ -12492,12 +12498,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;
@@ -12565,7 +12574,7 @@ var DashboardInput = React43.forwardRef(
                     "input",
                     {
                       ...props,
-                      ref,
+                      ref: combinedInputRef,
                       id: inputId,
                       name,
                       type: inputType,
@@ -12679,7 +12688,7 @@ var DashboardInput = React43.forwardRef(
     );
   }
 );
-DashboardInput.displayName = "DashboardInput";
+Input.displayName = "Input";
 
 // src/dashboard/select/Select.tsx
 var React47 = __toESM(require("react"), 1);
@@ -13118,7 +13127,7 @@ function useSelectSearch({
 
 // src/dashboard/select/Select.tsx
 var import_jsx_runtime151 = require("react/jsx-runtime");
-function DashboardSelectInternal({
+function SelectInternal({
   options = [],
   value,
   onChange,
@@ -13348,8 +13357,8 @@ function DashboardSelectInternal({
     }
   );
 }
-var DashboardSelect = React47.forwardRef(
-  DashboardSelectInternal
+var Select = React47.forwardRef(
+  SelectInternal
 );
 
 // src/dashboard/multi-select/MultiSelect.tsx
@@ -13389,7 +13398,7 @@ function MultiSelectChip({
 // src/dashboard/multi-select/MultiSelect.tsx
 var import_jsx_runtime153 = require("react/jsx-runtime");
 var isValueSelected = (selected, option) => selected.some((item) => item.value === option.value);
-function DashboardMultiSelectInternal({
+function MultiSelectInternal({
   options = [],
   value,
   onChange,
@@ -13791,16 +13800,16 @@ function DashboardMultiSelectInternal({
     }
   );
 }
-var DashboardMultiSelect = React48.forwardRef(
-  DashboardMultiSelectInternal
+var MultiSelect = React48.forwardRef(
+  MultiSelectInternal
 );
 
 // src/dashboard/creatable-multi-select/CreatableMultiSelect.tsx
 var React49 = __toESM(require("react"), 1);
 var import_jsx_runtime154 = require("react/jsx-runtime");
-var DashboardCreatableMultiSelect = React49.forwardRef(
-  function DashboardCreatableMultiSelect2(props, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(DashboardMultiSelect, { ref, ...props, isCreatable: true });
+var CreatableMultiSelect = React49.forwardRef(
+  function CreatableMultiSelect2(props, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(MultiSelect, { ref, ...props, isCreatable: true });
   }
 );
 
@@ -13906,7 +13915,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,
@@ -14185,8 +14194,8 @@ function DashboardInfiniteScrollSelectInternal({
     }
   );
 }
-var DashboardInfiniteScrollSelect = React50.forwardRef(
-  DashboardInfiniteScrollSelectInternal
+var InfiniteScrollSelect = React50.forwardRef(
+  InfiniteScrollSelectInternal
 );
 
 // src/dashboard/textarea/Textarea.tsx
@@ -14200,8 +14209,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,
@@ -14998,8 +15007,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,
@@ -15977,7 +15986,7 @@ function DateRangePopover({
 
 // src/dashboard/date-range-picker/DateRangePicker.tsx
 var import_jsx_runtime164 = require("react/jsx-runtime");
-var DashboardDateRangePicker = React57.forwardRef(function DashboardDateRangePicker2({
+var DateRangePicker = React57.forwardRef(function DateRangePicker2({
   label,
   value: externalValue,
   defaultValue,
@@ -16414,14 +16423,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__ */ (0, import_jsx_runtime165.jsx)(DashboardSelect, { ref, ...selectProps, options: resolvedOptions });
+    return /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(Select, { ref, ...selectProps, options: resolvedOptions });
   }
 );
 
@@ -16433,8 +16442,8 @@ var import_jsx_runtime166 = require("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,
@@ -16603,7 +16612,7 @@ var DashboardFileInput = React60.forwardRef(
 // src/dashboard/select-icons-box/SelectIconsBox.tsx
 var React61 = __toESM(require("react"), 1);
 var import_jsx_runtime167 = require("react/jsx-runtime");
-function DashboardSelectIconsBox({
+function SelectIconsBox({
   children,
   icons,
   renderIcon,
@@ -19116,22 +19125,14 @@ AirbnbSearchInput.displayName = "AirbnbSearchInput";
   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,
@@ -19184,6 +19185,7 @@ AirbnbSearchInput.displayName = "AirbnbSearchInput";
   ExpandableContent,
   ExternalLink,
   FieldErrorMessage,
+  FileInput,
   FileInputButton,
   FormBox,
   FormBoxContent,
@@ -19199,7 +19201,9 @@ AirbnbSearchInput.displayName = "AirbnbSearchInput";
   IconsDropdown,
   Image,
   ImageFullScreenView,
+  InfiniteScrollSelect,
   InfoBox,
+  Input,
   InputOTP,
   InputOTPGroup,
   InputOTPSeparator,
@@ -19229,6 +19233,7 @@ AirbnbSearchInput.displayName = "AirbnbSearchInput";
   Modal,
   ModalButton,
   ModalLoader,
+  MultiSelect,
   NumberedList,
   OverlayLoader,
   Pagination,
@@ -19258,6 +19263,8 @@ AirbnbSearchInput.displayName = "AirbnbSearchInput";
   SectionGroup,
   SectionTag,
   SectionTagColors,
+  Select,
+  SelectIconsBox,
   Separator,
   Sheet,
   SheetClose,
@@ -19322,7 +19329,9 @@ AirbnbSearchInput.displayName = "AirbnbSearchInput";
   TabsContent,
   TabsList,
   TabsTrigger,
+  Textarea,
   ThreeDotsLoader,
+  TimePicker,
   Timeline,
   TimelineConnector,
   TimelineContent,