@randstad-uca/design-system 1.0.48 → 1.0.50
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.
- package/dist/components/DatePicker.d.ts +2 -12
- package/dist/components/File.d.ts +4 -13
- package/dist/components/Form.d.ts +2 -15
- package/dist/components/FormGroup.d.ts +2 -8
- package/dist/components/Select.d.ts +6 -13
- package/dist/components/Upload.d.ts +2 -1
- package/dist/helpers/BaseControl.d.ts +22 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +566 -704
- package/dist/index.js.map +1 -1
- package/dist/package.json +1 -1
- package/dist/stories/DatePicker.stories.d.ts +12 -0
- package/dist/stories/Form.stories.d.ts +6 -2
- package/dist/stories/Select.stories.d.ts +26 -1
- package/dist/stories/Upload.stories.d.ts +25 -2
- package/dist/stories/UploadFile.stories.d.ts +12 -0
- package/dist/styles/error.d.ts +1 -0
- package/dist/styles/error.ts +23 -0
- package/dist/styles/mix.d.ts +1 -0
- package/dist/styles/mix.ts +51 -0
- package/dist/styles/tooltip.d.ts +1 -0
- package/dist/styles/tooltip.ts +56 -0
- package/package.json +1 -1
|
@@ -1,20 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { BaseControl } from "../helpers/BaseControl";
|
|
2
2
|
import "./CalendarOverlay.ts";
|
|
3
|
-
export declare class DatePickerComponent extends
|
|
4
|
-
label: string;
|
|
5
|
-
placeholder: string;
|
|
6
|
-
value: string;
|
|
7
|
-
required: boolean;
|
|
8
|
-
disabled: boolean;
|
|
3
|
+
export declare class DatePickerComponent extends BaseControl {
|
|
9
4
|
width?: string;
|
|
10
5
|
isRenderClearButton: boolean;
|
|
11
6
|
minDate?: string;
|
|
12
7
|
maxDate?: string;
|
|
13
|
-
error: boolean;
|
|
14
|
-
errorMessage: string | null;
|
|
15
|
-
optional: boolean;
|
|
16
|
-
helper: string | null;
|
|
17
|
-
helperAlign: 'left' | 'center' | 'right' | 'justify';
|
|
18
8
|
private isOpen;
|
|
19
9
|
private selectedDate;
|
|
20
10
|
private viewDate;
|
|
@@ -1,21 +1,12 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { BaseControl } from '../helpers/BaseControl';
|
|
2
2
|
import '../components/Button';
|
|
3
|
-
export declare class UploadFile extends
|
|
3
|
+
export declare class UploadFile extends BaseControl {
|
|
4
|
+
width?: string;
|
|
4
5
|
files: File[];
|
|
5
6
|
maxFiles: number;
|
|
6
7
|
acceptedFileTypes: string[];
|
|
7
8
|
maxFileSize: number;
|
|
8
|
-
disabled: boolean;
|
|
9
|
-
width?: string;
|
|
10
|
-
label: string;
|
|
11
|
-
labelColor: string;
|
|
12
9
|
buttonText: string;
|
|
13
|
-
helper: string | null;
|
|
14
|
-
helperAlign: 'left' | 'center' | 'right' | 'justify';
|
|
15
|
-
error: boolean;
|
|
16
|
-
errorMessage: string | null;
|
|
17
|
-
required: boolean;
|
|
18
|
-
optional: boolean;
|
|
19
10
|
private fileInput;
|
|
20
11
|
static styles: import("lit").CSSResult;
|
|
21
12
|
updated(changedProperties: Map<string, any>): void;
|
|
@@ -25,7 +16,7 @@ export declare class UploadFile extends LitElement {
|
|
|
25
16
|
* Por ejemplo, 'application/pdf' se convierte en 'PDF'.
|
|
26
17
|
|
|
27
18
|
* @returns Un string con los nombres de archivo aceptados, separados por comas.
|
|
28
|
-
|
|
19
|
+
*/
|
|
29
20
|
private getReadableFileTypes;
|
|
30
21
|
/**
|
|
31
22
|
* Valida una lista de archivos contra el tamaño máximo y los tipos de archivo aceptados.
|
|
@@ -1,29 +1,16 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare class RandstadForm extends
|
|
3
|
-
placeholder?: string;
|
|
4
|
-
label?: string;
|
|
5
|
-
labelColor?: string;
|
|
6
|
-
value?: string;
|
|
1
|
+
import { BaseControl } from '../helpers/BaseControl';
|
|
2
|
+
export declare class RandstadForm extends BaseControl {
|
|
7
3
|
size: 'sm' | 'md' | 'lg';
|
|
8
4
|
icon: 'left' | 'right' | null;
|
|
9
|
-
helper: string | null;
|
|
10
|
-
error: boolean;
|
|
11
|
-
errorMessage: string;
|
|
12
|
-
disabled: boolean;
|
|
13
5
|
typing: boolean;
|
|
14
6
|
type: 'text' | 'password' | 'textarea';
|
|
15
|
-
tooltipMessage?: string;
|
|
16
7
|
linkText?: string;
|
|
17
8
|
linkRoute?: string;
|
|
18
9
|
isPasswordVisible: boolean;
|
|
19
10
|
cleanButton: boolean;
|
|
20
11
|
maxLength?: number;
|
|
21
|
-
required: boolean;
|
|
22
|
-
optional: boolean;
|
|
23
|
-
helpLink?: string;
|
|
24
12
|
heightTextArea?: string;
|
|
25
13
|
maxHeightTextArea?: string;
|
|
26
|
-
helperAlign: 'left' | 'center' | 'right' | 'justify';
|
|
27
14
|
static styles: import("lit").CSSResult;
|
|
28
15
|
private togglePassword;
|
|
29
16
|
private handleInput;
|
|
@@ -1,11 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare class FormGroup extends
|
|
3
|
-
label: string;
|
|
4
|
-
helper?: string;
|
|
5
|
-
error: boolean;
|
|
6
|
-
errorMessage: string;
|
|
7
|
-
required: boolean;
|
|
8
|
-
optional: boolean;
|
|
1
|
+
import { BaseControl } from '../helpers/BaseControl';
|
|
2
|
+
export declare class FormGroup extends BaseControl {
|
|
9
3
|
static styles: import("lit").CSSResult;
|
|
10
4
|
render(): import("lit-html").TemplateResult<1>;
|
|
11
5
|
}
|
|
@@ -1,30 +1,23 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { BaseControl } from '../helpers/BaseControl';
|
|
2
2
|
type SelectOption = string | {
|
|
3
3
|
label: string;
|
|
4
4
|
value: string | object;
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
icon?: string;
|
|
7
7
|
};
|
|
8
|
-
export declare class FilterableSelect extends
|
|
9
|
-
options: SelectOption[];
|
|
10
|
-
placeholder: string;
|
|
11
|
-
defaultValue: string;
|
|
12
|
-
disabled: boolean;
|
|
8
|
+
export declare class FilterableSelect extends BaseControl {
|
|
13
9
|
value: string | object;
|
|
14
|
-
|
|
15
|
-
|
|
10
|
+
defaultValue: string;
|
|
11
|
+
options: SelectOption[];
|
|
16
12
|
filterable: boolean;
|
|
17
13
|
maxLength?: number;
|
|
18
|
-
error: boolean;
|
|
19
|
-
required: boolean;
|
|
20
|
-
optional: boolean;
|
|
21
14
|
private isMobile;
|
|
15
|
+
private highlightedIndex;
|
|
16
|
+
private _isCleared;
|
|
22
17
|
filteredOptions: SelectOption[];
|
|
23
18
|
filterValue: string;
|
|
24
19
|
isOpen: boolean;
|
|
25
20
|
mobileFilterValue: string;
|
|
26
|
-
private highlightedIndex;
|
|
27
|
-
private _isCleared;
|
|
28
21
|
private debounceTimeout;
|
|
29
22
|
static styles: import("lit").CSSResult;
|
|
30
23
|
update(changedProperties: Map<string, any>): void;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
2
|
export declare class UploadImage extends LitElement {
|
|
3
3
|
files: File[];
|
|
4
|
+
disabled: boolean;
|
|
5
|
+
simulatedDelay: number;
|
|
4
6
|
private loading;
|
|
5
7
|
private progress;
|
|
6
8
|
private isDragging;
|
|
7
|
-
disabled: boolean;
|
|
8
9
|
static styles: import("lit").CSSResult;
|
|
9
10
|
private handleFiles;
|
|
10
11
|
private onFileInputChange;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { LitElement } from "lit";
|
|
2
|
+
export declare class BaseControl extends LitElement {
|
|
3
|
+
label: string;
|
|
4
|
+
placeholder: string;
|
|
5
|
+
labelColor: string;
|
|
6
|
+
value: any;
|
|
7
|
+
required: boolean;
|
|
8
|
+
optional: boolean;
|
|
9
|
+
disabled: boolean;
|
|
10
|
+
error: boolean;
|
|
11
|
+
errorMessage: string | null;
|
|
12
|
+
helper: string | null;
|
|
13
|
+
helperAlign: 'left' | 'center' | 'right' | 'justify';
|
|
14
|
+
help?: string;
|
|
15
|
+
helpLink?: string;
|
|
16
|
+
helpLinkTooltipMessage?: string;
|
|
17
|
+
renderLabelContainer(): import("lit-html").TemplateResult<1>;
|
|
18
|
+
renderLabel(): import("lit-html").TemplateResult<1>;
|
|
19
|
+
renderHelp(): import("lit-html").TemplateResult<1>;
|
|
20
|
+
renderError(): import("lit-html").TemplateResult<1>;
|
|
21
|
+
renderHelper(): import("lit-html").TemplateResult<1>;
|
|
22
|
+
}
|
package/dist/index.d.ts
CHANGED