@segmentify/ui 0.0.49 → 0.0.50

package/dist/components/molecules/campaign-title.d.ts

@@ -1,9 +1,9 @@
+import React from 'react';
 interface CampaignTitleProps {
-    label: string;
-    editLabel: string;
-    status: string;
-    statusMap: Record<string, string>;
-    campaignId: string;
+    label: React.ReactNode;
+    isEdit?: boolean;
+    campaignId?: string;
+    children?: React.ReactNode;
 }
-declare const CampaignTitle: ({ label, editLabel, status, statusMap, campaignId }: CampaignTitleProps) => import("react/jsx-runtime").JSX.Element;
+declare const CampaignTitle: ({ label, campaignId, isEdit, children }: CampaignTitleProps) => import("react/jsx-runtime").JSX.Element;
 export { CampaignTitle };

package/dist/components/molecules/input-field.d.ts

@@ -1,16 +1,12 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { labelVariants } from '../../lib/design-variants';
-export interface InputFieldProps {
+export interface InputFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'label'> {
     name: string;
-    value: string;
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    placeholder: string;
+    value?: string | number | readonly string[];
     label?: string;
     labelVariant?: VariantProps<typeof labelVariants>['variant'];
-    type?: React.HTMLInputTypeAttribute;
     description?: string;
-    className?: string;
     isReadOnly?: boolean;
     inputClassName?: string;
     hasRequiredIndicator?: boolean;

package/dist/components/molecules/switch-field.d.ts

@@ -1,6 +1,6 @@
 import { Switch } from '../../components/atoms/switch';
 interface Props extends React.ComponentProps<typeof Switch> {
-    label: string;
+    label?: string;
     name: string;
 }
 export declare const SwitchField: ({ label, name, ...props }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/form-input.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { type Control, type FieldValues, type Path } from 'react-hook-form';
 import type { ClassValue } from 'clsx';
-type Props<TFieldValues extends FieldValues = FieldValues> = {
+type Props<TFieldValues extends FieldValues = FieldValues> = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'defaultValue'> & {
     name: Path<TFieldValues>;
     label: string;
     placeholder?: string;
@@ -11,5 +12,5 @@ type Props<TFieldValues extends FieldValues = FieldValues> = {
     tooltipContent?: string;
     hasRequiredIndicator?: boolean;
 };
-export declare const FormInput: <TFieldValues extends FieldValues>({ label, containerClassName, inputClassName, name, description, placeholder, tooltipContent, hasRequiredIndicator, control, ...props }: Props<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormInput: <TFieldValues extends FieldValues>({ label, containerClassName, inputClassName, name, description, placeholder, tooltipContent, hasRequiredIndicator, control, type, ...props }: Props<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/organisms/form-select.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { ClassValue } from 'clsx';
+import { type Control, type FieldValues, type Path } from 'react-hook-form';
+import { SelectField } from '../../components/molecules/select-field';
+import type { SelectItemProps } from '../../lib/types';
+type SelectFieldRest = Omit<React.ComponentProps<typeof SelectField>, 'value' | 'onChange' | 'hasFormControlWrapper' | 'label' | 'labelClassName'>;
+type FormSelectProps<TFieldValues extends FieldValues = FieldValues> = {
+    name: Path<TFieldValues>;
+    label: string;
+    options: SelectItemProps[];
+    placeholder: string;
+    control?: Control<TFieldValues>;
+    description?: string;
+    tooltipContent?: string;
+    hasRequiredIndicator?: boolean;
+    containerClassName?: ClassValue;
+} & SelectFieldRest;
+export declare const FormSelect: <TFieldValues extends FieldValues = FieldValues>({ name, label, options, placeholder, description, tooltipContent, hasRequiredIndicator, containerClassName, control, ...selectFieldProps }: FormSelectProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/organisms/form-switch.d.ts

@@ -1,7 +1,7 @@
 import { type Control, type FieldValues, type Path } from 'react-hook-form';
 type Props<TFieldValues extends FieldValues = FieldValues> = {
     name: Path<TFieldValues>;
-    label: string;
+    label?: string;
     control?: Control<TFieldValues>;
     description?: string;
 };

package/dist/components/organisms/form-time-picker.d.ts

@@ -0,0 +1,22 @@
+/**
+ * TimePicker component for selecting time values in forms.
+ *
+ * @component
+ * @param {Object} props - The component props.
+ * @param {string} props.name - The name of the input field for form registration.
+ * @param {string} [props.label] - The label message ID for internationalization.
+ * @param {string} [props.description] - The description message ID for internationalization.
+ * @param {string} [props.containerClassName] - Additional CSS classes for the container.
+ * @param {number} [props.step=60] - The step interval in seconds for the time input.
+ * @returns {JSX.Element} The rendered TimePicker component.
+ */
+type FormTimePickerProps = {
+    name: string;
+    label?: string;
+    description?: string;
+    containerClassName?: string;
+    showErrorPlaceholder?: boolean;
+    step?: number;
+};
+export declare const FormTimePicker: ({ name, label, description, containerClassName, showErrorPlaceholder, step, }: FormTimePickerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/index.d.ts

@@ -32,6 +32,8 @@ export { FieldDescription } from './components/atoms/field-description';
 export { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from './components/atoms/form';
 export { FormCheckbox } from './components/organisms/form-checkbox';
 export { FormCombobox } from './components/organisms/form-combobox';
+export { FormSelect } from './components/organisms/form-select';
+export { FormTimePicker } from './components/organisms/form-time-picker';
 export { FormDatePicker } from './components/organisms/form-date-picker';
 export { FormFileUpload } from './components/organisms/form-file-upload';
 export { FormInput } from './components/organisms/form-input';