bianic-ui 2.7.0 → 2.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/README.md +49 -49
  2. package/dist/cjs/index.js +457 -104
  3. package/dist/cjs/lib.css +1 -1
  4. package/dist/cjs/types/components/Forms/DatePicker/DateInputDisplay.d.ts +2 -2
  5. package/dist/cjs/types/components/Forms/DatePicker/DatePicker.d.ts +4 -3
  6. package/dist/cjs/types/components/Forms/DatePicker/PickerCalendar/components/DateDisplay.d.ts +1 -1
  7. package/dist/cjs/types/components/Forms/DatePicker/PickerCalendar/components/MonthDisplay.d.ts +1 -1
  8. package/dist/cjs/types/components/Forms/DatePicker/PickerCalendar/components/PickerContent.d.ts +15 -0
  9. package/dist/cjs/types/components/Forms/DatePicker/PickerCalendar/components/PickerHeader.d.ts +18 -0
  10. package/dist/cjs/types/components/Forms/DatePicker/PickerCalendar/components/RangePicker.d.ts +11 -0
  11. package/dist/cjs/types/components/Forms/DatePicker/PickerCalendar/components/SinglePicker.d.ts +9 -0
  12. package/dist/cjs/types/components/Forms/DatePicker/PickerCalendar/components/index.d.ts +4 -0
  13. package/dist/cjs/types/components/Forms/DatePicker/PickerCalendar/helpers/dateUtils.d.ts +10 -1
  14. package/dist/cjs/types/components/Forms/DatePicker/PickerCalendar/hooks/useCalendarLogic.d.ts +1 -0
  15. package/dist/cjs/types/components/Forms/DatePicker/PickerCalendar/types/types.d.ts +3 -2
  16. package/dist/cjs/types/components/Forms/DatePicker/RangeDatePickerSimulation.d.ts +3 -0
  17. package/dist/cjs/types/components/Modal/ModalNonCloseable.d.ts +2 -0
  18. package/dist/cjs/types/stories/Form/DatePicker/RangeDatepickerSimulation.stories.d.ts +13 -0
  19. package/dist/cjs/types/stories/Modal/ModalNonCloseable.stories.d.ts +13 -0
  20. package/dist/esm/index.js +457 -104
  21. package/dist/esm/lib.css +1 -1
  22. package/dist/esm/types/components/Forms/DatePicker/DateInputDisplay.d.ts +2 -2
  23. package/dist/esm/types/components/Forms/DatePicker/DatePicker.d.ts +4 -3
  24. package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/components/DateDisplay.d.ts +1 -1
  25. package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/components/MonthDisplay.d.ts +1 -1
  26. package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/components/PickerContent.d.ts +15 -0
  27. package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/components/PickerHeader.d.ts +18 -0
  28. package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/components/RangePicker.d.ts +11 -0
  29. package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/components/SinglePicker.d.ts +9 -0
  30. package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/components/index.d.ts +4 -0
  31. package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/helpers/dateUtils.d.ts +10 -1
  32. package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/hooks/useCalendarLogic.d.ts +1 -0
  33. package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/types/types.d.ts +3 -2
  34. package/dist/esm/types/components/Forms/DatePicker/RangeDatePickerSimulation.d.ts +3 -0
  35. package/dist/esm/types/components/Modal/ModalNonCloseable.d.ts +2 -0
  36. package/dist/esm/types/stories/Form/DatePicker/RangeDatepickerSimulation.stories.d.ts +13 -0
  37. package/dist/esm/types/stories/Modal/ModalNonCloseable.stories.d.ts +13 -0
  38. package/dist/index.d.ts +7 -5
  39. package/package.json +142 -141
  40. package/src/style/color.css +650 -650
  41. package/src/style/scrollbar.css +78 -78
  42. package/tailwind.config.js +574 -574
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
2
  import TextInputProps from '../TextInput/PropsInterface';
