pixel-react 1.0.0 → 1.0.2

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 (49) hide show
  1. package/.yarn/install-state.gz +0 -0
  2. package/README.md +60 -10
  3. package/lib/components/MultiSelect/MultiSelect.d.ts +1 -1
  4. package/lib/components/MultiSelect/MultiSelectTypes.d.ts +2 -0
  5. package/lib/components/MultiSelect/dropdownTypes.d.ts +2 -0
  6. package/lib/index.d.ts +3 -1
  7. package/lib/index.esm.js +514 -2327
  8. package/lib/index.esm.js.map +1 -1
  9. package/lib/index.js +514 -2328
  10. package/lib/index.js.map +1 -1
  11. package/lib/tsconfig.tsbuildinfo +1 -1
  12. package/lib/utils/compareArrays/compareArrays.d.ts +11 -0
  13. package/lib/utils/compareArrays/compareArrays.stories.d.ts +6 -0
  14. package/lib/utils/compareObjects/compareObjects.d.ts +2 -0
  15. package/lib/utils/compareObjects/compareObjects.stories.d.ts +6 -0
  16. package/lib/utils/debounce/debounce.d.ts +6 -0
  17. package/lib/utils/debounce/debounce.stories.d.ts +6 -0
  18. package/lib/utils/find/findAndInsert.d.ts +7 -0
  19. package/lib/utils/find/findAndInsert.stories.d.ts +7 -0
  20. package/lib/utils/throttle/throttle.d.ts +6 -0
  21. package/lib/utils/throttle/throttle.stories.d.ts +6 -0
  22. package/package.json +3 -1
  23. package/rollup.config.mjs +7 -5
  24. package/src/assets/icons/filter.svg +5 -0
  25. package/src/assets/styles/_colors.scss +3 -1
  26. package/src/components/Icon/iconList.ts +2 -0
  27. package/src/components/MultiSelect/Dropdown.scss +27 -16
  28. package/src/components/MultiSelect/Dropdown.tsx +51 -28
  29. package/src/components/MultiSelect/MultiSelect.stories.tsx +9 -5
  30. package/src/components/MultiSelect/MultiSelect.tsx +4 -0
  31. package/src/components/MultiSelect/MultiSelectTypes.ts +2 -0
  32. package/src/components/MultiSelect/dropdownTypes.ts +2 -0
  33. package/src/components/Select/components/Dropdown/Dropdown.tsx +7 -3
  34. package/src/components/Tooltip/Tooltip.scss +0 -1
  35. package/src/index.ts +2 -5
  36. package/src/utils/checkEmpty/checkEmpty.stories.tsx +1 -1
  37. package/src/utils/checkEmpty/checkEmpty.ts +21 -7
  38. package/src/utils/compareArrays/compareArrays.stories.tsx +62 -0
  39. package/src/utils/compareArrays/compareArrays.ts +31 -0
  40. package/src/utils/compareObjects/compareObjects.stories.tsx +51 -0
  41. package/src/utils/compareObjects/compareObjects.ts +53 -0
  42. package/src/utils/debounce/debounce.stories.tsx +81 -0
  43. package/src/utils/debounce/debounce.ts +28 -0
  44. package/src/utils/find/findAndInsert.stories.tsx +119 -0
  45. package/src/utils/find/findAndInsert.ts +49 -0
  46. package/src/utils/throttle/throttle.stories.tsx +100 -0
  47. package/src/utils/throttle/throttle.ts +33 -0
  48. package/vite.config.js +1 -17
  49. package/ui-library.zip +0 -0
Binary file
package/README.md CHANGED
@@ -1,25 +1,75 @@
1
- <h1 align="center">FireFlink UI</h1>
1
+ ---
2
+ title: PixelReact UI
3
+ ---
2
4
 
