@daryasidorovich/modsen-datepicker 1.0.0 → 1.0.1

package/.prettierrc

@@ -1,6 +1,6 @@
-{
-  "singleQuote": true,
-  "trailingComma": "es5",
-  "tabWidth": 2,
-  "semi": true
-}
+{
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "semi": true
+}

package/.storybook/main.js

@@ -1,93 +1,93 @@
-/** @type { import('@storybook/react-vite').StorybookConfig } */
-import path from 'path';
-import { fileURLToPath } from 'url';
-import svgr from 'vite-plugin-svgr';
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-const config = {
-  stories: ['../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-  addons: [
-    '@storybook/addon-themes',
-    '@storybook/addon-vitest',
-    '@storybook/addon-a11y',
-    '@storybook/addon-docs',
-  ],
-  framework: {
-    name: '@storybook/react-vite',
-    options: {},
-  },
-  docs: {
-    autodocs: true,
-  },
-  typescript: {
-    check: false,
-    reactDocgen: 'react-docgen-typescript',
-  },
-  async viteFinal(config) {
-    config.optimizeDeps = {
-      include: ['react', 'react-dom'],
-    };
-
-    config.plugins = config.plugins || [];
-    config.plugins.push(
-      svgr({
-        include: '**/*.svg?react',
-      })
-    );
-
-    config.css = {
-      modules: {
-        localsConvention: 'camelCase',
-      },
-      preprocessorOptions: {
-        scss: {
-          additionalData: `
-            @use "@styles/variables" as *;
-            @use "@styles/border" as *;
-            @use "@styles/mixins" as *;
-            @use "@styles/theme-mixins" as *;
-            @use "@styles/colors" as *;
-            @use "@styles/typography" as *;
-            @use "@styles/gap" as *;
-          `,
-        },
-      },
-    };
-
-    config.define = {
-      ...config.define,
-      'process.env.STORYBOOK_HOLIDAY_API_KEY': JSON.stringify(
-        process.env.STORYBOOK_HOLIDAY_API_KEY
-      ),
-      'process.env.STORYBOOK_HOLIDAY_API_URL': JSON.stringify(
-        process.env.STORYBOOK_HOLIDAY_API_URL
-      ),
-    };
-
-    config.resolve = {
-      alias: {
-        '@': path.resolve(__dirname, '../src'),
-        '@components': path.resolve(__dirname, '../src/components'),
-        '@styles': path.resolve(__dirname, '../src/styles'),
-        '@assets': path.resolve(__dirname, '../src/assets'),
-        '@utils': path.resolve(__dirname, '../src/utils'),
-      },
-    };
-
-    config.server = {
-      ...config.server,
-      proxy: {
-        '/holidays': {
-          target: 'https://holidayapi.com/v1',
-          changeOrigin: true,
-          secure: true,
-        },
-      },
-    };
-
-    return config;
-  },
-};
-
-export default config;
+/** @type { import('@storybook/react-vite').StorybookConfig } */
+import path from 'path';
+import { fileURLToPath } from 'url';
+import svgr from 'vite-plugin-svgr';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const config = {
+  stories: ['../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    '@storybook/addon-themes',
+    '@storybook/addon-vitest',
+    '@storybook/addon-a11y',
+    '@storybook/addon-docs',
+  ],
+  framework: {
+    name: '@storybook/react-vite',
+    options: {},
+  },
+  docs: {
+    autodocs: true,
+  },
+  typescript: {
+    check: false,
+    reactDocgen: 'react-docgen-typescript',
+  },
+  async viteFinal(config) {
+    config.optimizeDeps = {
+      include: ['react', 'react-dom'],
+    };
+
+    config.plugins = config.plugins || [];
+    config.plugins.push(
+      svgr({
+        include: '**/*.svg?react',
+      })
+    );
+
+    config.css = {
+      modules: {
+        localsConvention: 'camelCase',
+      },
+      preprocessorOptions: {
+        scss: {
+          additionalData: `
+            @use "@styles/variables" as *;
+            @use "@styles/border" as *;
+            @use "@styles/mixins" as *;
+            @use "@styles/theme-mixins" as *;
+            @use "@styles/colors" as *;
+            @use "@styles/typography" as *;
+            @use "@styles/gap" as *;
+          `,
+        },
+      },
+    };
+
+    config.define = {
+      ...config.define,
+      'process.env.STORYBOOK_HOLIDAY_API_KEY': JSON.stringify(
+        process.env.STORYBOOK_HOLIDAY_API_KEY
+      ),
+      'process.env.STORYBOOK_HOLIDAY_API_URL': JSON.stringify(
+        process.env.STORYBOOK_HOLIDAY_API_URL
+      ),
+    };
+
+    config.resolve = {
+      alias: {
+        '@': path.resolve(__dirname, '../src'),
+        '@components': path.resolve(__dirname, '../src/components'),
+        '@styles': path.resolve(__dirname, '../src/styles'),
+        '@assets': path.resolve(__dirname, '../src/assets'),
+        '@utils': path.resolve(__dirname, '../src/utils'),
+      },
+    };
+
+    config.server = {
+      ...config.server,
+      proxy: {
+        '/holidays': {
+          target: 'https://holidayapi.com/v1',
+          changeOrigin: true,
+          secure: true,
+        },
+      },
+    };
+
+    return config;
+  },
+};
+
+export default config;

