@rivtn/noseur 1.0.0
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/LICENSE +21 -0
- package/README.md +2 -0
- package/dist/esm/Template.d.ts +7 -0
- package/dist/esm/Template.js +13 -0
- package/dist/esm/compose/Composed.css +437 -0
- package/dist/esm/compose/exotic/ColorPicker.d.ts +41 -0
- package/dist/esm/compose/exotic/ColorPicker.js +85 -0
- package/dist/esm/compose/exotic/ColorSlider.d.ts +30 -0
- package/dist/esm/compose/exotic/ColorSlider.js +99 -0
- package/dist/esm/compose/form/ComposedPassword.d.ts +25 -0
- package/dist/esm/compose/form/ComposedPassword.js +103 -0
- package/dist/esm/compose/form/DateTimeInput.d.ts +28 -0
- package/dist/esm/compose/form/DateTimeInput.js +154 -0
- package/dist/esm/compose/form/DateTimePicker.d.ts +341 -0
- package/dist/esm/compose/form/DateTimePicker.js +1265 -0
- package/dist/esm/compose/form/FormControl.d.ts +33 -0
- package/dist/esm/compose/form/FormControl.js +163 -0
- package/dist/esm/compose/form/FormGroup.d.ts +14 -0
- package/dist/esm/compose/form/FormGroup.js +58 -0
- package/dist/esm/compose/overlay/Alert.d.ts +56 -0
- package/dist/esm/compose/overlay/Alert.js +267 -0
- package/dist/esm/constants/Alignment.d.ts +17 -0
- package/dist/esm/constants/Alignment.js +18 -0
- package/dist/esm/constants/Direction.d.ts +26 -0
- package/dist/esm/constants/Direction.js +22 -0
- package/dist/esm/constants/Orientation.d.ts +8 -0
- package/dist/esm/constants/Orientation.js +9 -0
- package/dist/esm/constants/Scheme.d.ts +39 -0
- package/dist/esm/constants/Scheme.js +43 -0
- package/dist/esm/constants/Transition.d.ts +81 -0
- package/dist/esm/constants/Transition.js +85 -0
- package/dist/esm/constants/Types.d.ts +74 -0
- package/dist/esm/constants/Types.js +14 -0
- package/dist/esm/core/ComponentBaseProps.d.ts +53 -0
- package/dist/esm/core/ComponentBaseProps.js +33 -0
- package/dist/esm/core/noseur.css +2390 -0
- package/dist/esm/data/Column.d.ts +235 -0
- package/dist/esm/data/Column.js +98 -0
- package/dist/esm/data/Data.css +213 -0
- package/dist/esm/data/Data.d.ts +98 -0
- package/dist/esm/data/Data.js +142 -0
- package/dist/esm/data/List.d.ts +14 -0
- package/dist/esm/data/List.js +117 -0
- package/dist/esm/data/Table.d.ts +22 -0
- package/dist/esm/data/Table.js +236 -0
- package/dist/esm/form/Button.d.ts +35 -0
- package/dist/esm/form/Button.js +131 -0
- package/dist/esm/form/Calendar.d.ts +20 -0
- package/dist/esm/form/Calendar.js +46 -0
- package/dist/esm/form/Checkbox.d.ts +20 -0
- package/dist/esm/form/Checkbox.js +155 -0
- package/dist/esm/form/ColorMap.d.ts +22 -0
- package/dist/esm/form/ColorMap.js +43 -0
- package/dist/esm/form/ColorPalette.d.ts +28 -0
- package/dist/esm/form/ColorPalette.js +87 -0
- package/dist/esm/form/Dropdown.d.ts +78 -0
- package/dist/esm/form/Dropdown.js +360 -0
- package/dist/esm/form/FileInput.d.ts +134 -0
- package/dist/esm/form/FileInput.js +523 -0
- package/dist/esm/form/Form.css +467 -0
- package/dist/esm/form/Input.d.ts +45 -0
- package/dist/esm/form/Input.js +186 -0
- package/dist/esm/form/RadioButton.d.ts +21 -0
- package/dist/esm/form/RadioButton.js +178 -0
- package/dist/esm/form/Slider.d.ts +21 -0
- package/dist/esm/form/Slider.js +163 -0
- package/dist/esm/hooks/useSearchParams.d.ts +15 -0
- package/dist/esm/hooks/useSearchParams.js +50 -0
- package/dist/esm/hooks/useSubscription.d.ts +9 -0
- package/dist/esm/hooks/useSubscription.js +26 -0
- package/dist/esm/index.d.ts +60 -0
- package/dist/esm/index.js +73 -0
- package/dist/esm/layout/GridView.d.ts +23 -0
- package/dist/esm/layout/GridView.js +34 -0
- package/dist/esm/layout/Layout.css +5 -0
- package/dist/esm/misc/Misc.css +164 -0
- package/dist/esm/misc/ProgressBar.d.ts +22 -0
- package/dist/esm/misc/ProgressBar.js +86 -0
- package/dist/esm/overlay/Dialog.d.ts +46 -0
- package/dist/esm/overlay/Dialog.js +290 -0
- package/dist/esm/overlay/Message.d.ts +35 -0
- package/dist/esm/overlay/Message.js +187 -0
- package/dist/esm/overlay/Overlay.css +382 -0
- package/dist/esm/overlay/Popover.d.ts +30 -0
- package/dist/esm/overlay/Popover.js +245 -0
- package/dist/esm/overlay/Portal.d.ts +11 -0
- package/dist/esm/overlay/Portal.js +29 -0
- package/dist/esm/overlay/Toast.d.ts +49 -0
- package/dist/esm/overlay/Toast.js +341 -0
- package/dist/esm/panel/Accordion.d.ts +26 -0
- package/dist/esm/panel/Accordion.js +127 -0
- package/dist/esm/panel/Panel.css +317 -0
- package/dist/esm/panel/Panel.d.ts +43 -0
- package/dist/esm/panel/Panel.js +125 -0
- package/dist/esm/panel/ScrollPanel.d.ts +27 -0
- package/dist/esm/panel/ScrollPanel.js +43 -0
- package/dist/esm/panel/TabPane.d.ts +82 -0
- package/dist/esm/panel/TabPane.js +237 -0
- package/dist/esm/presentation/Chart.d.ts +49 -0
- package/dist/esm/presentation/Chart.js +62 -0
- package/dist/esm/presentation/Paginator.d.ts +90 -0
- package/dist/esm/presentation/Paginator.js +331 -0
- package/dist/esm/presentation/Presentation.css +23 -0
- package/dist/esm/sensor/DragSensor.d.ts +50 -0
- package/dist/esm/sensor/DragSensor.js +156 -0
- package/dist/esm/sensor/ViewportSensor.d.ts +18 -0
- package/dist/esm/sensor/ViewportSensor.js +85 -0
- package/dist/esm/utils/BoolHelper.d.ts +13 -0
- package/dist/esm/utils/BoolHelper.js +105 -0
- package/dist/esm/utils/Classname.d.ts +9 -0
- package/dist/esm/utils/Classname.js +20 -0
- package/dist/esm/utils/ColorHelper.d.ts +127 -0
- package/dist/esm/utils/ColorHelper.js +198 -0
- package/dist/esm/utils/DOMUtils.d.ts +142 -0
- package/dist/esm/utils/DOMUtils.js +759 -0
- package/dist/esm/utils/DateHelper.d.ts +115 -0
- package/dist/esm/utils/DateHelper.js +338 -0
- package/dist/esm/utils/Debugger.d.ts +12 -0
- package/dist/esm/utils/Debugger.js +30 -0
- package/dist/esm/utils/FileHelper.d.ts +8 -0
- package/dist/esm/utils/FileHelper.js +65 -0
- package/dist/esm/utils/FunctionStackManager.d.ts +13 -0
- package/dist/esm/utils/FunctionStackManager.js +59 -0
- package/dist/esm/utils/InputHelper.d.ts +37 -0
- package/dist/esm/utils/InputHelper.js +70 -0
- package/dist/esm/utils/MicroBuilder.d.ts +24 -0
- package/dist/esm/utils/MicroBuilder.js +61 -0
- package/dist/esm/utils/ObjectHelper.d.ts +51 -0
- package/dist/esm/utils/ObjectHelper.js +334 -0
- package/dist/esm/utils/StringHelper.d.ts +10 -0
- package/dist/esm/utils/StringHelper.js +54 -0
- package/dist/esm/utils/Subscriber.d.ts +14 -0
- package/dist/esm/utils/Subscriber.js +27 -0
- package/dist/esm/utils/Timer.d.ts +32 -0
- package/dist/esm/utils/Timer.js +68 -0
- package/dist/esm/utils/TypeChecker.d.ts +12 -0
- package/dist/esm/utils/TypeChecker.js +38 -0
- package/package.json +63 -0
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export var Direction;
|
|
2
|
+
(function (Direction) {
|
|
3
|
+
Direction["ALL"] = "";
|
|
4
|
+
Direction["WEST"] = "WEST";
|
|
5
|
+
Direction["EAST"] = "EAST";
|
|
6
|
+
Direction["NORTH"] = "NORTH";
|
|
7
|
+
Direction["SOUTH"] = "SOUTH";
|
|
8
|
+
Direction["EAST_WEST"] = "EAST_WEST";
|
|
9
|
+
Direction["NORTH_WEST"] = "NORTH_WEST";
|
|
10
|
+
Direction["NORTH_EAST"] = "NORTH_EAST";
|
|
11
|
+
Direction["SOUTH_WEST"] = "SOUTH_WEST";
|
|
12
|
+
Direction["SOUTH_EAST"] = "SOUTH_EAST";
|
|
13
|
+
Direction["NORTH_SOUTH"] = "NORTH_SOUTH";
|
|
14
|
+
})(Direction || (Direction = {}));
|
|
15
|
+
export var Bound;
|
|
16
|
+
(function (Bound) {
|
|
17
|
+
Bound["ALL"] = "";
|
|
18
|
+
Bound["TOP"] = "TOP";
|
|
19
|
+
Bound["LEFT"] = "LEFT";
|
|
20
|
+
Bound["RIGHT"] = "RIGHT";
|
|
21
|
+
Bound["BOTTOM"] = "BOTTOM";
|
|
22
|
+
})(Bound || (Bound = {}));
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export var Orientation;
|
|
2
|
+
(function (Orientation) {
|
|
3
|
+
Orientation["NONE"] = "";
|
|
4
|
+
Orientation["VERTICAL"] = "vertical";
|
|
5
|
+
Orientation["HORIZONTAL"] = "horizontal";
|
|
6
|
+
Orientation["HORIZONTAL_VERTICAL"] = "horizontal_and_vertical";
|
|
7
|
+
Orientation["HORIZONTAL_OR_VERTICAL"] = "horizontal_or_vertical";
|
|
8
|
+
Orientation["HORIZONTAL_AND_VERTICAL"] = "horizontal_and_vertical";
|
|
9
|
+
})(Orientation || (Orientation = {}));
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
export declare enum Scheme {
|
|
2
|
+
NIL = "",
|
|
3
|
+
INFO = "noseur-info",
|
|
4
|
+
DARK = "noseur-dark",
|
|
5
|
+
LIGHT = "noseur-light",
|
|
6
|
+
RETRO = "noseur-retro",
|
|
7
|
+
DANGER = "noseur-danger",
|
|
8
|
+
SUCCESS = "noseur-success",
|
|
9
|
+
PRIMARY = "noseur-primary",
|
|
10
|
+
WARNING = "noseur-warning",
|
|
11
|
+
DRACULA = "noseur-dracula",
|
|
12
|
+
SKELETON = "noseur-skeleton",
|
|
13
|
+
STATELESS = "noseur-stateless",
|
|
14
|
+
SECONDARY = "noseur-secondary",
|
|
15
|
+
RETRO_REVERSE = "noseur-retro-reverse"
|
|
16
|
+
}
|
|
17
|
+
export declare enum MessageSchemesIcons {
|
|
18
|
+
NIL = "",
|
|
19
|
+
DARK = "fa fa-moon",
|
|
20
|
+
DANGER = "fa fa-skull",
|
|
21
|
+
SUCCESS = "fa fa-check",
|
|
22
|
+
SKELETON = "fa fa-x-ray",
|
|
23
|
+
PRIMARY = "fa fa-circle",
|
|
24
|
+
WARNING = "fa fa-warning",
|
|
25
|
+
LIGHT = "fa fa-lightbulb",
|
|
26
|
+
SECONDARY = "fa fa-square",
|
|
27
|
+
RETRO = "fa fa-camera-retro",
|
|
28
|
+
DRACULA = "fa fa-plus-square",
|
|
29
|
+
STATELESS = "noseur-stateless",
|
|
30
|
+
INFO = "fa fa-exclamation-circle",
|
|
31
|
+
RETRO_REVERSE = "fa fa-camera-retro"
|
|
32
|
+
}
|
|
33
|
+
export declare enum MessageSpinnerIcons {
|
|
34
|
+
GEAR = "fa fa-gear",
|
|
35
|
+
COG = "fa fa-cog fa-spin",
|
|
36
|
+
REFRESH = "fa fa-refresh",
|
|
37
|
+
SPINNER = "fa fa-spinner fa-spin",
|
|
38
|
+
NOTCH = "fa fa-circle-notch fa-spin"
|
|
39
|
+
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
export var Scheme;
|
|
2
|
+
(function (Scheme) {
|
|
3
|
+
Scheme["NIL"] = "";
|
|
4
|
+
Scheme["INFO"] = "noseur-info";
|
|
5
|
+
Scheme["DARK"] = "noseur-dark";
|
|
6
|
+
Scheme["LIGHT"] = "noseur-light";
|
|
7
|
+
Scheme["RETRO"] = "noseur-retro";
|
|
8
|
+
Scheme["DANGER"] = "noseur-danger";
|
|
9
|
+
Scheme["SUCCESS"] = "noseur-success";
|
|
10
|
+
Scheme["PRIMARY"] = "noseur-primary";
|
|
11
|
+
Scheme["WARNING"] = "noseur-warning";
|
|
12
|
+
Scheme["DRACULA"] = "noseur-dracula";
|
|
13
|
+
Scheme["SKELETON"] = "noseur-skeleton";
|
|
14
|
+
Scheme["STATELESS"] = "noseur-stateless";
|
|
15
|
+
Scheme["SECONDARY"] = "noseur-secondary";
|
|
16
|
+
Scheme["RETRO_REVERSE"] = "noseur-retro-reverse";
|
|
17
|
+
})(Scheme || (Scheme = {}));
|
|
18
|
+
export var MessageSchemesIcons;
|
|
19
|
+
(function (MessageSchemesIcons) {
|
|
20
|
+
MessageSchemesIcons["NIL"] = "";
|
|
21
|
+
MessageSchemesIcons["DARK"] = "fa fa-moon";
|
|
22
|
+
MessageSchemesIcons["DANGER"] = "fa fa-skull";
|
|
23
|
+
MessageSchemesIcons["SUCCESS"] = "fa fa-check";
|
|
24
|
+
MessageSchemesIcons["SKELETON"] = "fa fa-x-ray";
|
|
25
|
+
MessageSchemesIcons["PRIMARY"] = "fa fa-circle";
|
|
26
|
+
MessageSchemesIcons["WARNING"] = "fa fa-warning";
|
|
27
|
+
MessageSchemesIcons["LIGHT"] = "fa fa-lightbulb";
|
|
28
|
+
MessageSchemesIcons["SECONDARY"] = "fa fa-square";
|
|
29
|
+
MessageSchemesIcons["RETRO"] = "fa fa-camera-retro";
|
|
30
|
+
MessageSchemesIcons["DRACULA"] = "fa fa-plus-square";
|
|
31
|
+
MessageSchemesIcons["STATELESS"] = "noseur-stateless";
|
|
32
|
+
MessageSchemesIcons["INFO"] = "fa fa-exclamation-circle";
|
|
33
|
+
MessageSchemesIcons["RETRO_REVERSE"] = "fa fa-camera-retro";
|
|
34
|
+
})(MessageSchemesIcons || (MessageSchemesIcons = {}));
|
|
35
|
+
;
|
|
36
|
+
export var MessageSpinnerIcons;
|
|
37
|
+
(function (MessageSpinnerIcons) {
|
|
38
|
+
MessageSpinnerIcons["GEAR"] = "fa fa-gear";
|
|
39
|
+
MessageSpinnerIcons["COG"] = "fa fa-cog fa-spin";
|
|
40
|
+
MessageSpinnerIcons["REFRESH"] = "fa fa-refresh";
|
|
41
|
+
MessageSpinnerIcons["SPINNER"] = "fa fa-spinner fa-spin";
|
|
42
|
+
MessageSpinnerIcons["NOTCH"] = "fa fa-circle-notch fa-spin";
|
|
43
|
+
})(MessageSpinnerIcons || (MessageSpinnerIcons = {}));
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
export declare enum Transition {
|
|
2
|
+
INFINITE = "noseur-transition-infinite",
|
|
3
|
+
NONE = "",
|
|
4
|
+
JUMP = "noseur-jump",
|
|
5
|
+
ZOOM = "noseur-zoom",
|
|
6
|
+
SPIN = "noseur-spin",
|
|
7
|
+
FADE = "noseur-fade",
|
|
8
|
+
FLIP = "noseur-flip",
|
|
9
|
+
BEAT = "noseur-beat",
|
|
10
|
+
JELLO = "noseur-jello",
|
|
11
|
+
EAGER = "noseur-eager",
|
|
12
|
+
SHAKE = "noseur-shake",
|
|
13
|
+
SLIDE = "noseur-slide",
|
|
14
|
+
HINGE = "noseur-hinge",
|
|
15
|
+
SWING = "noseur-swing",
|
|
16
|
+
FLASH = "noseur-flash",
|
|
17
|
+
PULSE = "noseur-pulse",
|
|
18
|
+
GOMMU = "noseur-rubber",
|
|
19
|
+
RUBBER = "noseur-rubber",
|
|
20
|
+
FLIP_X = "noseur-flip-x",
|
|
21
|
+
FLIP_Y = "noseur-flip-y",
|
|
22
|
+
WOBBLE = "noseur-wobble",
|
|
23
|
+
BOUNCE = "noseur-bounce",
|
|
24
|
+
CURTAIN = "noseur-curtain",
|
|
25
|
+
ROLL_IN = "noseur-roll-in",
|
|
26
|
+
ZOOM_IN = "noseur-zoom-in",
|
|
27
|
+
FADE_IN = "noseur-fade-in",
|
|
28
|
+
DIALOGY = "noseur-dialogy",
|
|
29
|
+
GELATINE = "noseur-gelatine",
|
|
30
|
+
ZOOM_OUT = "noseur-zoom-out",
|
|
31
|
+
BOUNCE_IN = "noseur-bounce-in",
|
|
32
|
+
FLIP_X_IN = "noseur-flip-x-in",
|
|
33
|
+
FLIP_Y_IN = "noseur-flip-y-in",
|
|
34
|
+
FADE_EXIT = "noseur-fade-exit",
|
|
35
|
+
FADE_ENTER = "noseur-fade-enter",
|
|
36
|
+
FLIP_X_OUT = "noseur-flip-x-out",
|
|
37
|
+
FLIP_Y_OUT = "noseur-flip-y-out",
|
|
38
|
+
BOUNCE_OUT = "noseur-bounce-out",
|
|
39
|
+
SLIDE_HORIZONTAL = "noseur-slide",
|
|
40
|
+
SLIDE_LEFT_TO_RIGHT = "noseur-ltr",
|
|
41
|
+
SLIDE_RIGHT_TO_LEFT = "noseur-rtl",
|
|
42
|
+
SLIDE_TOP_TO_BOTTOM = "noseur-ttb",
|
|
43
|
+
SLIDE_BOTTOM_TO_TOP = "noseur-btt",
|
|
44
|
+
GELATINE_IN = "noseur-gelatine-in",
|
|
45
|
+
BOUNCE_LEFT = "noseur-bounce-left",
|
|
46
|
+
GELATINE_OUT = "noseur-gelatine-out",
|
|
47
|
+
ROLL_IN_LEFT = "noseur-roll-in-left",
|
|
48
|
+
BOUNCE_RIGHT = "noseur-bounce-right",
|
|
49
|
+
SPIN_FORWARD = "noseur-spin-forward",
|
|
50
|
+
ELASTIC_SPIN = "noseur-elastic-spin",
|
|
51
|
+
FADE_IN_DOWN = "noseur-fade-in-down",
|
|
52
|
+
FADE_IN_LEFT = "noseur-fade-in-left",
|
|
53
|
+
ROLL_IN_RIGHT = "noseur-roll-in-right",
|
|
54
|
+
BOUNCE_IN_OUT = "noseur-bounce-in-out",
|
|
55
|
+
FADE_OUT_DOWN = "noseur-fade-out-down",
|
|
56
|
+
SPIN_BACKWARD = "noseur-spin-backward",
|
|
57
|
+
ROLL_OUT_LEFT = "noseur-roll-out-left",
|
|
58
|
+
ROLL_OUT_RIGHT = "noseur-roll-out-right",
|
|
59
|
+
SLIDE_VERTICAL = "noseur-slide-vertical",
|
|
60
|
+
FADE_OUT_RIGHT = "noseur-fade-out-right",
|
|
61
|
+
JACK_IN_THE_BOX = "noseur-jack-in-the-box",
|
|
62
|
+
FADE_IN_VERTICAL = "noseur-fade-in-vertical",
|
|
63
|
+
ROTATE_IN_UP_LEFT = "noseur-rotate-in-up-left",
|
|
64
|
+
BOUNCE_RIGHT_LEFT = "noseur-bounce-right-left",
|
|
65
|
+
BOUNCE_LEFT_RIGHT = "noseur-bounce-left-right",
|
|
66
|
+
FADE_IN_HORIZONTAL = "noseur-fade-in-horizontal",
|
|
67
|
+
ROTATE_OUT_UP_LEFT = "noseur-rotate-out-up-left",
|
|
68
|
+
ROTATE_IN_UP_RIGHT = "noseur-rotate-in-up-right",
|
|
69
|
+
JACK_IN_THE_BOX_IN = "noseur-jack-in-the-box-in",
|
|
70
|
+
JACK_IN_THE_BOX_OUT = "noseur-jack-in-the-box-out",
|
|
71
|
+
ROTATE_OUT_UP_RIGHT = "noseur-rotate-out-up-right",
|
|
72
|
+
ROTATE_IN_DOWN_LEFT = "noseur-rotate-in-down-left",
|
|
73
|
+
ROTATE_OUT_DOWN_LEFT = "noseur-rotate-out-down-left",
|
|
74
|
+
ROTATE_IN_DOWN_RIGHT = "noseur-rotate-in-down-right",
|
|
75
|
+
ROTATE_OUT_DOWN_RIGHT = "noseur-rotate-out-down-right",
|
|
76
|
+
ROLL_IN_LEFT_OUT_RIGHT = "noseur-roll-in-left-out-right",
|
|
77
|
+
ROLL_IN_RIGHT_OUT_LEFT = "noseur-roll-in-right-out-left",
|
|
78
|
+
ROTATE_IN_UP_LEFT_OUT_DOWN_LEFT = "noseur-rotate-in-up-out-dl",
|
|
79
|
+
ROTATE_IN_DOWN_RIGHT_OUT_UP_RIGHT = "noseur-rotate-in-dr-out-ur"
|
|
80
|
+
}
|
|
81
|
+
export declare const Animation: typeof Transition;
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
export var Transition;
|
|
2
|
+
(function (Transition) {
|
|
3
|
+
Transition["INFINITE"] = "noseur-transition-infinite";
|
|
4
|
+
//ROTATE = "noseur-rotate",
|
|
5
|
+
//ROTATE_IN = "noseur-rotate",
|
|
6
|
+
//ROTATE_OUT = "noseur-rotate",
|
|
7
|
+
Transition["NONE"] = "";
|
|
8
|
+
Transition["JUMP"] = "noseur-jump";
|
|
9
|
+
Transition["ZOOM"] = "noseur-zoom";
|
|
10
|
+
Transition["SPIN"] = "noseur-spin";
|
|
11
|
+
Transition["FADE"] = "noseur-fade";
|
|
12
|
+
Transition["FLIP"] = "noseur-flip";
|
|
13
|
+
Transition["BEAT"] = "noseur-beat";
|
|
14
|
+
Transition["JELLO"] = "noseur-jello";
|
|
15
|
+
Transition["EAGER"] = "noseur-eager";
|
|
16
|
+
Transition["SHAKE"] = "noseur-shake";
|
|
17
|
+
Transition["SLIDE"] = "noseur-slide";
|
|
18
|
+
Transition["HINGE"] = "noseur-hinge";
|
|
19
|
+
Transition["SWING"] = "noseur-swing";
|
|
20
|
+
Transition["FLASH"] = "noseur-flash";
|
|
21
|
+
Transition["PULSE"] = "noseur-pulse";
|
|
22
|
+
Transition["GOMMU"] = "noseur-rubber";
|
|
23
|
+
Transition["RUBBER"] = "noseur-rubber";
|
|
24
|
+
Transition["FLIP_X"] = "noseur-flip-x";
|
|
25
|
+
Transition["FLIP_Y"] = "noseur-flip-y";
|
|
26
|
+
Transition["WOBBLE"] = "noseur-wobble";
|
|
27
|
+
Transition["BOUNCE"] = "noseur-bounce";
|
|
28
|
+
Transition["CURTAIN"] = "noseur-curtain";
|
|
29
|
+
Transition["ROLL_IN"] = "noseur-roll-in";
|
|
30
|
+
Transition["ZOOM_IN"] = "noseur-zoom-in";
|
|
31
|
+
Transition["FADE_IN"] = "noseur-fade-in";
|
|
32
|
+
Transition["DIALOGY"] = "noseur-dialogy";
|
|
33
|
+
Transition["GELATINE"] = "noseur-gelatine";
|
|
34
|
+
Transition["ZOOM_OUT"] = "noseur-zoom-out";
|
|
35
|
+
Transition["BOUNCE_IN"] = "noseur-bounce-in";
|
|
36
|
+
Transition["FLIP_X_IN"] = "noseur-flip-x-in";
|
|
37
|
+
Transition["FLIP_Y_IN"] = "noseur-flip-y-in";
|
|
38
|
+
Transition["FADE_EXIT"] = "noseur-fade-exit";
|
|
39
|
+
Transition["FADE_ENTER"] = "noseur-fade-enter";
|
|
40
|
+
Transition["FLIP_X_OUT"] = "noseur-flip-x-out";
|
|
41
|
+
Transition["FLIP_Y_OUT"] = "noseur-flip-y-out";
|
|
42
|
+
Transition["BOUNCE_OUT"] = "noseur-bounce-out";
|
|
43
|
+
Transition["SLIDE_HORIZONTAL"] = "noseur-slide";
|
|
44
|
+
Transition["SLIDE_LEFT_TO_RIGHT"] = "noseur-ltr";
|
|
45
|
+
Transition["SLIDE_RIGHT_TO_LEFT"] = "noseur-rtl";
|
|
46
|
+
Transition["SLIDE_TOP_TO_BOTTOM"] = "noseur-ttb";
|
|
47
|
+
Transition["SLIDE_BOTTOM_TO_TOP"] = "noseur-btt";
|
|
48
|
+
Transition["GELATINE_IN"] = "noseur-gelatine-in";
|
|
49
|
+
Transition["BOUNCE_LEFT"] = "noseur-bounce-left";
|
|
50
|
+
Transition["GELATINE_OUT"] = "noseur-gelatine-out";
|
|
51
|
+
Transition["ROLL_IN_LEFT"] = "noseur-roll-in-left";
|
|
52
|
+
Transition["BOUNCE_RIGHT"] = "noseur-bounce-right";
|
|
53
|
+
Transition["SPIN_FORWARD"] = "noseur-spin-forward";
|
|
54
|
+
Transition["ELASTIC_SPIN"] = "noseur-elastic-spin";
|
|
55
|
+
Transition["FADE_IN_DOWN"] = "noseur-fade-in-down";
|
|
56
|
+
Transition["FADE_IN_LEFT"] = "noseur-fade-in-left";
|
|
57
|
+
Transition["ROLL_IN_RIGHT"] = "noseur-roll-in-right";
|
|
58
|
+
Transition["BOUNCE_IN_OUT"] = "noseur-bounce-in-out";
|
|
59
|
+
Transition["FADE_OUT_DOWN"] = "noseur-fade-out-down";
|
|
60
|
+
Transition["SPIN_BACKWARD"] = "noseur-spin-backward";
|
|
61
|
+
Transition["ROLL_OUT_LEFT"] = "noseur-roll-out-left";
|
|
62
|
+
Transition["ROLL_OUT_RIGHT"] = "noseur-roll-out-right";
|
|
63
|
+
Transition["SLIDE_VERTICAL"] = "noseur-slide-vertical";
|
|
64
|
+
Transition["FADE_OUT_RIGHT"] = "noseur-fade-out-right";
|
|
65
|
+
Transition["JACK_IN_THE_BOX"] = "noseur-jack-in-the-box";
|
|
66
|
+
Transition["FADE_IN_VERTICAL"] = "noseur-fade-in-vertical";
|
|
67
|
+
Transition["ROTATE_IN_UP_LEFT"] = "noseur-rotate-in-up-left";
|
|
68
|
+
Transition["BOUNCE_RIGHT_LEFT"] = "noseur-bounce-right-left";
|
|
69
|
+
Transition["BOUNCE_LEFT_RIGHT"] = "noseur-bounce-left-right";
|
|
70
|
+
Transition["FADE_IN_HORIZONTAL"] = "noseur-fade-in-horizontal";
|
|
71
|
+
Transition["ROTATE_OUT_UP_LEFT"] = "noseur-rotate-out-up-left";
|
|
72
|
+
Transition["ROTATE_IN_UP_RIGHT"] = "noseur-rotate-in-up-right";
|
|
73
|
+
Transition["JACK_IN_THE_BOX_IN"] = "noseur-jack-in-the-box-in";
|
|
74
|
+
Transition["JACK_IN_THE_BOX_OUT"] = "noseur-jack-in-the-box-out";
|
|
75
|
+
Transition["ROTATE_OUT_UP_RIGHT"] = "noseur-rotate-out-up-right";
|
|
76
|
+
Transition["ROTATE_IN_DOWN_LEFT"] = "noseur-rotate-in-down-left";
|
|
77
|
+
Transition["ROTATE_OUT_DOWN_LEFT"] = "noseur-rotate-out-down-left";
|
|
78
|
+
Transition["ROTATE_IN_DOWN_RIGHT"] = "noseur-rotate-in-down-right";
|
|
79
|
+
Transition["ROTATE_OUT_DOWN_RIGHT"] = "noseur-rotate-out-down-right";
|
|
80
|
+
Transition["ROLL_IN_LEFT_OUT_RIGHT"] = "noseur-roll-in-left-out-right";
|
|
81
|
+
Transition["ROLL_IN_RIGHT_OUT_LEFT"] = "noseur-roll-in-right-out-left";
|
|
82
|
+
Transition["ROTATE_IN_UP_LEFT_OUT_DOWN_LEFT"] = "noseur-rotate-in-up-out-dl";
|
|
83
|
+
Transition["ROTATE_IN_DOWN_RIGHT_OUT_UP_RIGHT"] = "noseur-rotate-in-dr-out-ur";
|
|
84
|
+
})(Transition || (Transition = {}));
|
|
85
|
+
export const Animation = Transition;
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Scheme } from "./Scheme";
|
|
3
|
+
interface NoseurCheckStateInterface {
|
|
4
|
+
value: string;
|
|
5
|
+
scheme: Scheme;
|
|
6
|
+
checked: boolean;
|
|
7
|
+
icon: NoseurIconElement;
|
|
8
|
+
}
|
|
9
|
+
type Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N ? Acc[number] : Enumerate<N, [...Acc, Acc['length']]>;
|
|
10
|
+
export type NoseurNummber = number | null;
|
|
11
|
+
export type NoseurLabel = React.ReactNode;
|
|
12
|
+
export type NoseurDivElement = HTMLDivElement;
|
|
13
|
+
export type NoseurInputValue = string | number;
|
|
14
|
+
export type NoseurObject<T> = {
|
|
15
|
+
[key: string]: T;
|
|
16
|
+
};
|
|
17
|
+
export type NoseurCheckState = NoseurCheckStateInterface;
|
|
18
|
+
export type NoseurNumberedObject<T> = {
|
|
19
|
+
[key: number]: T;
|
|
20
|
+
};
|
|
21
|
+
export type NoseurRawElement = Element | DocumentFragment;
|
|
22
|
+
export type NoseurDomElement = React.ReactNode | React.ReactElement | HTMLElement | null;
|
|
23
|
+
export type _NoseurElement = React.ReactNode | React.ReactElement | React.ReactNode | React.JSX.Element | string | number | null;
|
|
24
|
+
export type NoseurElement = _NoseurElement | _NoseurElement[];
|
|
25
|
+
export type NoseurIconElement = NoseurElement;
|
|
26
|
+
export type NoseurFormElement = HTMLTextAreaElement | HTMLInputElement;
|
|
27
|
+
export type NoseurButtonElement = HTMLButtonElement | HTMLAnchorElement;
|
|
28
|
+
export type SortIcons = {
|
|
29
|
+
asc: NoseurIconElement;
|
|
30
|
+
desc: NoseurIconElement;
|
|
31
|
+
unsorted: NoseurIconElement;
|
|
32
|
+
};
|
|
33
|
+
export type NumberRange<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>> | NoseurNummber;
|
|
34
|
+
export declare enum SortMode {
|
|
35
|
+
NONE = 0,
|
|
36
|
+
SINGLE = 1,
|
|
37
|
+
MULTIPLE = 2
|
|
38
|
+
}
|
|
39
|
+
export declare enum SortDirection {
|
|
40
|
+
NONE = 0,
|
|
41
|
+
BOTH = 1,
|
|
42
|
+
FORWARD = 2,
|
|
43
|
+
BACKWARD = 3
|
|
44
|
+
}
|
|
45
|
+
export interface ToggleIcons {
|
|
46
|
+
show: NoseurElement;
|
|
47
|
+
hide: NoseurElement;
|
|
48
|
+
}
|
|
49
|
+
export interface Color {
|
|
50
|
+
hex: string;
|
|
51
|
+
alpha: number;
|
|
52
|
+
rgb: {
|
|
53
|
+
r: number;
|
|
54
|
+
g: number;
|
|
55
|
+
b: number;
|
|
56
|
+
};
|
|
57
|
+
hsb: {
|
|
58
|
+
h: number;
|
|
59
|
+
s: number;
|
|
60
|
+
b: number;
|
|
61
|
+
};
|
|
62
|
+
cmyk: {
|
|
63
|
+
c: number;
|
|
64
|
+
m: number;
|
|
65
|
+
y: number;
|
|
66
|
+
k: number;
|
|
67
|
+
};
|
|
68
|
+
}
|
|
69
|
+
export interface ColorEvent {
|
|
70
|
+
color: Color;
|
|
71
|
+
previousColor?: Color;
|
|
72
|
+
}
|
|
73
|
+
export type ColorEventHandler = (event: ColorEvent) => void | true | Promise<void | true>;
|
|
74
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
;
|
|
2
|
+
export var SortMode;
|
|
3
|
+
(function (SortMode) {
|
|
4
|
+
SortMode[SortMode["NONE"] = 0] = "NONE";
|
|
5
|
+
SortMode[SortMode["SINGLE"] = 1] = "SINGLE";
|
|
6
|
+
SortMode[SortMode["MULTIPLE"] = 2] = "MULTIPLE";
|
|
7
|
+
})(SortMode || (SortMode = {}));
|
|
8
|
+
export var SortDirection;
|
|
9
|
+
(function (SortDirection) {
|
|
10
|
+
SortDirection[SortDirection["NONE"] = 0] = "NONE";
|
|
11
|
+
SortDirection[SortDirection["BOTH"] = 1] = "BOTH";
|
|
12
|
+
SortDirection[SortDirection["FORWARD"] = 2] = "FORWARD";
|
|
13
|
+
SortDirection[SortDirection["BACKWARD"] = 3] = "BACKWARD";
|
|
14
|
+
})(SortDirection || (SortDirection = {}));
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Scheme } from "../constants/Scheme";
|
|
3
|
+
import { NoseurObject } from "../constants/Types";
|
|
4
|
+
import { Transition } from "../constants/Transition";
|
|
5
|
+
export interface ComponentElementBasicAttributes {
|
|
6
|
+
id?: string;
|
|
7
|
+
scheme?: Scheme;
|
|
8
|
+
className?: string;
|
|
9
|
+
style?: React.CSSProperties | undefined;
|
|
10
|
+
}
|
|
11
|
+
export interface ComponentBaseProps<T1, T2 = {}, T3 = {}> extends MicroComponentBaseProps<T3>, React.DOMAttributes<T1> {
|
|
12
|
+
ref?: React.Ref<T1>;
|
|
13
|
+
manageRef: React.ForwardedRef<T2>;
|
|
14
|
+
forwardRef: React.ForwardedRef<T1>;
|
|
15
|
+
}
|
|
16
|
+
export interface MicroComponentBaseProps<T1 = {}> {
|
|
17
|
+
key: any;
|
|
18
|
+
id: string;
|
|
19
|
+
name: string;
|
|
20
|
+
attrsRelay: T1;
|
|
21
|
+
scheme: Scheme;
|
|
22
|
+
noStyle: boolean;
|
|
23
|
+
className: string;
|
|
24
|
+
disabled: boolean;
|
|
25
|
+
draggable: boolean;
|
|
26
|
+
style: React.CSSProperties | undefined;
|
|
27
|
+
}
|
|
28
|
+
export interface LoadingProps<T> {
|
|
29
|
+
loadingProps: Partial<T>;
|
|
30
|
+
}
|
|
31
|
+
export interface TransitionProps {
|
|
32
|
+
transition: Transition;
|
|
33
|
+
transitionOptions: NoseurObject<any>;
|
|
34
|
+
transitionTimeout: NoseurObject<any> | number;
|
|
35
|
+
}
|
|
36
|
+
export declare enum ComponentRenderType {
|
|
37
|
+
MODAL = 0,
|
|
38
|
+
INLINE = 1,
|
|
39
|
+
POPOVER = 2
|
|
40
|
+
}
|
|
41
|
+
export declare function extractMicroComponentBaseProps(props: NoseurObject<any>): MicroComponentBaseProps;
|
|
42
|
+
export declare function extractComponentElementBasicAttributes(attrs: ComponentElementBasicAttributes, includes: any[], excludes?: any[]): MicroComponentBaseProps;
|
|
43
|
+
export declare function addClassesToComponentElementBasicAttributes(attrs?: ComponentElementBasicAttributes, className?: string): ComponentElementBasicAttributes | undefined;
|
|
44
|
+
export declare class NoseurGlobals {
|
|
45
|
+
private static __noseurGlobals;
|
|
46
|
+
static KEYS: {
|
|
47
|
+
LAF: {
|
|
48
|
+
THEME: string;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
static put: (key: string, value: any) => any;
|
|
52
|
+
static get: (key: string, fallback?: any) => any;
|
|
53
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { Classname } from "../utils/Classname";
|
|
2
|
+
import { ObjectHelper } from "../utils/ObjectHelper";
|
|
3
|
+
export var ComponentRenderType;
|
|
4
|
+
(function (ComponentRenderType) {
|
|
5
|
+
ComponentRenderType[ComponentRenderType["MODAL"] = 0] = "MODAL";
|
|
6
|
+
ComponentRenderType[ComponentRenderType["INLINE"] = 1] = "INLINE";
|
|
7
|
+
ComponentRenderType[ComponentRenderType["POPOVER"] = 2] = "POPOVER";
|
|
8
|
+
})(ComponentRenderType || (ComponentRenderType = {}));
|
|
9
|
+
const MicroComponentBasePropskeys = ["id", "name", "style", "scheme", "noStyle", "className", "disabled", "key"];
|
|
10
|
+
export function extractMicroComponentBaseProps(props) {
|
|
11
|
+
return ObjectHelper.conditionalClone(props, (key) => MicroComponentBasePropskeys.includes(key));
|
|
12
|
+
}
|
|
13
|
+
export function extractComponentElementBasicAttributes(attrs, includes, excludes) {
|
|
14
|
+
return ObjectHelper.conditionalClone(attrs, (key) => (!includes.length || includes.includes(key)) && !excludes?.includes(key));
|
|
15
|
+
}
|
|
16
|
+
export function addClassesToComponentElementBasicAttributes(attrs, className) {
|
|
17
|
+
if (!attrs)
|
|
18
|
+
return;
|
|
19
|
+
attrs.className = Classname.build(attrs.className, className);
|
|
20
|
+
return attrs;
|
|
21
|
+
}
|
|
22
|
+
//* GLOBALS *//
|
|
23
|
+
export class NoseurGlobals {
|
|
24
|
+
static __noseurGlobals = {};
|
|
25
|
+
static KEYS = {
|
|
26
|
+
LAF: {
|
|
27
|
+
THEME: "NOSEUR.LAF.THEME"
|
|
28
|
+
},
|
|
29
|
+
};
|
|
30
|
+
static put = (key, value) => NoseurGlobals.__noseurGlobals[key] = value;
|
|
31
|
+
static get = (key, fallback) => NoseurGlobals.__noseurGlobals[key] ?? fallback;
|
|
32
|
+
}
|
|
33
|
+
//* END GLOBALS *//
|