@vincentgraul/react-components 1.0.70 → 1.0.72

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 (20) hide show
  1. package/README.md +1 -1
  2. package/dist/breadcrumb/breadcrumb.d.ts +4 -2
  3. package/dist/breadcrumb/index.d.ts +0 -2
  4. package/dist/{use-breadcrumb → breadcrumb}/use-breadcrumb.d.ts +1 -1
  5. package/dist/button/button.d.ts +1 -2
  6. package/dist/checkbox/checkbox.d.ts +14 -0
  7. package/dist/checkbox/index.d.ts +1 -0
  8. package/dist/drop-zone/drop-zone.d.ts +1 -2
  9. package/dist/index.d.ts +1 -1
  10. package/dist/pagination/pagination.d.ts +2 -6
  11. package/dist/react-components.css +1 -1
  12. package/dist/react-components.js +4785 -4760
  13. package/dist/select/select.d.ts +3 -1
  14. package/package.json +1 -1
  15. package/dist/breadcrumb/icons/arrow.d.ts +0 -3
  16. package/dist/breadcrumb/icons/index.d.ts +0 -1
  17. package/dist/select/icons/ArrowBottom.d.ts +0 -3
  18. package/dist/select/icons/index.d.ts +0 -1
  19. package/dist/use-breadcrumb/index.d.ts +0 -2
  20. /package/dist/{use-breadcrumb/use-breadcrumb.types.d.ts → breadcrumb/breadcrumb.types.d.ts} +0 -0
package/README.md CHANGED
@@ -17,7 +17,6 @@
17
17
  | Loader | React component used to display a loader |
18
18
  | Select | React component used to display a select |
19
19
  | CountrySelector | React component used to display a country selector |
20
- | useBreadcrumb | React hook used to handle a breadcrumb |
21
20
  | Breadcrumb | React component used to display a breadcrumb |
22
21
  | Input | React component used to display an input |
23
22
  | Wizard | React component used to display a wizard |
@@ -25,6 +24,7 @@
25
24
  | Button | React component used to display a button |
26
25
  | DropZone | React component used to display a drop zone |
27
26
  | Card | React component used to display a card |
27
+ | Checkbox | React component used to display a checkbox |
28
28
 
29
29
  ## License
30
30
 
package/dist/breadcrumb/breadcrumb.d.ts CHANGED
@@ -1,6 +1,8 @@
1
- import { BreadcrumbType, BreadcrumbElementType } from '..';
1
+ import { BreadcrumbType, BreadcrumbElementType } from './breadcrumb.types';
2
2
  export type BreadcrumbProps = BreadcrumbType & {
3
3
  onClick: (element: BreadcrumbElementType) => void;
4
+ icon?: string;
5
+ iconSize?: number;
4
6
  className?: string;
5
7
  };
