@npm-questionpro/wick-ui-lib 2.0.0-next.7 → 2.1.0-rc.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@npm-questionpro/wick-ui-lib",
   "private": false,
-  "version": "2.0.0-next.7",
+  "version": "2.1.0-rc.0",
   "description": "A React component library by QuestionPro for building web applications with ease",
   "keywords": [
     "react",
@@ -34,10 +34,8 @@
     "**/*.css"
   ],
   "files": [
-    "dist",
-    "llms.txt"
+    "dist"
   ],
-  "dependencies": {},
   "peerDependencies": {
     "@base-ui/react": "^1.0.0",
     "@npm-questionpro/wick-ui-icon": ">= 2.0.0",
@@ -64,9 +62,9 @@
     "cmdk": "^1.1.1",
     "date-fns": "^4.1.0",
     "motion": "^12.23.26",
-    "react": "^19.0.0",
+    "react": ">=18.0.0 <20.0.0",
     "react-day-picker": "^10.0.1",
-    "react-dom": "^19.0.0",
+    "react-dom": ">=18.0.0 <20.0.0",
     "react-virtuoso": "^4.16.1",
     "tailwind-merge": "^2.6.0"
   },
@@ -89,17 +87,9 @@
     "@radix-ui/react-toggle": "^1.1.10",
     "@radix-ui/react-toggle-group": "^1.1.11",
     "@radix-ui/react-tooltip": "^1.2.8",
-    "@tanstack/react-table": "^8.21.3",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "cmdk": "^1.1.1",
-    "date-fns": "^4.1.0",
-    "motion": "^12.23.26",
-    "react-day-picker": "^10.0.1",
-    "react-virtuoso": "^4.16.1",
-    "tailwind-merge": "^2.6.0",
     "@storybook/react-vite": "^10.4.0",
     "@tailwindcss/typography": "^0.5.19",
+    "@tanstack/react-table": "^8.21.3",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
@@ -112,16 +102,22 @@
     "@vitest/coverage-v8": "^4.1.8",
     "@vitest/ui": "^4.1.8",
     "autoprefixer": "^10.4.22",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
     "cssnano": "^7.1.2",
+    "culori": "^4.0.2",
+    "date-fns": "^4.1.0",
     "eslint": "^10.4.1",
     "jsdom": "^26.1.0",
+    "motion": "^12.23.26",
     "postcss": "^8.5.6",
-    "prettier": "^3.8.3",
-    "prettier-plugin-tailwindcss": "^0.6.14",
     "react": "^19.0.0",
+    "react-day-picker": "^10.0.1",
     "react-dom": "^19.0.0",
+    "react-virtuoso": "^4.16.1",
     "sass-embedded": "^1.93.3",
-    "stylelint": "^16.3.1",
+    "tailwind-merge": "^2.6.0",
     "tailwindcss": "^3.4.18",
     "tailwindcss-animate": "^1.0.7",
     "typescript": "^6.0.3",
@@ -130,26 +126,14 @@
     "vite-bundle-analyzer": "^0.22.3",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.1.8",
-    "@npm-questionpro/wick-ui-icon": "2.0.0-next.7",
-    "@npm-questionpro/wick-ui-prettier-config": "1.0.0",
-    "@wick-ui/tsconfig": "1.0.0",
-    "@npm-questionpro/wick-ui-stylelint-config": "1.0.0",
-    "@npm-questionpro/wick-ui-eslint-config": "1.0.0"
-  },
-  "lint-staged": {
-    "src/**/*.{ts,tsx,js,jsx,json,css,md}": [
-      "prettier -w",
-      "eslint --fix"
-    ]
+    "@npm-questionpro/wick-ui-eslint-config": "1.0.0",
+    "@npm-questionpro/wick-ui-icon": "2.1.0-rc.0",
+    "@wick-ui/tsconfig": "1.0.0"
   },
