@vchasno/ui-kit 0.1.7 → 0.2.1

package/CHANGELOG.md

@@ -7,6 +7,21 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.2.1] - 2024-01-18
+
+## Fixed
+
+- description css exports in package.json
+
+## [0.2.0] - 2024-01-18
+
+## Added
+
+- separate package entry point @vchasno/ui-kit/Datepicker
+- separate package entry point @vchasno/ui-kit/Select component
+- separate package entry point @vchasno/ui-kit/SelectCreatable component
+- update README.md (how to use new components)
+
 ## [0.1.7] - 2024-01-16
 
 ## Added

package/README.md

@@ -17,6 +17,10 @@ Supports React ^16.8.0 || ^17.0.0 || ^18.0.0
 ```jsx
 import React from 'react';
 import { Button } from '@vchasno/ui-kit';
+// import complex components (separate bundles)
+import Datepicker from '@vchasno/ui-kit/Datepicker';
+import Select from '@vchasno/ui-kit/Select';
+import SelectCreatable from '@vchasno/ui-kit/SelectCreatable';
 
 const App = () => (
   <>
@@ -25,6 +29,20 @@ const App = () => (
 );
 ```
 
+### 🔨 Package entry points
+
+- `@vchasno/ui-kit` - ES bundle, TypeScript typings - common components
+- `@vchasno/ui-kit/Datepicker` - ES bundle, TypeScript typings and base react-datepicker dependencies
+- `@vchasno/ui-kit/Select` - ES bundle, TypeScript typings and base react-select dependencies
+- `@vchasno/ui-kit/SelectCreateble` - ES bundle, TypeScript and base react-select dependencies
+
+We separate some components to separate bundles to reduce bundle size
+
+Datepicker component has a lot of dependencies, and if you don't use it, you don't need to import it,
+also it will no have effect if you already have imported it and styles
+
+### 📦 Import styles
+
 Optionally you can import styles (use all or only what you need)
 
 Suggestions:
@@ -35,9 +53,9 @@ Suggestions:
 
 ```jsx
 // index.tsx
-import "@vchasno/ui-kit/dist/css/_reset.css"; // optional reset styles
-import "@vchasno/ui-kit/dist/css/_base.css"; // optional base styles
-import "@vchasno/ui-kit/dist/css/_theme.css"; // optional theme variables
+import "@vchasno/ui-kit/reset.css"; // optional reset styles
+import "@vchasno/ui-kit/base.css"; // optional base styles
+import "@vchasno/ui-kit/theme.css"; // optional theme variables
 import "src/styles/_theme-override.css"; // yuor own css file with theme variables override
 ```
 
@@ -122,5 +140,5 @@ To publish new version:
 2. Add changes to CHANGELOG.md (see [Keep a Changelog](https://keepachangelog.com/en/1.0.0/))
 3. Commit changes 
 4. Create tag with version (e.g. `v0.1.2`) run `npm version patch|minor|major`
-5. Push changes to remote and create MR to `master` branch
-6. Merge changes to `master` branch (CI/CD will publish new version to npm registry)
+5. Push tag to remote repository
+6. Confirm (CI/CD  prepared manual stage) publish - new version will be published to npm registry

package/dist/Datepicker/index.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { ReactDatePickerProps } from 'react-datepicker';
+import { MaskedInputProps } from 'react-text-mask';
+
+interface LoadingFeedback {
+    /** індикатор процесу */
+    loading: boolean;
+}
+interface ErrorFeedback {
+    /** для виведення тексту помилки */
+    error: string;
+}
+interface WithHint {
+    /** для виведення тексту підсказки */
+    hint: string;
+}
+
+interface DatePickerProps extends ReactDatePickerProps, Partial<LoadingFeedback & WithHint & ErrorFeedback> {
+    label?: string;
+    className?: string;
+    showMask?: boolean;
+    mask?: MaskedInputProps['mask'];
+    onChange: ReactDatePickerProps['onChange'];
+}
+/** Компонент вводу дати/часу */
+declare const DatePicker: React.FC<DatePickerProps>;
+
+export { type DatePickerProps, DatePicker as default };