3
3
  interface DateInputDisplayProps extends Omit<TextInputProps, 'value'> {
4
- value: string | null;
4
+ value: string | string[] | null;
5
5
  className: string;
6
- setValue?: (date: string | null) => void;
6
+ setValue?: (date: string | string[] | null) => void;
7
7
  placeholder?: string;
8
8
  label?: string;
9
9
  isActive?: boolean;
@@ -1,7 +1,7 @@
1
1
  import React, { HTMLAttributes } from 'react';
2
2
  interface DatePickerProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> {
3
3
  descText?: string;
4
- onChange?: (date: string) => void;
4
+ onChange?: (date: string | string[] | null) => void;
5
5
  required?: boolean;
6
6
  value?: string;
7
7
  size: 'sm' | 'md';
@@ -11,9 +11,10 @@ interface DatePickerProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onChan
11
11
  minDate?: string;
12
12
  maxDate?: string;
13
13
  nullDisplay?: string;
14
- inputclassName?: string;
14
+ inputClassName?: string;
15
15
  containerClassName?: string;
16
16
  zIndexCalendar?: number;
17
+ variant?: 'single' | 'range';
17
18
  }
18
- declare function DatePicker({ zIndexCalendar, value, onChange, size, disabled, placeholder, label, minDate, maxDate, required, nullDisplay, inputclassName, containerClassName, }: DatePickerProps): React.JSX.Element;
19
+ declare function DatePicker({ zIndexCalendar, value, onChange, variant, size, disabled, placeholder, label, minDate, maxDate, required, nullDisplay, inputClassName, containerClassName, }: DatePickerProps): React.JSX.Element;
19
20
  export default DatePicker;
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  interface DateDisplayProps {
3
3
  displayDays: Date[];
4
4
  viewMonthValue: number;
5
- selectedDate: string | null;
5
+ selectedDate: string | string[] | null;
6
6
  onDateSelect: (date: Date) => void;
7
7
  minDateValue: Date | null;
8
8
  maxDateValue: Date | null;
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  interface MonthDisplayProps {
3
3
  viewYearValue: number;
4
- selectedDate: string | null;
4
+ selectedDate: string | null | string[];
5
5
  viewMonthValue: number;
6
6
  minDateValue: Date | null;
7
7
  maxDateValue: Date | null;
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ interface PickerContentProps {
3
+ selectedDate: string | string[] | null;
4
+ onDateSelect: (date: Date) => void;
5
+ initialViewMonth?: number;
6
+ initialViewYear?: number;
7
+ minDate: string | undefined;
8
+ maxDate: string | undefined;
9
+ onPrevMonth?: () => void;
10
+ onNextMonth?: () => void;
11
+ onMonthSelect?: (month: number) => void;
12
+ onYearSelect?: (year: number) => void;
13
+ }
14
+ declare const PickerContent: React.FC<PickerContentProps>;
15
+ export default PickerContent;
@@ -0,0 +1,18 @@
1
+ import React from 'react';
2
+ interface PickerHeaderProps {
3
+ pickerMode: 'date' | 'month' | 'year';
4
+ viewMonthValue: number;
5
+ viewYearValue: number;
6
+ yearDisplayRange: number[];
7
+ isPrevDisabled: () => boolean;
8
+ isNextDisabled: () => boolean;
9
+ handlePrevMonth: () => void;
10
+ handlePrevYear: () => void;
11
+ handlePrevDecade: () => void;
12
+ handleNextMonth: () => void;
13
+ handleNextYear: () => void;
14
+ handleNextDecade: () => void;
15
+ handlePickerMode: (mode: 'date' | 'month' | 'year') => void;
16
+ }
17
+ declare const PickerHeader: React.FC<PickerHeaderProps>;
18
+ export default PickerHeader;
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ interface RangePickerProps {
3
+ selectedDate: string[] | null;
4
+ onDateChange: (date: string[] | null) => void;
5
+ onClose: () => void;
6
+ minDate: string | undefined;
7
+ maxDate: string | undefined;
8
+ isPickerOpen: boolean;
9
+ }
10
+ declare const RangePicker: React.FC<RangePickerProps>;
11
+ export default RangePicker;
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ interface SinglePickerProps {
3
+ selectedDate: string | null;
4
+ onDateChange: (date: string | null) => void;
5
+ minDate: string | undefined;
6
+ maxDate: string | undefined;
7
+ }
8
+ declare const SinglePicker: React.FC<SinglePickerProps>;
9
+ export default SinglePicker;
@@ -1,3 +1,7 @@
1
1
  export { DateDisplay } from './DateDisplay';
2
2
  export { MonthDisplay } from './MonthDisplay';
3
3
  export { YearDisplay } from './YearDisplay';
4
+ export { default as PickerHeader } from './PickerHeader';
5
+ export { default as PickerContent } from './PickerContent';
6
+ export { default as SinglePicker } from './SinglePicker';
7
+ export { default as RangePicker } from './RangePicker';
@@ -1,4 +1,13 @@
1
- export declare const checkDateEquals: (date1?: Date, date2?: Date) => boolean;
1
+ export declare const checkDateEquals: (date1?: Date | null, date2?: Date | null) => boolean;
2
2
  export declare const checkIsValidDate: (dateString: string) => boolean;
3
3
  export declare const dateToInputString: (dateObj: Date) => string;
4
4
  export declare const getDecadeRange: (year: number) => number[];
5
+ /**
6
+ * Check if two months are adjacent (consecutive)
7
+ * @param leftMonth - Month number (0-11) of left panel
8
+ * @param leftYear - Year of left panel
9
+ * @param rightMonth - Month number (0-11) of right panel
10
+ * @param rightYear - Year of right panel
11
+ * @returns true if months are adjacent
12
+ */
13
+ export declare const areMonthsAdjacent: (leftMonth: number, leftYear: number, rightMonth: number, rightYear: number) => boolean;
@@ -24,4 +24,5 @@ export declare const useCalendarLogic: (selectedDate: string | null, minDate?: s
24
24
  yearDisplayRange: number[];
25
25
  isPrevDisabled: () => boolean;
26
26
  isNextDisabled: () => boolean;
27
+ getDisplayDays: (month: number, year: number) => Date[];
27
28
  };
@@ -6,7 +6,8 @@ export interface PickerCalendarProps extends ComponentPropsWithRef<'div'> {
6
6
  onClose?: () => void;
7
7
  minDate?: string;
8
8
  maxDate?: string;
9
- selectedDate?: string | null;
10
- onDateChange?: (dateString: string) => void;
9
+ selectedDate?: string | string[] | null;
10
+ onDateChange?: (dateString: string | string[] | null) => void;
11
+ pickerVariant?: 'single' | 'range';
11
12
  }
12
13
  export type PickerMode = 'date' | 'month' | 'year';
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const RangeSimulation: () => React.JSX.Element;
3
+ export default RangeSimulation;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export default function ModalNonCloseable(): React.JSX.Element;
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ import type { StoryObj } from '@storybook/react';
3
+ declare const meta: {
4
+ title: string;
5
+ component: () => import("react").JSX.Element;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ args: {};
10
+ };
11
+ export default meta;
12
+ type Story = StoryObj<typeof meta>;
13
+ export declare const RangeSimulationDemo: Story;
@@ -0,0 +1,13 @@
1
+ import type { StoryObj } from '@storybook/react';
2
+ import Modal from '../../components/Modal/ModalNonCloseable';
3
+ declare const meta: {
4
+ title: string;
5
+ component: typeof Modal;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ args: {};
10
+ };
11
+ export default meta;
12
+ type Story = StoryObj<typeof meta>;
13
+ export declare const NonCloseable: Story;