bianic-ui 2.7.0 → 2.8.0

package/dist/esm/types/components/Forms/DatePicker/DateInputDisplay.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import TextInputProps from '../TextInput/PropsInterface';
 interface DateInputDisplayProps extends Omit<TextInputProps, 'value'> {
-    value: string | null;
+    value: string | string[] | null;
     className: string;
-    setValue?: (date: string | null) => void;
+    setValue?: (date: string | string[] | null) => void;
     placeholder?: string;
     label?: string;
     isActive?: boolean;

package/dist/esm/types/components/Forms/DatePicker/DatePicker.d.ts

@@ -1,7 +1,7 @@
 import React, { HTMLAttributes } from 'react';
 interface DatePickerProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> {
     descText?: string;
-    onChange?: (date: string) => void;
+    onChange?: (date: string | string[] | null) => void;
     required?: boolean;
     value?: string;
     size: 'sm' | 'md';
@@ -11,9 +11,10 @@ interface DatePickerProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onChan
     minDate?: string;
     maxDate?: string;
     nullDisplay?: string;
-    inputclassName?: string;
+    inputClassName?: string;
     containerClassName?: string;
     zIndexCalendar?: number;
+    variant?: 'single' | 'range';
 }
-declare function DatePicker({ zIndexCalendar, value, onChange, size, disabled, placeholder, label, minDate, maxDate, required, nullDisplay, inputclassName, containerClassName, }: DatePickerProps): React.JSX.Element;
+declare function DatePicker({ zIndexCalendar, value, onChange, variant, size, disabled, placeholder, label, minDate, maxDate, required, nullDisplay, inputClassName, containerClassName, }: DatePickerProps): React.JSX.Element;
 export default DatePicker;

package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/components/DateDisplay.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 interface DateDisplayProps {
     displayDays: Date[];
     viewMonthValue: number;
-    selectedDate: string | null;
+    selectedDate: string | string[] | null;
     onDateSelect: (date: Date) => void;
     minDateValue: Date | null;
     maxDateValue: Date | null;

package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/components/MonthDisplay.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 interface MonthDisplayProps {
     viewYearValue: number;
-    selectedDate: string | null;
+    selectedDate: string | null | string[];
     viewMonthValue: number;
     minDateValue: Date | null;
     maxDateValue: Date | null;

package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/components/PickerContent.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface PickerContentProps {
+    selectedDate: string | string[] | null;
+    onDateSelect: (date: Date) => void;
+    initialViewMonth?: number;
+    initialViewYear?: number;
+    minDate: string | undefined;
+    maxDate: string | undefined;
+    onPrevMonth?: () => void;
+    onNextMonth?: () => void;
+    onMonthSelect?: (month: number) => void;
+    onYearSelect?: (year: number) => void;
+}
+declare const PickerContent: React.FC<PickerContentProps>;
+export default PickerContent;

package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/components/PickerHeader.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+interface PickerHeaderProps {
+    pickerMode: 'date' | 'month' | 'year';
+    viewMonthValue: number;
+    viewYearValue: number;
+    yearDisplayRange: number[];
+    isPrevDisabled: () => boolean;
+    isNextDisabled: () => boolean;
+    handlePrevMonth: () => void;
+    handlePrevYear: () => void;
+    handlePrevDecade: () => void;
+    handleNextMonth: () => void;
+    handleNextYear: () => void;
+    handleNextDecade: () => void;
+    handlePickerMode: (mode: 'date' | 'month' | 'year') => void;
+}
+declare const PickerHeader: React.FC<PickerHeaderProps>;
+export default PickerHeader;

package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/components/RangePicker.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface RangePickerProps {
+    selectedDate: string[] | null;
+    onDateChange: (date: string[] | null) => void;
+    onClose: () => void;
+    minDate: string | undefined;
+    maxDate: string | undefined;
+    isPickerOpen: boolean;
+}
+declare const RangePicker: React.FC<RangePickerProps>;
+export default RangePicker;

package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/components/SinglePicker.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface SinglePickerProps {
+    selectedDate: string | null;
+    onDateChange: (date: string | null) => void;
+    minDate: string | undefined;
+    maxDate: string | undefined;
+}
+declare const SinglePicker: React.FC<SinglePickerProps>;
+export default SinglePicker;

package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/components/index.d.ts

@@ -1,3 +1,7 @@
 export { DateDisplay } from './DateDisplay';
 export { MonthDisplay } from './MonthDisplay';
 export { YearDisplay } from './YearDisplay';
+export { default as PickerHeader } from './PickerHeader';
+export { default as PickerContent } from './PickerContent';
+export { default as SinglePicker } from './SinglePicker';
+export { default as RangePicker } from './RangePicker';

package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/helpers/dateUtils.d.ts

@@ -1,4 +1,13 @@
-export declare const checkDateEquals: (date1?: Date, date2?: Date) => boolean;
+export declare const checkDateEquals: (date1?: Date | null, date2?: Date | null) => boolean;
 export declare const checkIsValidDate: (dateString: string) => boolean;
 export declare const dateToInputString: (dateObj: Date) => string;
 export declare const getDecadeRange: (year: number) => number[];
+/**
+ * Check if two months are adjacent (consecutive)
+ * @param leftMonth - Month number (0-11) of left panel
+ * @param leftYear - Year of left panel
+ * @param rightMonth - Month number (0-11) of right panel
+ * @param rightYear - Year of right panel
+ * @returns true if months are adjacent
+ */
+export declare const areMonthsAdjacent: (leftMonth: number, leftYear: number, rightMonth: number, rightYear: number) => boolean;

package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/hooks/useCalendarLogic.d.ts

@@ -24,4 +24,5 @@ export declare const useCalendarLogic: (selectedDate: string | null, minDate?: s
     yearDisplayRange: number[];
     isPrevDisabled: () => boolean;
     isNextDisabled: () => boolean;
+    getDisplayDays: (month: number, year: number) => Date[];
 };

package/dist/esm/types/components/Forms/DatePicker/PickerCalendar/types/types.d.ts

@@ -6,7 +6,8 @@ export interface PickerCalendarProps extends ComponentPropsWithRef<'div'> {
     onClose?: () => void;
     minDate?: string;
     maxDate?: string;
-    selectedDate?: string | null;
-    onDateChange?: (dateString: string) => void;
+    selectedDate?: string | string[] | null;
+    onDateChange?: (dateString: string | string[] | null) => void;
+    pickerVariant?: 'single' | 'range';
 }
 export type PickerMode = 'date' | 'month' | 'year';

package/dist/esm/types/components/Forms/DatePicker/RangeDatePickerSimulation.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const RangeSimulation: () => React.JSX.Element;
+export default RangeSimulation;

package/dist/esm/types/components/Modal/ModalNonCloseable.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function ModalNonCloseable(): React.JSX.Element;

package/dist/esm/types/stories/Form/DatePicker/RangeDatepickerSimulation.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: () => import("react").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const RangeSimulationDemo: Story;

package/dist/esm/types/stories/Modal/ModalNonCloseable.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from '@storybook/react';
+import Modal from '../../components/Modal/ModalNonCloseable';
+declare const meta: {
+    title: string;
+    component: typeof Modal;
+    parameters: {
+        layout: string;
+    };
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const NonCloseable: Story;

package/dist/index.d.ts

@@ -487,7 +487,7 @@ declare namespace DropdownItem {
 
 interface DatePickerProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> {
     descText?: string;
-    onChange?: (date: string) => void;
+    onChange?: (date: string | string[] | null) => void;
     required?: boolean;
     value?: string;
     size: 'sm' | 'md';
@@ -497,11 +497,12 @@ interface DatePickerProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onChan
     minDate?: string;
     maxDate?: string;
     nullDisplay?: string;
-    inputclassName?: string;
+    inputClassName?: string;
     containerClassName?: string;
     zIndexCalendar?: number;
+    variant?: 'single' | 'range';
 }
-declare function DatePicker({ zIndexCalendar, value, onChange, size, disabled, placeholder, label, minDate, maxDate, required, nullDisplay, inputclassName, containerClassName, }: DatePickerProps): React$1.JSX.Element;
+declare function DatePicker({ zIndexCalendar, value, onChange, variant, size, disabled, placeholder, label, minDate, maxDate, required, nullDisplay, inputClassName, containerClassName, }: DatePickerProps): React$1.JSX.Element;
 
 interface PickerCalendarProps extends ComponentPropsWithRef<'div'> {
     zIndex?: number | 'auto' | 'inherit';
@@ -510,8 +511,9 @@ interface PickerCalendarProps extends ComponentPropsWithRef<'div'> {
     onClose?: () => void;
     minDate?: string;
     maxDate?: string;
-    selectedDate?: string | null;
-    onDateChange?: (dateString: string) => void;
+    selectedDate?: string | string[] | null;
+    onDateChange?: (dateString: string | string[] | null) => void;
+    pickerVariant?: 'single' | 'range';
 }
 
 declare const PickerCalendar: React$1.FC<PickerCalendarProps>;

package/package.json

@@ -1,141 +1,142 @@
-{
-  "name": "bianic-ui",
-  "publishConfig": {
-    "@biaenergi:registry": "https://gitlab.com/api/v4/projects/50905269/packages/npm/"
-  },
-  "version": "2.7.0",
-  "description": "Design Language System develop by BIAENERGI",
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:bia-energi/bianic-2.0.git"
-  },
-  "scripts": {
-    "rollup": "rollup -c",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "publish-storybook": "npx chromatic --project-token=chpt_2ced61576f9e1e6",
-    "lint": "npx eslint src/components",
-    "lint:fix": "npx eslint src/components --fix",
-    "prepare": "husky install",
-    "release": "standard-version",
-    "full-release": "npm run rollup && npm run release && git push --follow-tags origin development-temporary && npm publish",
-    "release:beta": "npm run rollup && npm run release -- --prerelease beta && git push --follow-tags origin development-temporary && npm publish --tag beta"
-  },
-  "standard-version": {
-    "types": [
-      {
-        "type": "feat",
-        "section": "✨ Features",
-        "hidden": false
-      },
-      {
-        "type": "fix",
-        "section": "🐛 Bug Fixes",
-        "hidden": false
-      },
-      {
-        "type": "perf",
-        "section": "🚀 Performance Improvements",
-        "hidden": false
-      },
-      {
-        "type": "style",
-        "section": "🎨 Styling Changes",
-        "hidden": false
-      },
-      {
-        "type": "docs",
-        "section": "📖 Documentation",
-        "hidden": false
-      },
-      {
-        "type": "chore",
-        "hidden": true
-      },
-      {
-        "type": "refactor",
-        "hidden": true
-      }
-    ]
-  },
-  "author": {
-    "name": "Biaenergi"
-  },
-  "license": "ISC",
-  "devDependencies": {
-    "@chromatic-com/storybook": "^1.5.0",
-    "@eslint/js": "^9.5.0",
-    "@rollup/plugin-commonjs": "^25.0.4",
-    "@rollup/plugin-node-resolve": "^15.2.1",
-    "@rollup/plugin-typescript": "^11.1.4",
-    "@rollup/plugin-url": "^8.0.2",
-    "@storybook/addon-essentials": "^8.1.11",
-    "@storybook/addon-interactions": "^8.1.6",
-    "@storybook/addon-links": "^8.1.6",
-    "@storybook/addon-onboarding": "^8.1.6",
-    "@storybook/addon-styling-webpack": "^1.0.0",
-    "@storybook/addon-webpack5-compiler-swc": "^1.0.3",
-    "@storybook/blocks": "^8.1.6",
-    "@storybook/react": "^8.1.11",
-    "@storybook/react-webpack5": "^8.1.6",
-    "@storybook/test": "^8.1.6",
-    "@types/react": "^18.2.24",
-    "@typescript-eslint/eslint-plugin": "^7.13.1",
-    "@typescript-eslint/parser": "^7.13.1",
-    "autoprefixer": "^10.4.19",
-    "chromatic": "^11.5.3",
-    "css-loader": "^7.1.2",
-    "eslint": "^8.57.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-typescript": "^18.0.0",
-    "eslint-config-node": "^4.1.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-import": "^2.25.3",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.34.3",
-    "eslint-plugin-react-hooks": "^4.3.0",
-    "globals": "^15.6.0",
-    "husky": "^9.0.11",
-    "postcss": "^8.4.31",
-    "postcss-loader": "^8.1.1",
-    "postcss-url": "^10.1.3",
-    "prettier": "^3.3.2",
-    "prettier-plugin-tailwindcss": "^0.5.6",
-    "react-dom": "^18.0.0 || ^19.0.0-beta",
-    "react-draggable": "^4.5.0",
-    "react-icons": "^5.2.1",
-    "rollup": "^3.29.4",
-    "rollup-plugin-copy": "^3.5.0",
-    "rollup-plugin-dts": "^6.0.2",
-    "rollup-plugin-image": "^1.0.2",
-    "rollup-plugin-postcss": "^4.0.2",
-    "sass": "^1.77.6",
-    "sass-loader": "^14.2.1",
-    "standard-version": "^9.5.0",
-    "storybook": "^8.1.6",
-    "style-loader": "^4.0.0",
-    "tailwindcss": "^3.4.4",
-    "tslib": "^2.6.2",
-    "typescript": "^5.2.2",
-    "typescript-eslint": "^7.13.1",
-    "url-loader": "^4.1.1",
-    "webpack": "^5.88.2"
-  },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "files": [
-    "dist",
-    "dist/*.css",
-    "src/style",
-    "src/font",
-    "tailwind.config.js"
-  ],
-  "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0-beta",
-    "react-dom": "^18.0.0 || ^19.0.0-beta",
-    "react-icons": "^5.2.1"
-  },
-  "types": "dist/index.d.ts"
-}
+{
+  "name": "bianic-ui",
+  "publishConfig": {
+    "@biaenergi:registry": "https://gitlab.com/api/v4/projects/50905269/packages/npm/"
+  },
+  "version": "2.8.0",
+  "description": "Design Language System develop by BIAENERGI",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:bia-energi/bianic-2.0.git"
+  },
+  "scripts": {
+    "rollup": "rollup -c",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "publish-storybook": "npx chromatic --project-token=chpt_2ced61576f9e1e6",
+    "lint": "npx eslint src/components",
+    "lint:fix": "npx eslint src/components --fix",
+    "prepare": "husky install",
+    "release": "standard-version",
+    "release:alpha": "node scripts/release.js alpha",
+    "release:beta": "node scripts/release.js beta",
+    "release:stable": "node scripts/release.js"
+  },
+  "standard-version": {
+    "types": [
+      {
+        "type": "feat",
+        "section": "✨ Features",
+        "hidden": false
+      },
+      {
+        "type": "fix",
+        "section": "🐛 Bug Fixes",
+        "hidden": false
+      },
+      {
+        "type": "perf",
+        "section": "🚀 Performance Improvements",
+        "hidden": false
+      },
+      {
+        "type": "style",
+        "section": "🎨 Styling Changes",
+        "hidden": false
+      },
+      {
+        "type": "docs",
+        "section": "📖 Documentation",
+        "hidden": false
+      },
+      {
+        "type": "chore",
+        "hidden": true
+      },
+      {
+        "type": "refactor",
+        "hidden": true
+      }
+    ]
+  },
+  "author": {
+    "name": "Biaenergi"
+  },
+  "license": "ISC",
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.5.0",
+    "@eslint/js": "^9.5.0",
+    "@rollup/plugin-commonjs": "^25.0.4",
+    "@rollup/plugin-node-resolve": "^15.2.1",
+    "@rollup/plugin-typescript": "^11.1.4",
+    "@rollup/plugin-url": "^8.0.2",
+    "@storybook/addon-essentials": "^8.1.11",
+    "@storybook/addon-interactions": "^8.1.6",
+    "@storybook/addon-links": "^8.1.6",
+    "@storybook/addon-onboarding": "^8.1.6",
+    "@storybook/addon-styling-webpack": "^1.0.0",
+    "@storybook/addon-webpack5-compiler-swc": "^1.0.3",
+    "@storybook/blocks": "^8.1.6",
+    "@storybook/react": "^8.1.11",
+    "@storybook/react-webpack5": "^8.1.6",
+    "@storybook/test": "^8.1.6",
+    "@types/react": "^18.2.24",
+    "@typescript-eslint/eslint-plugin": "^7.13.1",
+    "@typescript-eslint/parser": "^7.13.1",
+    "autoprefixer": "^10.4.19",
+    "chromatic": "^11.5.3",
+    "css-loader": "^7.1.2",
+    "eslint": "^8.57.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-airbnb-typescript": "^18.0.0",
+    "eslint-config-node": "^4.1.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.25.3",
+    "eslint-plugin-jsx-a11y": "^6.5.1",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.34.3",
+    "eslint-plugin-react-hooks": "^4.3.0",
+    "globals": "^15.6.0",
+    "husky": "^9.0.11",
+    "postcss": "^8.4.31",
+    "postcss-loader": "^8.1.1",
+    "postcss-url": "^10.1.3",
+    "prettier": "^3.3.2",
+    "prettier-plugin-tailwindcss": "^0.5.6",
+    "react-dom": "^18.0.0 || ^19.0.0-beta",
+    "react-draggable": "^4.5.0",
+    "react-icons": "^5.2.1",
+    "rollup": "^3.29.4",
+    "rollup-plugin-copy": "^3.5.0",
+    "rollup-plugin-dts": "^6.0.2",
+    "rollup-plugin-image": "^1.0.2",
+    "rollup-plugin-postcss": "^4.0.2",
+    "sass": "^1.77.6",
+    "sass-loader": "^14.2.1",
+    "standard-version": "^9.5.0",
+    "storybook": "^8.1.6",
+    "style-loader": "^4.0.0",
+    "tailwindcss": "^3.4.4",
+    "tslib": "^2.6.2",
+    "typescript": "^5.2.2",
+    "typescript-eslint": "^7.13.1",
+    "url-loader": "^4.1.1",
+    "webpack": "^5.88.2"
+  },
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "files": [
+    "dist",
+    "dist/*.css",
+    "src/style",
+    "src/font",
+    "tailwind.config.js"
+  ],
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0-beta",
+    "react-dom": "^18.0.0 || ^19.0.0-beta",
+    "react-icons": "^5.2.1"
+  },
+  "types": "dist/index.d.ts"
+}