-  "prettier": "@npm-questionpro/wick-ui-prettier-config",
   "scripts": {
     "build": "tsc --noEmit && vite build && tsc -p tsconfig.types.json",
-    "lint": "eslint ./src --fix && stylelint 'src/**/*.css' --fix",
-    "lint:css": "stylelint 'src/**/*.css' --fix",
-    "lint:ci": "tsc --noEmit && eslint --max-warnings 0 ./src && stylelint 'src/**/*.css'",
-    "format": "prettier --write .",
-    "format:ci": "prettier --check .",
+    "lint": "eslint ./src --fix",
+    "lint:ci": "tsc --noEmit && eslint --max-warnings 0 ./src",
     "preview": "vite preview",
     "test": "TZ=UTC vitest run",
     "test:watch": "TZ=UTC vitest",

package/dist/components/calendar/WuCalender.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { DayPicker } from 'react-day-picker';
-export declare const WuCalender: React.FC<React.ComponentProps<typeof DayPicker>>;

package/dist/components/calendar/components/datePicker/WuDatePicker.d.ts

@@ -1,24 +0,0 @@
-import { PopoverContentProps } from '@radix-ui/react-popover';
-import React from 'react';
-export type IWuDatePickerProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'onChange'> & {
-    value?: Date | string;
-    onChange?: (date?: Date) => void;
-    onReset?: () => void;
-    disabled?: boolean;
-    minDate?: Date;
-    maxDate?: Date;
-    formatString?: string;
-    placeholder?: string;
-    variant?: 'primary' | 'outlined';
-    className?: string;
-    dir?: 'ltr' | 'rtl';
-    Label?: React.ReactNode;
-    labelPosition?: 'top' | 'left';
-    showResetButton?: boolean;
-    CustomTrigger?: (value?: string) => React.ReactElement;
-    align?: PopoverContentProps['align'];
-    alignOffset?: PopoverContentProps['alignOffset'];
-    side?: PopoverContentProps['side'];
-    sideOffset?: PopoverContentProps['sideOffset'];
-};
-export declare const WuDatePicker: React.FC<IWuDatePickerProps>;

package/dist/components/calendar/components/dateRangePicker/WuDateRangePicker.d.ts

@@ -1,31 +0,0 @@
-import { PopoverContentProps } from '@radix-ui/react-popover';
-import React from 'react';
-import { DateRange } from 'react-day-picker';
-export type IWuDateRangePickerProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'onChange'> & {
-    value?: DateRange;
-    onChange?: (date: DateRange | undefined) => void;
-    onReset?: () => void;
-    disabled?: boolean;
-    minDate?: Date;
-    maxDate?: Date;
-    minDateToSelect?: number;
-    maxDateToSelect?: number;
-    formatString?: string;
-    placeholder?: string;
-    dir?: 'ltr' | 'rtl';
-    Label?: React.ReactNode;
-    labelPosition?: 'top' | 'left';
-    showResetButton?: boolean;
-    variant?: 'primary' | 'outlined';
-    native?: boolean;
-    presetRanges?: {
-        label: string;
-        value: number;
-    }[];
-    CustomTrigger?: (value?: string) => React.ReactElement;
-    align?: PopoverContentProps['align'];
-    alignOffset?: PopoverContentProps['alignOffset'];
-    side?: PopoverContentProps['side'];
-    sideOffset?: PopoverContentProps['sideOffset'];
-};
-export declare const WuDateRangePicker: React.FC<IWuDateRangePickerProps>;

package/dist/components/calendar/shadcn/calendar.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { DayPicker } from 'react-day-picker';
-declare function Calendar({ className, classNames, dir, ...props }: React.ComponentProps<typeof DayPicker>): React.JSX.Element;
-declare namespace Calendar {
-    var displayName: string;
-}
-export { Calendar };

package/dist/components/calendar/ui/_footer.d.ts

@@ -1,8 +0,0 @@
-interface IWuDatePickerFooterProps {
-    handleDateChange: () => void;
-    onReset?: () => void;
-    disabled?: boolean;
-    showResetButton?: boolean;
-}
-export declare const WuDatePickerFooter: React.FC<IWuDatePickerFooterProps>;
-export {};

package/dist/components/calendar/ui/_nativeSidebar.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { DateRange } from 'react-day-picker';
-export interface IWuDateRangeNativeSidebarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
-    ranges?: {
-        label: string;
-        value: number;
-    }[];
-    excludeToday?: boolean;
-    current?: DateRange;
-    onSelect?: (date: DateRange) => void;
-    onReset?: () => void;
-    onApply?: () => void;
-    showResetButton?: boolean;
-    maxDate?: Date;
-    minDate?: Date;
-}
-export declare function WuDateRangeNativeSidebar({ ranges, excludeToday, current, onSelect, onReset, onApply, showResetButton, maxDate, minDate, ...props }: IWuDateRangeNativeSidebarProps): React.JSX.Element;

package/dist/components/calendar/ui/_sidebar.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { DateRange } from 'react-day-picker';
-interface IWuDateRangePickerSidebarProps {
-    current?: DateRange;
-    onSelect: (date: DateRange) => void;
-    presetRanges?: {
-        label: string;
-        value: number;
-    }[];
-}
-export declare const WuDateRangeSidebar: React.FC<IWuDateRangePickerSidebarProps>;
-export {};

package/dist/components/calendar/ui/_trigger.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export type IWuDatePickerTriggerProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    formattedString?: string;
-    dir?: 'ltr' | 'rtl';
-    placeholder?: string;
-    variant?: 'primary' | 'outlined';
-    CustomTrigger?: (value?: string) => React.ReactElement;
-};
-export declare const WuDatePickerTrigger: React.FC<IWuDatePickerTriggerProps>;

package/dist/components/calendar/utils/index.d.ts

@@ -1,7 +0,0 @@
-export declare const disabledDate: (e: Date, disabled?: boolean, minDate?: Date, maxDate?: Date) => boolean;
-export declare const parsedDate: (value?: Date | string) => Date;
-export declare const INPUT_PATTERN = "(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01])-\\d{4}";
-export declare const DEFAULT_RANGES: {
-    label: string;
-    value: number;
-}[];

package/llms.txt

@@ -1,17 +0,0 @@
-# @npm-questionpro/wick-ui-lib
-
-> A React component library by QuestionPro for building web applications with ease
-
-Version: 2.0.0-next.7
-
-## Install
-```
-pnpm add @npm-questionpro/wick-ui-lib
-# Peer dependencies:
-pnpm add react react-dom @base-ui/react @npm-questionpro/wick-ui-icon @radix-ui/react-accordion @radix-ui/react-avatar @radix-ui/react-checkbox @radix-ui/react-dialog @radix-ui/react-dropdown-menu @radix-ui/react-label @radix-ui/react-popover @radix-ui/react-radio-group @radix-ui/react-scroll-area @radix-ui/react-separator @radix-ui/react-slot @radix-ui/react-switch @radix-ui/react-tabs @radix-ui/react-toast @radix-ui/react-toggle @radix-ui/react-toggle-group @radix-ui/react-tooltip @tanstack/react-table class-variance-authority clsx cmdk date-fns motion react-day-picker react-virtuoso tailwind-merge
-```
-
-## Links
-- npm: https://npmjs.com/package/@npm-questionpro/wick-ui-lib
-- llms.txt (unpkg): https://unpkg.com/@npm-questionpro/wick-ui-lib/llms.txt
-- llms.txt (jsDelivr): https://cdn.jsdelivr.net/npm/@npm-questionpro/wick-ui-lib/llms.txt