@rolster/react-components 19.6.1 → 19.6.3
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 -21
- package/dist/cjs/index.cjs +422 -335
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/esm/components/atoms/Button/Button.d.ts +1 -1
- package/dist/esm/components/atoms/Button/Button.js.map +1 -1
- package/dist/esm/components/atoms/ButtonAction/ButtonAction.d.ts +3 -1
- package/dist/esm/components/atoms/ButtonAction/ButtonAction.js +7 -2
- package/dist/esm/components/atoms/ButtonAction/ButtonAction.js.map +1 -1
- package/dist/esm/components/atoms/Led/Led.d.ts +5 -1
- package/dist/esm/components/atoms/Led/Led.js +17 -2
- package/dist/esm/components/atoms/Led/Led.js.map +1 -1
- package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.d.ts +1 -1
- package/dist/esm/components/molecules/ButtonToggle/ButtonToggle.js.map +1 -1
- package/dist/esm/components/organisms/Confirmation/Confirmation.d.ts +1 -1
- package/dist/esm/components/organisms/Confirmation/Confirmation.js.map +1 -1
- package/dist/esm/controllers/DesingSystemController.d.ts +7 -0
- package/dist/esm/controllers/DesingSystemController.js +21 -0
- package/dist/esm/controllers/DesingSystemController.js.map +1 -0
- package/dist/esm/definitions.d.ts +2 -0
- package/dist/esm/definitions.js +1 -1
- package/dist/esm/definitions.js.map +1 -1
- package/dist/esm/helpers/color.d.ts +12 -21
- package/dist/esm/helpers/color.js +186 -153
- package/dist/esm/helpers/color.js.map +1 -1
- package/dist/esm/helpers/design-system.d.ts +2 -0
- package/dist/esm/helpers/design-system.js +16 -0
- package/dist/esm/helpers/design-system.js.map +1 -0
- package/dist/esm/index.d.ts +3 -0
- package/dist/esm/index.js +3 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types.d.ts +2 -0
- package/dist/esm/types.js +2 -0
- package/dist/esm/types.js.map +1 -0
- package/package.json +91 -91
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { MouseEventHandler } from 'react';
|
|
2
|
+
import { RlsButtonType } from '../../../types';
|
|
2
3
|
import { RlsComponent } from '../../definitions';
|
|
3
|
-
export type RlsButtonType = 'classic' | 'raised' | 'flat' | 'stroked' | 'outline' | 'ghost' | 'gradient';
|
|
4
4
|
interface ButtonProps extends RlsComponent {
|
|
5
5
|
type: RlsButtonType;
|
|
6
6
|
disabled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,OAAO,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,OAAO,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAWhD,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,OAAO,EACP,UAAU,EACV,UAAU,EACV,QAAQ,EACR,UAAU,EACE;IACZ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,qBAAqB,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,iBACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,OAAO,eACL,QAAQ,EACnB,QAAQ,EAAE,QAAQ,YAElB,eAAK,SAAS,EAAE,SAAS,aACtB,UAAU,IAAI,KAAC,UAAU,KAAG,EAE5B,UAAU,IAAI,KAAC,OAAO,IAAC,KAAK,EAAE,UAAU,GAAI,EAE5C,QAAQ,IAAI,cAAK,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAO,EAErE,UAAU,IAAI,KAAC,OAAO,IAAC,KAAK,EAAE,UAAU,GAAI,IACzC,GACC,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { MouseEventHandler } from 'react';
|
|
2
2
|
import { RlsComponent } from '../../definitions';
|
|
3
|
+
import { RlsButtonType } from '../../../types';
|
|
3
4
|
interface ButtonActionProps extends RlsComponent {
|
|
4
5
|
icon: string;
|
|
5
6
|
disabled?: boolean;
|
|
6
7
|
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
7
8
|
tooltip?: string;
|
|
9
|
+
type?: RlsButtonType;
|
|
8
10
|
}
|
|
9
|
-
export declare function RlsButtonAction({ icon, disabled, identifier, onClick, tooltip }: ButtonActionProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare function RlsButtonAction({ icon, disabled, identifier, onClick, rlsTheme, tooltip, type }: ButtonActionProps): import("react/jsx-runtime").JSX.Element;
|
|
10
12
|
export {};
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo } from 'react';
|
|
2
3
|
import { RlsIcon } from '../Icon/Icon';
|
|
3
|
-
|
|
4
|
-
|
|
4
|
+
import { renderClassStatus } from '../../../helpers/css';
|
|
5
|
+
export function RlsButtonAction({ icon, disabled, identifier, onClick, rlsTheme, tooltip, type }) {
|
|
6
|
+
const className = useMemo(() => {
|
|
7
|
+
return renderClassStatus('rls-button-action', { type });
|
|
8
|
+
}, [type]);
|
|
9
|
+
return (_jsxs("button", { id: identifier, className: className, onClick: onClick, disabled: disabled, "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-button-action__content", children: _jsx(RlsIcon, { value: icon }) }), tooltip && (_jsx("div", { className: "rls-button-action__tooltip rls-overline-font-medium", children: _jsx("span", { children: tooltip }) }))] }));
|
|
5
10
|
}
|
|
6
11
|
//# sourceMappingURL=ButtonAction.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonAction.js","sourceRoot":"","sources":["../../../../../src/components/atoms/ButtonAction/ButtonAction.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ButtonAction.js","sourceRoot":"","sources":["../../../../../src/components/atoms/ButtonAction/ButtonAction.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,OAAO,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAUzD,MAAM,UAAU,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,OAAO,EACP,QAAQ,EACR,OAAO,EACP,IAAI,EACc;IAClB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,mBAAmB,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IAC1D,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,kBACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,eACP,QAAQ,aAEnB,cAAK,SAAS,EAAC,4BAA4B,YACzC,KAAC,OAAO,IAAC,KAAK,EAAE,IAAI,GAAI,GACpB,EACL,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,qDAAqD,YAClE,yBAAO,OAAO,GAAQ,GAClB,CACP,IACM,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -1,2 +1,6 @@
|
|
|
1
1
|
import { PropsWithRlsTheme } from '../../definitions';
|
|
2
|
-
|
|
2
|
+
interface RlsLedProps extends PropsWithRlsTheme {
|
|
3
|
+
color?: string;
|
|
4
|
+
}
|
|
5
|
+
export declare function RlsLed({ color, rlsTheme }: RlsLedProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export {};
|
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
import { useEffect, useRef } from 'react';
|
|
3
|
+
import { hexIsValid, normalizeHex } from '../../../helpers/color';
|
|
4
|
+
const CONTENT_BACKGROUND = '--pvt-content-background';
|
|
5
|
+
export function RlsLed({ color, rlsTheme }) {
|
|
6
|
+
const refLed = useRef(null);
|
|
7
|
+
const refColor = useRef(undefined);
|
|
8
|
+
useEffect(() => {
|
|
9
|
+
if (color && hexIsValid(color)) {
|
|
10
|
+
refColor.current = normalizeHex(color);
|
|
11
|
+
refLed.current?.style.setProperty(CONTENT_BACKGROUND, refColor.current);
|
|
12
|
+
}
|
|
13
|
+
else if (refColor.current) {
|
|
14
|
+
refColor.current = undefined;
|
|
15
|
+
refLed.current?.style.setProperty(CONTENT_BACKGROUND, 'var(--rls-app-color-500)');
|
|
16
|
+
}
|
|
17
|
+
}, [color]);
|
|
18
|
+
return _jsx("div", { ref: refLed, className: "rls-led", "rls-theme": rlsTheme });
|
|
4
19
|
}
|
|
5
20
|
//# sourceMappingURL=Led.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Led.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Led/Led.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Led.js","sourceRoot":"","sources":["../../../../../src/components/atoms/Led/Led.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAMlE,MAAM,kBAAkB,GAAG,0BAA0B,CAAC;AAEtD,MAAM,UAAU,MAAM,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAe;IACrD,MAAM,MAAM,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAG,MAAM,CAAS,SAAS,CAAC,CAAC;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;YAC/B,QAAQ,CAAC,OAAO,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;YACvC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,kBAAkB,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;QAC1E,CAAC;aAAM,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YAC5B,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;YAC7B,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,WAAW,CAC/B,kBAAkB,EAClB,0BAA0B,CAC3B,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,cAAK,GAAG,EAAE,MAAM,EAAE,SAAS,EAAC,SAAS,eAAY,QAAQ,GAAQ,CAAC;AAC3E,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonToggle.js","sourceRoot":"","sources":["../../../../../src/components/molecules/ButtonToggle/ButtonToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAGL,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"ButtonToggle.js","sourceRoot":"","sources":["../../../../../src/components/molecules/ButtonToggle/ButtonToggle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { SealedPartial } from '@rolster/commons';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
-
import { RlsButtonType } from '
|
|
3
|
+
import { RlsButtonType } from '../../../types';
|
|
4
4
|
import { RlsTheme } from '../../definitions';
|
|
5
5
|
export declare class ConfirmationResult extends SealedPartial<void, void, {
|
|
6
6
|
approved: () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Confirmation.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Confirmation/Confirmation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAa,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Confirmation.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Confirmation/Confirmation.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { RlsDesignSystem } from '../types';
|
|
2
|
+
export interface DesingSystemController {
|
|
3
|
+
setValue: (value: RlsDesignSystem) => void;
|
|
4
|
+
toggle: () => void;
|
|
5
|
+
value: RlsDesignSystem;
|
|
6
|
+
}
|
|
7
|
+
export declare function useDesingSystemController(primaryDesignSystem?: RlsDesignSystem, secondaryDesignSystem?: RlsDesignSystem): DesingSystemController;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { useCallback, useState } from 'react';
|
|
2
|
+
import { setDesignSystem } from '../helpers/design-system';
|
|
3
|
+
export function useDesingSystemController(primaryDesignSystem = 'bordered', secondaryDesignSystem = 'filled') {
|
|
4
|
+
const [designSystem, setDesignSystemValue] = useState(() => {
|
|
5
|
+
setDesignSystem(primaryDesignSystem);
|
|
6
|
+
return primaryDesignSystem;
|
|
7
|
+
});
|
|
8
|
+
const setValue = useCallback((value) => {
|
|
9
|
+
setDesignSystem(value);
|
|
10
|
+
setDesignSystemValue(value);
|
|
11
|
+
}, []);
|
|
12
|
+
const toggle = useCallback(() => {
|
|
13
|
+
const nextDesignSystem = designSystem === primaryDesignSystem
|
|
14
|
+
? secondaryDesignSystem
|
|
15
|
+
: primaryDesignSystem;
|
|
16
|
+
setDesignSystem(nextDesignSystem);
|
|
17
|
+
setDesignSystemValue(nextDesignSystem);
|
|
18
|
+
}, [designSystem, primaryDesignSystem, secondaryDesignSystem]);
|
|
19
|
+
return { setValue, toggle, value: designSystem };
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=DesingSystemController.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DesingSystemController.js","sourceRoot":"","sources":["../../../src/controllers/DesingSystemController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAS3D,MAAM,UAAU,yBAAyB,CACvC,sBAAuC,UAAU,EACjD,wBAAyC,QAAQ;IAEjD,MAAM,CAAC,YAAY,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE;QACzD,eAAe,CAAC,mBAAmB,CAAC,CAAC;QAErC,OAAO,mBAAmB,CAAC;IAC7B,CAAC,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,KAAsB,EAAE,EAAE;QACtD,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,MAAM,gBAAgB,GACpB,YAAY,KAAK,mBAAmB;YAClC,CAAC,CAAC,qBAAqB;YACvB,CAAC,CAAC,mBAAmB,CAAC;QAE1B,eAAe,CAAC,gBAAgB,CAAC,CAAC;QAClC,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,YAAY,EAAE,mBAAmB,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE/D,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC;AACnD,CAAC"}
|
package/dist/esm/definitions.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export const DEFAULT_DESIGN_SYSTEM = 'bordered';
|
|
2
2
|
//# sourceMappingURL=definitions.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"definitions.js","sourceRoot":"","sources":["../../src/definitions.ts"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"definitions.js","sourceRoot":"","sources":["../../src/definitions.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,qBAAqB,GAAoB,UAAU,CAAC"}
|
|
@@ -9,35 +9,25 @@ export interface RGB {
|
|
|
9
9
|
g: number;
|
|
10
10
|
b: number;
|
|
11
11
|
}
|
|
12
|
+
export interface HSL {
|
|
13
|
+
h: number;
|
|
14
|
+
s: number;
|
|
15
|
+
l: number;
|
|
16
|
+
}
|
|
12
17
|
export declare function hsvToRgb({ h, s, v }: HSV): RGB;
|
|
13
|
-
export declare function rgbToHsv(r
|
|
14
|
-
export declare function rgbToHex(r
|
|
18
|
+
export declare function rgbToHsv({ r, g, b }: RGB): HSV;
|
|
19
|
+
export declare function rgbToHex({ r, g, b }: RGB): string;
|
|
15
20
|
export declare function hexToRgb(hex: string): RGB | null;
|
|
16
21
|
export declare function hexToHsv(hex: string): HSV | null;
|
|
17
22
|
export declare function hsvToHex(hsv: HSV): string;
|
|
18
23
|
export declare function hexIsValid(hex: string): boolean;
|
|
19
24
|
export declare function normalizeHex(hex: string): string;
|
|
20
|
-
export interface HSL {
|
|
21
|
-
h: number;
|
|
22
|
-
s: number;
|
|
23
|
-
l: number;
|
|
24
|
-
}
|
|
25
25
|
export declare function hslToHex({ h, s, l }: HSL): string;
|
|
26
|
-
export declare function rgbToHsl(r
|
|
26
|
+
export declare function rgbToHsl({ r, g, b }: RGB): HSL;
|
|
27
27
|
export declare function hexToHsl(hex: string): HSL | null;
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
'800': string;
|
|
32
|
-
'700': string;
|
|
33
|
-
'600': string;
|
|
34
|
-
'500': string;
|
|
35
|
-
'400': string;
|
|
36
|
-
'300': string;
|
|
37
|
-
'200': string;
|
|
38
|
-
'100': string;
|
|
39
|
-
'050': string;
|
|
40
|
-
}
|
|
28
|
+
declare const SHADE_LABELS: readonly ["950", "900", "800", "700", "600", "500", "400", "300", "200", "100", "050"];
|
|
29
|
+
type ShadeLabel = (typeof SHADE_LABELS)[number];
|
|
30
|
+
export type ThemeShades = Record<ShadeLabel, string>;
|
|
41
31
|
export interface ThemePalette {
|
|
42
32
|
theme: RlsTheme;
|
|
43
33
|
colors: ThemeShades;
|
|
@@ -50,3 +40,4 @@ export interface ThemePalette {
|
|
|
50
40
|
export declare function generateThemePalette(baseColor: string, theme?: RlsTheme): ThemePalette;
|
|
51
41
|
export declare function setThemeColor(baseColor: string, theme?: RlsTheme): void;
|
|
52
42
|
export declare const DEFAULT_COLOR = "#1780e0";
|
|
43
|
+
export {};
|