6
- export declare const Breadcrumb: (props: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
8
+ export declare const Breadcrumb: ({ className, onClick, icon, iconSize, url, mapping, }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
package/dist/breadcrumb/index.d.ts CHANGED
@@ -1,3 +1 @@
1
1
  export * from './breadcrumb';
2
- export * from '../use-breadcrumb/use-breadcrumb.types';
3
- export * from '../use-breadcrumb/use-breadcrumb';
package/dist/{use-breadcrumb → breadcrumb}/use-breadcrumb.d.ts RENAMED
@@ -1,2 +1,2 @@
1
- import { BreadcrumbType, BreadcrumbElementType } from './use-breadcrumb.types';
1
+ import { BreadcrumbType, BreadcrumbElementType } from './breadcrumb.types';
2
2
  export declare const useBreadcrumb: ({ url, mapping, }: BreadcrumbType) => BreadcrumbElementType[];
package/dist/button/button.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { ButtonHTMLAttributes, ReactNode } from 'react';
2
- type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
2
+ export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
3
3
  children: ReactNode;
4
4
  color?: string;
5
5
  width?: number;
@@ -16,4 +16,3 @@ type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
16
16
  className?: string;
17
17
  };
18
18
  export declare const Button: ({ className, children, width, height, alignSelf, fontSize, fontWeight, borderRadius, borderWidth, padding, color, backgroundColor, borderColor, hoverOpacity, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
19
- export {};
package/dist/checkbox/checkbox.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ import { InputHTMLAttributes } from 'react';
2
+ export type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & {
3
+ label: string;
4
+ labelWeight?: 400 | 500 | 600 | 700 | 800 | 900;
5
+ labelColor?: string;
6
+ borderWidth?: number;
7
+ borderColor?: string;
8
+ checkColor?: string;
9
+ checkBackgroundColor?: string;
10
+ size?: number;
11
+ gap?: number;
12
+ className?: string;
13
+ };
14
+ export declare const Checkbox: ({ className, label, labelWeight, labelColor, borderWidth, borderColor, checkColor, checkBackgroundColor, size, gap, ...rest }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
package/dist/checkbox/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './checkbox';
package/dist/drop-zone/drop-zone.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- type DropZoneProps = {
1
+ export type DropZoneProps = {
2
2
  onFileChanged: (file: File | undefined) => void;
3
3
  label?: string;
4
4
  labelSize?: number;
@@ -22,4 +22,3 @@ type DropZoneProps = {
22
22
  className?: string;
23
23
  };
24
24
  export declare const DropZone: ({ onFileChanged, label, labelSize, labelWeight, labelGap, previewIcon, previewIconSize, removeIcon, removeIconSize, text, textSize, textWeight, width, height, gap, padding, borderSize, borderColor, borderStyle, removeAriaLabel, className, }: DropZoneProps) => import("react/jsx-runtime").JSX.Element;
25
- export {};
package/dist/index.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  export * from './breadcrumb';
2
- export * from './use-breadcrumb';
3
2
  export * from './country-selector';
4
3
  export * from './input';
5
4
  export * from './loader';
@@ -19,3 +18,4 @@ export * from './flex';
19
18
  export * from './button';
20
19
  export * from './drop-zone';
21
20
  export * from './card';
21
+ export * from './checkbox';
package/dist/pagination/pagination.d.ts CHANGED
@@ -1,13 +1,9 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { PaginationData, PaginationColors } from '..';
3
- export declare enum ArrowPosition {
4
- LEFT = 0,
5
- RIGHT = 1
6
- }
7
3
  export type PaginationProps = PaginationData & {
8
4
  colors?: PaginationColors;
9
- renderSingleArrow?: (position: ArrowPosition) => ReactNode;
10
- renderDoubleArrow?: (position: ArrowPosition) => ReactNode;
5
+ renderSingleArrow?: (position: "left" | "right") => ReactNode;
6
+ renderDoubleArrow?: (position: "left" | "right") => ReactNode;
11
7
  className?: string;
12
8
  };
13
9
  export declare const Pagination: ({ className, page, total, items, colors, goToFirst, goToLeft, goToRight, goToLast, goToPage, renderSingleArrow, renderDoubleArrow, }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
package/dist/react-components.css CHANGED
@@ -1 +1 @@
1
- ._container_1mzhz_1{display:flex;align-items:center;align-self:flex-start;margin:0 0 2rem 2rem}._link_1mzhz_8{color:#fff;font-size:2rem;text-decoration:none}._arrow_1mzhz_14{margin:0 1rem;width:1rem}._flag_1ci92_1{display:block;margin:auto;border-radius:2px}._container_qbw16_1{position:relative}._input-container_qbw16_5{display:inline-flex;align-items:center;position:relative;width:100%;height:100%}._input_qbw16_5{width:100%;height:100%;padding:10px;border:0;background-color:transparent;outline:none;z-index:1;color:#000}._input_qbw16_5:focus+._fieldset_qbw16_23:not(.success,.warning,.error){color:var(--focus-color, blue);border-color:var(--focus-color, blue)}._fieldset_qbw16_23{border:1px solid black;border-radius:5px;position:absolute;inset:-8.5px 0 0;font-size:15px;margin:0}._fieldset_qbw16_23.success{border-color:var(--success-color, green);color:var(--success-color, green)}._fieldset_qbw16_23.warning{border-color:var(--warning-color, orange);color:var(--warning-color, orange)}._fieldset_qbw16_23.error{border-color:var(--error-color, red);color:var(--error-color, red)}._legend_qbw16_55{padding:0 5px}._message-container_qbw16_59{display:flex;align-items:center;gap:5px;margin-top:5px}._message-container_qbw16_59.success{color:var(--success-color, green)}._message-container_qbw16_59.warning{color:var(--warning-color, orange)}._message-container_qbw16_59.error{color:var(--error-color, red)}._overlay_b295z_1{position:fixed;inset:0;background-color:#000c;overflow-y:auto;z-index:2}._container_b295z_12{position:absolute;top:50%;left:50%;color:#f9fbff;display:flex;flex-direction:column;align-items:center}@keyframes _loading_b295z_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._image_b295z_32{animation:_loading_b295z_1 var(--animation-duration) linear infinite}._container_e4hb2_1{position:absolute;top:0;left:50%;transform:translate(-50%);background-color:#f9fbff;border-radius:.5rem;padding:1rem;z-index:1;margin:5rem 0}._overlay_e4hb2_13{position:fixed;inset:0;background-color:#00000080;overflow-y:auto;z-index:1}._container_12891_1{--hover-background-color: lightgrey;--hover-text-color: black;--selected-background-color: black;--selected-text-color: white;display:flex}._item_12891_10{border-style:solid;border-width:1px 1px 1px 0;padding:.5rem 1rem;display:flex;align-items:center;cursor:pointer}._item_12891_10:first-child{border-width:1px 1px 1px 1px}._item_12891_10:hover:not(._selected_12891_22){background-color:var(--hover-background-color);color:var(--hover-text-color)}._item_12891_10._selected_12891_22{background-color:var(--selected-background-color);color:var(--selected-text-color)}._container_1syfi_1{width:fit-content}._selected-option-container_1syfi_5{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px;background-color:#fff;border-radius:5px}._selected-option-text_1syfi_15{padding-right:10px;border-right:1px solid black}._selected-option-arrow_1syfi_20{width:15px;margin-left:10px}._options-list_1syfi_25{width:100%;list-style:none;padding:0;margin:10px 0 0;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:5px}._option_1syfi_25{padding:10px;cursor:pointer}._option_1syfi_25:hover{background-color:#ecf0f1}._option_1syfi_25:hover:first-child{border-radius:5px 5px 0 0}._option_1syfi_25:hover:last-child{border-radius:0 0 5px 5px}._option_1syfi_25:hover:only-child{border-radius:5px}._container_cds7q_1{display:flex;flex-flow:column}._main_cds7q_6{width:100%;table-layout:fixed;border-collapse:collapse}._tbody_cds7q_12{-webkit-user-select:text;user-select:text}._tbody_cds7q_12 tr:last-child{border:none}._th_cds7q_19{padding:2rem 1rem 1rem 0;word-wrap:break-word;white-space:nowrap}._tr_cds7q_25{text-align:center;border-bottom:2px solid black}._td_cds7q_30{padding:2rem 1rem 1rem 0;word-wrap:break-word}._container_ldyam_1{display:flex}._container_1xgvv_1{padding:.5rem 1rem;cursor:pointer;border-style:solid}._container_1xgvv_1:hover{opacity:var(--hover-opacity, .8)}._container_1qytk_1{display:flex;flex-direction:column;align-items:center}._drop-zone_1qytk_7{display:flex;width:100%;flex-direction:column;border:5px dashed black;align-items:center;cursor:pointer;padding:1rem}._drop-zone--dragging_1qytk_17{opacity:.5}._text_1qytk_21{margin:0;text-align:center}._preview-file_1qytk_26{width:100%}._remove-button_1qytk_30{background:none;border:none;padding:0;cursor:pointer}._container_yjgug_1{display:flex;flex-direction:column;padding:1rem;background-color:#fff;width:100%}._title_yjgug_9{color:#000;text-align:center;margin:0}
1
+ ._container_1mzhz_1{display:flex;align-items:center;align-self:flex-start;margin:0 0 2rem 2rem}._link_1mzhz_8{color:#fff;font-size:2rem;text-decoration:none}._arrow_1mzhz_14{margin:0 1rem;width:1rem}._flag_1ci92_1{display:block;margin:auto;border-radius:2px}._container_qbw16_1{position:relative}._input-container_qbw16_5{display:inline-flex;align-items:center;position:relative;width:100%;height:100%}._input_qbw16_5{width:100%;height:100%;padding:10px;border:0;background-color:transparent;outline:none;z-index:1;color:#000}._input_qbw16_5:focus+._fieldset_qbw16_23:not(.success,.warning,.error){color:var(--focus-color, blue);border-color:var(--focus-color, blue)}._fieldset_qbw16_23{border:1px solid black;border-radius:5px;position:absolute;inset:-8.5px 0 0;font-size:15px;margin:0}._fieldset_qbw16_23.success{border-color:var(--success-color, green);color:var(--success-color, green)}._fieldset_qbw16_23.warning{border-color:var(--warning-color, orange);color:var(--warning-color, orange)}._fieldset_qbw16_23.error{border-color:var(--error-color, red);color:var(--error-color, red)}._legend_qbw16_55{padding:0 5px}._message-container_qbw16_59{display:flex;align-items:center;gap:5px;margin-top:5px}._message-container_qbw16_59.success{color:var(--success-color, green)}._message-container_qbw16_59.warning{color:var(--warning-color, orange)}._message-container_qbw16_59.error{color:var(--error-color, red)}._overlay_b295z_1{position:fixed;inset:0;background-color:#000c;overflow-y:auto;z-index:2}._container_b295z_12{position:absolute;top:50%;left:50%;color:#f9fbff;display:flex;flex-direction:column;align-items:center}@keyframes _loading_b295z_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._image_b295z_32{animation:_loading_b295z_1 var(--animation-duration) linear infinite}._container_e4hb2_1{position:absolute;top:0;left:50%;transform:translate(-50%);background-color:#f9fbff;border-radius:.5rem;padding:1rem;z-index:1;margin:5rem 0}._overlay_e4hb2_13{position:fixed;inset:0;background-color:#00000080;overflow-y:auto;z-index:1}._container_12891_1{--hover-background-color: lightgrey;--hover-text-color: black;--selected-background-color: black;--selected-text-color: white;display:flex}._item_12891_10{border-style:solid;border-width:1px 1px 1px 0;padding:.5rem 1rem;display:flex;align-items:center;cursor:pointer}._item_12891_10:first-child{border-width:1px 1px 1px 1px}._item_12891_10:hover:not(._selected_12891_22){background-color:var(--hover-background-color);color:var(--hover-text-color)}._item_12891_10._selected_12891_22{background-color:var(--selected-background-color);color:var(--selected-text-color)}._container_1syfi_1{width:fit-content}._selected-option-container_1syfi_5{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px;background-color:#fff;border-radius:5px}._selected-option-text_1syfi_15{padding-right:10px;border-right:1px solid black}._selected-option-arrow_1syfi_20{width:15px;margin-left:10px}._options-list_1syfi_25{width:100%;list-style:none;padding:0;margin:10px 0 0;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:5px}._option_1syfi_25{padding:10px;cursor:pointer}._option_1syfi_25:hover{background-color:#ecf0f1}._option_1syfi_25:hover:first-child{border-radius:5px 5px 0 0}._option_1syfi_25:hover:last-child{border-radius:0 0 5px 5px}._option_1syfi_25:hover:only-child{border-radius:5px}._container_cds7q_1{display:flex;flex-flow:column}._main_cds7q_6{width:100%;table-layout:fixed;border-collapse:collapse}._tbody_cds7q_12{-webkit-user-select:text;user-select:text}._tbody_cds7q_12 tr:last-child{border:none}._th_cds7q_19{padding:2rem 1rem 1rem 0;word-wrap:break-word;white-space:nowrap}._tr_cds7q_25{text-align:center;border-bottom:2px solid black}._td_cds7q_30{padding:2rem 1rem 1rem 0;word-wrap:break-word}._container_ldyam_1{display:flex}._container_1xgvv_1{padding:.5rem 1rem;cursor:pointer;border-style:solid}._container_1xgvv_1:hover{opacity:var(--hover-opacity, .8)}._container_1qytk_1{display:flex;flex-direction:column;align-items:center}._drop-zone_1qytk_7{display:flex;width:100%;flex-direction:column;border:5px dashed black;align-items:center;cursor:pointer;padding:1rem}._drop-zone--dragging_1qytk_17{opacity:.5}._text_1qytk_21{margin:0;text-align:center}._preview-file_1qytk_26{width:100%}._remove-button_1qytk_30{background:none;border:none;padding:0;cursor:pointer}._container_yjgug_1{display:flex;flex-direction:column;padding:1rem;background-color:#fff;width:100%}._title_yjgug_9{color:#000;text-align:center;margin:0}._container_siefj_1{display:inline-flex;align-items:center;font-size:var(--checkbox-size, 1rem);cursor:pointer}._input_siefj_8{appearance:none;border:2px solid black;cursor:pointer;width:calc(var(--checkbox-size, 1rem) * 1.25);height:calc(var(--checkbox-size, 1rem) * 1.25)}._input_siefj_8:checked{background-color:var(--checkbox-background-color-checked)}._input_siefj_8:checked:before{content:"";display:block;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-check-icon%20lucide-check'%3e%3cpath%20d='M20%206%209%2017l-5-5'/%3e%3c/svg%3e") no-repeat center;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-check-icon%20lucide-check'%3e%3cpath%20d='M20%206%209%2017l-5-5'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:100%;mask-size:100%;background-color:var(--checkbox-color-check, black);width:100%;height:100%}