@segmentify/ui 0.0.27 → 0.0.29

package/README.md

@@ -56,14 +56,24 @@ import '@segmentify/ui/dist/ui.css';
 - `pnpm format`: Format the codebase using Prettier.
 - `pnpm release`: Publish the package using Changesets.
 
-### Creating Changesets
+## Releasing
 
-This project uses Changesets for versioning and releases. To create a new version:
+This project uses Changesets for versioning and releases.
 
-1. Run `pnpm changeset`.
-2. Select the packages to version and the type of change (patch, minor, major).
-3. Provide a brief description of the changes.
-4. Commit the generated changeset file.
+### Configuration
+
+To publish new releases, you must have an `.npmrc` file in the root of the project with a valid npm authToken:
+
+```text
+@segmentify:registry=https://registry.npmjs.org/
+//registry.npmjs.org/:_authToken=YOUR_NPM_AUTH_TOKEN
+```
+
+### Process
+
+1. **Create a Changeset**: Run `pnpm changeset` and follow the prompts to document your changes.
+2. **Version Packages**: Run `pnpm version-packages` to update versions and the changelog.
+3. **Publish**: Run `pnpm release` to publish the new version to npm.
 
 ## License
 

package/dist/components/atoms/content-wrapper.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import type { ClassValue } from 'clsx';
 type Props = {
-    title: string;
     children: React.ReactNode;
+    title?: string;
     className?: ClassValue;
     titleClassName?: string;
     header?: React.ReactNode;

package/dist/components/molecules/date-range-picker.d.ts

@@ -1,15 +1,15 @@
 import { type DateRange } from 'react-day-picker';
 import { type ClassValue } from 'clsx';
 type Props = {
-    start: Date;
-    end: Date;
+    start?: Date;
+    end?: Date;
     onConfirm: (range: DateRange) => void;
-    className?: ClassValue;
-    triggerButtonClassName?: ClassValue;
-    label: string;
+    label?: string;
     placeholder: string;
-    confirmLabel: string;
-    disabledCondition: (date: Date) => boolean;
+    triggerButtonClassName?: ClassValue;
+    className?: ClassValue;
+    confirmLabel?: string;
+    disabledCondition?: boolean | ((date: Date) => boolean);
 };
 export declare const DateRangePicker: ({ start, end, onConfirm, className, triggerButtonClassName, label, placeholder, confirmLabel, disabledCondition, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/organisms/date-preset/context.d.ts

@@ -0,0 +1,8 @@
+import { type DateRange } from './presets';
+export interface DatePresetContextValue {
+    range: DateRange;
+    preset: string | null;
+    setRange: (range: DateRange, preset?: string | null) => void;
+}
+export declare const DatePresetContext: import("react").Context<DatePresetContextValue | null>;
+export declare function useDatePreset(): DatePresetContextValue;

package/dist/components/organisms/date-preset/date-preset.d.ts

@@ -0,0 +1,9 @@
+import { type DatePresetItem } from './presets';
+export interface DatePresetProps {
+    presets?: Record<string, DatePresetItem>;
+    className?: string;
+    confirmLabel?: string;
+    placeholder?: string;
+    disabledCondition?: boolean | ((date: Date) => boolean);
+}
+export declare function DatePreset({ presets, className, confirmLabel, placeholder, disabledCondition, }: DatePresetProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/date-preset/index.d.ts

@@ -0,0 +1,8 @@
+export type { DateRange, DatePresetItem } from './presets';
+export type { DatePresetContextValue } from './context';
+export type { DatePresetProps } from './date-preset';
+export type { DatePresetProviderProps } from './root';
+export { DATE_PRESETS, DEFAULT_PRESET_KEY, findMatchingPreset } from './presets';
+export { useDatePreset } from './context';
+export { DatePreset } from './date-preset';
+export { DatePresetProvider } from './root';

package/dist/components/organisms/date-preset/presets.d.ts

@@ -0,0 +1,21 @@
+export interface DateRange {
+    from: Date;
+    to: Date;
+}
+export interface DateRangeOptional {
+    from?: Date;
+    to?: Date;
+}
+export interface DatePresetItem {
+    key: string;
+    label: string;
+    getRange: () => DateRange;
+}
+export declare const DATE_PRESETS: Record<string, DatePresetItem>;
+export declare const DEFAULT_PRESET_KEY = "LAST_7_DAYS";
+/**
+ * Finds a matching preset for a given date range.
+ * Compares dates by day (ignores time).
+ * @returns The matching preset key or null if no match found.
+ */
+export declare function findMatchingPreset(range: DateRange, presets?: Record<string, DatePresetItem>): string | null;

package/dist/components/organisms/date-preset/root.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+import { type DateRange } from './presets';
+export interface DatePresetProviderProps {
+    children: ReactNode;
+    initialRange?: DateRange;
+    initialPreset?: string | null;
+    onRangeChange?: (range: DateRange, preset: string | null) => void;
+}
+export declare function DatePresetProvider({ children, initialRange, initialPreset, onRangeChange, }: DatePresetProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -72,5 +72,9 @@ export { TextAreaField } from './components/molecules/textarea-field';
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from './components/atoms/tooltip';
 export { TooltipField } from './components/molecules/tooltip-field';
 export { QuillEditor } from './components/atoms/quill-editor';
+export { DATE_PRESETS, DEFAULT_PRESET_KEY } from './components/organisms/date-preset/presets';
+export { type DateRange, type DatePresetItem } from './components/organisms/date-preset/presets';
+export { type DatePresetProviderProps } from './components/organisms/date-preset/root';
+export { type DatePresetContextValue } from './components/organisms/date-preset/context';
 export { useDataTable, type UseDataTableOptions, type UseDataTableReturn, type FetcherParams, type FetcherResponse, } from './hooks/use-data-table';
 export { cn } from './lib/utils';

package/dist/mock.d.ts

@@ -0,0 +1,3 @@
+import { ColumnDef } from '@tanstack/react-table';
+import { Product } from './app';
+export declare const columns: ColumnDef<Product>[];