package/.storybook/main.ts

@@ -0,0 +1,16 @@
+import type { StorybookConfig } from '@storybook/react-vite';
+
+const config: StorybookConfig = {
+  "stories": [
+    "../src/**/*.mdx",
+    "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"
+  ],
+  "addons": [
+    "@chromatic-com/storybook",
+    "@storybook/addon-vitest",
+    "@storybook/addon-a11y",
+    "@storybook/addon-docs"
+  ],
+  "framework": "@storybook/react-vite"
+};
+export default config;

package/.storybook/preview.js

@@ -1,26 +1,26 @@
-/** @type { import('@storybook/react-vite').Preview } */
-import '../src/styles/main.scss';
-
-import { withThemeByClassName } from '@storybook/addon-themes';
-
-const preview = {
-  parameters: {
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i,
-      },
-    },
-  },
-  decorators: [
-    withThemeByClassName({
-      themes: {
-        light: 'theme-light',
-        dark: 'theme-dark',
-      },
-      defaultTheme: 'light',
-    }),
-  ],
-};
-
-export default preview;
+/** @type { import('@storybook/react-vite').Preview } */
+import '../src/styles/main.scss';
+
+import { withThemeByClassName } from '@storybook/addon-themes';
+
+const preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+  decorators: [
+    withThemeByClassName({
+      themes: {
+        light: 'theme-light',
+        dark: 'theme-dark',
+      },
+      defaultTheme: 'light',
+    }),
+  ],
+};
+
+export default preview;

package/.storybook/preview.tsx

@@ -1,18 +1,18 @@
-import type { Preview } from '@storybook/react-vite';
-
-const preview: Preview = {
-  parameters: {
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i,
-      },
-    },
-
-    a11y: {
-      test: 'todo',
-    },
-  },
-};
-
-export default preview;
+import type { Preview } from '@storybook/react-vite';
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+
+    a11y: {
+      test: 'todo',
+    },
+  },
+};
+
+export default preview;

package/README.md