3
- FireFlink UI is an open-source React component library.
5
+ import { Button, Input } from 'pixel-react';
6
+
7
+ <h1 align="center">PixelReact UI</h1>
8
+
9
+ <p align="center">
10
+ <strong>PixelReact UI</strong> is an open-source React component library, designed to offer a sleek, customizable, and easy-to-use collection of components for building modern user interfaces.
11
+ </p>
12
+
13
+ ---
14
+
15
+ ## Table of Contents
16
+
17
+ - [Installation](#installation)
18
+ - [Usage](#usage)
19
+ - [Documentation](#documentation)
20
+ - [Contributing](#contributing)
21
+ - [License](#license)
22
+
23
+ ---
4
24
 
5
25
  ## Installation
6
26
 
7
- Install the package in your project directory with:
27
+ Install PixelReact UI in your project directory with:
28
+
29
+ ```bash
30
+ npm install pixel-react
31
+ ```
32
+
33
+ or with Yarn:
8
34
 
9
35
  ```bash
10
- npm install fireflink
36
+ yarn add pixel-react
37
+ ```
38
+
39
+ ## Usage
40
+
41
+ Once installed, you can start importing and using PixelReact components in your React application. Here's a quick example:
42
+
43
+ ```jsx
44
+ import { Button } from 'pixel-react';
45
+
46
+ function App() {
47
+ return (
48
+ <div>
49
+ <Button label="Button Label" variant="primary" />
50
+ </div>
51
+ );
52
+ }
53
+
54
+ export default App;
11
55
  ```
12
56
 
13
57
  ## Documentation
14
58
 
15
- [Click Here](https://main--65d5ca6d09c1eaf0731601fc.chromatic.com/)
59
+ For detailed documentation and live examples, [click here](https://main--65d5ca6d09c1eaf0731601fc.chromatic.com/).
16
60
 
17
61
  ## Example
18
62
 
19
- ```bash
20
- import { Button } from 'fireflink'
63
+ ```jsx
64
+ import { Button } from 'pixel-react';
21
65
 
22
- ...
23
- <Button label="Button Label" variant="primary" />
24
- ...
66
+ function ExampleComponent() {
67
+ return <Button label="Click Me!" variant="primary" />;
68
+ }
25
69
  ```
70
+
71
+ ## License
72
+
73
+ PixelReact UI is licensed under the [MIT License](LICENSE). Feel free to use it in your projects, both personal and commercial.
74
+
75
+ ---
@@ -1,4 +1,4 @@
1
1
  import './MultiSelect.scss';
2
2
  import { MultiSelectProps } from './MultiSelectTypes';
3
- declare const MultiSelect: ({ options, selectedOptions, onChange, zIndex, label, onSearch, required, disabled, errorMessage, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
3
+ declare const MultiSelect: ({ options, selectedOptions, onChange, zIndex, label, onSearch, required, disabled, errorMessage, withSelectButton, onSelect, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
4
4
  export default MultiSelect;
@@ -14,5 +14,7 @@ interface MultiSelectProps {
14
14
  zIndex?: number;
15
15
  required?: boolean;
16
16
  errorMessage?: string;
17
+ withSelectButton?: boolean;
18
+ onSelect?: () => void;
17
19
  }
18
20
  export { Option, MultiSelectProps };
@@ -12,4 +12,6 @@ export interface DropdownProps {
12
12
  searchedKeyword: undefined | string;
13
13
  dropdownPosition: any;
14
14
  zIndex: number;
15
+ withSelectButton?: boolean;
16
+ onSelect?: () => void;
15
17
  }
package/lib/index.d.ts CHANGED
@@ -216,9 +216,11 @@ interface MultiSelectProps {
216
216
  zIndex?: number;
217
217
  required?: boolean;
218
218
  errorMessage?: string;
219
+ withSelectButton?: boolean;
220
+ onSelect?: () => void;
219
221
  }
220
222
 
221
- declare const MultiSelect: ({ options, selectedOptions, onChange, zIndex, label, onSearch, required, disabled, errorMessage, }: MultiSelectProps) => react_jsx_runtime.JSX.Element;
223
+ declare const MultiSelect: ({ options, selectedOptions, onChange, zIndex, label, onSearch, required, disabled, errorMessage, withSelectButton, onSelect, }: MultiSelectProps) => react_jsx_runtime.JSX.Element;
222
224
 
223
225
  interface ToasterProps {
224
226
  /**Boolean value to handle state of toaster. */