@@ -86,7 +86,7 @@ const Example = () => {
 
 <div align="center">
 
-![DatePicker](/docs/datepicker.png)
+![DatePicker](docs/datepicker.png)
 </div>
 
 ### RangePicker
@@ -122,7 +122,7 @@ const Example = () => {
 
 <div align="center">
 
-![RangePicker](/docs/rangepicker.png)
+![RangePicker](docs/rangepicker.png)
 </div>
 
 ### BaseCalendar
@@ -159,7 +159,7 @@ const Example = () => {
 
 <div align="center">
 
-![BaseCalendar](/docs/base-calendar.png)
+![BaseCalendar](docs/base-calendar.png)
 </div>
 
 ## Callbacks
@@ -183,7 +183,7 @@ The input is `masked` (dd/mm/yyyy) and validated:
 - **Out of range** — if minDate or maxDate is set and the value falls outside, the input shows the corresponding error and the value is rejected.
 
 <div align="center">
-![Validation](/docs/rangepicker-with-error.png)
+![Validation](docs/rangepicker-with-error.png)
 
 </div>
 
@@ -298,5 +298,5 @@ The library ships with light and dark themes out of the box — no extra configu
 
 <div align="center">
 
-![Dark theme](/docs/dark-theme.png)
+![Dark theme](docs/dark-theme.png)
 </div>

package/commitlint.config.js

@@ -1,23 +1,23 @@
-export default {
-  extends: ['@commitlint/config-conventional'],
-  rules: {
-    'type-enum': [
-      2,
-      'always',
-      [
-        'feat',
-        'fix',
-        'docs',
-        'style',
-        'refactor',
-        'test',
-        'chore',
-        'build',
-        'ci',
-      ],
-    ],
-    'subject-max-length': [2, 'always', 100],
-    'subject-empty': [2, 'never'],
-    'type-empty': [2, 'never'],
-  },
-};
+export default {
+  extends: ['@commitlint/config-conventional'],
+  rules: {
+    'type-enum': [
+      2,
+      'always',
+      [
+        'feat',
+        'fix',
+        'docs',
+        'style',
+        'refactor',
+        'test',
+        'chore',
+        'build',
+        'ci',
+      ],
+    ],
+    'subject-max-length': [2, 'always', 100],
+    'subject-empty': [2, 'never'],
+    'type-empty': [2, 'never'],
+  },
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@daryasidorovich/modsen-datepicker",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",

package/rollup.config.js

@@ -1,65 +1,65 @@
-import commonjs from '@rollup/plugin-commonjs';
-import resolve from '@rollup/plugin-node-resolve';
-import typescript from '@rollup/plugin-typescript';
-import svgr from '@svgr/rollup';
-import { readFileSync } from 'fs';
-import styles from 'rollup-plugin-styles';
-
-const pkg = JSON.parse(readFileSync('./package.json', 'utf8'));
-
-const external = Object.keys(pkg.peerDependencies || {});
-
-const baseOutput = {
-  dir: 'dist',
-  sourcemap: true,
-  exports: 'named',
-};
-
-const plugins = [
-  resolve({
-    extensions: ['.ts', '.tsx', '.js', '.jsx', '.scss', '.css'],
-  }),
-  commonjs(),
-  styles({
-    mode: 'inject',
-    sass: {
-      data: `
-          @import "src/styles/variables.scss";
-          @import "src/styles/mixins.scss";
-          @import "src/styles/border.scss";
-          @import "src/styles/theme-mixins.scss";
-          @import "src/styles/colors.scss";
-          @import "src/styles/typography.scss";
-          @import "src/styles/gap.scss";
-        `,
-    },
-  }),
-  svgr({
-    include: ['**/*.svg', '**/*.svg?react'],
-  }),
-  typescript({
-    declaration: true,
-    declarationDir: 'dist',
-    outDir: 'dist',
-    rootDir: 'src',
-  }),
-];
-
-export default [
-  {
-    input: 'src/index.ts',
-    output: [
-      {
-        ...baseOutput,
-        format: 'esm',
-      },
-      {
-        ...baseOutput,
-        format: 'cjs',
-        entryFileNames: '[name].cjs',
-      },
-    ],
-    external,
-    plugins,
-  },
-];
+import commonjs from '@rollup/plugin-commonjs';
+import resolve from '@rollup/plugin-node-resolve';
+import typescript from '@rollup/plugin-typescript';
+import svgr from '@svgr/rollup';
+import { readFileSync } from 'fs';
+import styles from 'rollup-plugin-styles';
+
+const pkg = JSON.parse(readFileSync('./package.json', 'utf8'));
+
+const external = Object.keys(pkg.peerDependencies || {});
+
+const baseOutput = {
+  dir: 'dist',
+  sourcemap: true,
+  exports: 'named',
+};
+
+const plugins = [
+  resolve({
+    extensions: ['.ts', '.tsx', '.js', '.jsx', '.scss', '.css'],
+  }),
+  commonjs(),
+  styles({
+    mode: 'inject',
+    sass: {
+      data: `
+          @import "src/styles/variables.scss";
+          @import "src/styles/mixins.scss";
+          @import "src/styles/border.scss";
+          @import "src/styles/theme-mixins.scss";
+          @import "src/styles/colors.scss";
+          @import "src/styles/typography.scss";
+          @import "src/styles/gap.scss";
+        `,
+    },
+  }),
+  svgr({
+    include: ['**/*.svg', '**/*.svg?react'],
+  }),
+  typescript({
+    declaration: true,
+    declarationDir: 'dist',
+    outDir: 'dist',
+    rootDir: 'src',
+  }),
+];
+
+export default [
+  {
+    input: 'src/index.ts',
+    output: [
+      {
+        ...baseOutput,
+        format: 'esm',
+      },
+      {
+        ...baseOutput,
+        format: 'cjs',
+        entryFileNames: '[name].cjs',
+      },
+    ],
+    external,
+    plugins,
+  },
+];