@rolster/react-components 18.20.4 → 18.20.6

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.
@@ -48,9 +48,11 @@
48
48
  }
49
49
  .rls-breadcrumb__label__a {
50
50
  display: inline-block;
51
- cursor: pointer;
52
51
  color: var(--pvt-link-font-color);
53
52
  }
53
+ .rls-breadcrumb__label__a--actionable {
54
+ cursor: pointer;
55
+ }
54
56
  .rls-breadcrumb__label__a--actionable:hover {
55
57
  color: var(--rls-theme-color-500);
56
58
  text-decoration: underline;
@@ -0,0 +1,29 @@
1
+ .rls-alert {
2
+ position: relative;
3
+ display: flex;
4
+ align-items: center;
5
+ column-gap: var(--rls-sizing-x6);
6
+ border-radius: var(--rls-sizing-x6);
7
+ box-sizing: border-box;
8
+ background: var(--rls-theme-color-100);
9
+ padding: var(--rls-sizing-x4) var(--rls-sizing-x6);
10
+ }
11
+ .rls-alert--bordered {
12
+ border: var(--rls-theme-border-1-500);
13
+ }
14
+ .rls-alert__icon {
15
+ --rlc-icon-color: var(--rls-theme-color-100);
16
+ display: flex;
17
+ align-items: center;
18
+ justify-content: center;
19
+ width: var(--rls-sizing-x16);
20
+ height: var(--rls-sizing-x16);
21
+ border-radius: 50%;
22
+ background: var(--rls-theme-color-500);
23
+ }
24
+ .rls-alert__icon + .rls-alert__content {
25
+ max-width: calc(100% - 22rem);
26
+ }
27
+ .rls-alert__content {
28
+ width: auto;
29
+ }
@@ -0,0 +1,8 @@
1
+ import { RlsComponent } from '../../definitions';
2
+ import './Alert.css';
3
+ interface RlsAlertProps extends RlsComponent {
4
+ icon?: string;
5
+ bordered?: boolean;
6
+ }
7
+ export declare function RlsAlert({ bordered, children, icon, identifier, rlsTheme }: RlsAlertProps): import("react/jsx-runtime").JSX.Element;
8
+ export {};
@@ -0,0 +1,8 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useRenderClassStatus } from '../../../controllers';
3
+ import { RlsIcon } from '../../atoms';
4
+ import './Alert.css';
5
+ export function RlsAlert({ bordered, children, icon, identifier, rlsTheme }) {
6
+ return (_jsxs("div", { id: identifier, className: useRenderClassStatus('rls-alert', { bordered }), "rls-theme": rlsTheme, children: [icon && (_jsx("div", { className: "rls-alert__icon", children: _jsx(RlsIcon, { value: icon }) })), _jsx("div", { className: "rls-alert__content", children: children })] }));
7
+ }
8
+ //# sourceMappingURL=Alert.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Alert/Alert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,OAAO,aAAa,CAAC;AAOrB,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,QAAQ,EACM;IACd,OAAO,CACL,eACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,oBAAoB,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,CAAC,eAC/C,QAAQ,aAElB,IAAI,IAAI,CACP,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,OAAO,IAAC,KAAK,EAAE,IAAI,GAAI,GACpB,CACP,EAED,cAAK,SAAS,EAAC,oBAAoB,YAAE,QAAQ,GAAO,IAChD,CACP,CAAC;AACJ,CAAC"}
@@ -1,3 +1,4 @@
1
+ export * from './Alert/Alert';
1
2
  export * from './Ballot/Ballot';
2
3
  export * from './ButtonProgress/ButtonProgress';
3
4
  export * from './ButtonToggle/ButtonToggle';
@@ -1,3 +1,4 @@
1
+ export * from './Alert/Alert';
1
2
  export * from './Ballot/Ballot';
2
3
  export * from './ButtonProgress/ButtonProgress';
3
4
  export * from './ButtonToggle/ButtonToggle';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC"}
@@ -1,3 +1,4 @@
1
+ import { ReactNode } from 'react';
1
2
  import { DatatableController } from '../../../controllers';
2
3
  import { RlsComponent } from '../../definitions';
3
4
  interface DatatableCellProps extends RlsComponent {
@@ -5,6 +6,9 @@ interface DatatableCellProps extends RlsComponent {
5
6
  control?: boolean;
6
7
  overflow?: boolean;
7
8
  }
9
+ interface DatatableSubheaderProps extends RlsComponent {
10
+ className?: string;
11
+ }
8
12
  interface DatatableRecordProps extends RlsComponent {
9
13
  className?: string;
10
14
  error?: boolean;
@@ -14,15 +18,17 @@ interface DatatableRecordProps extends RlsComponent {
14
18
  }
15
19
  interface DatatableProps extends RlsComponent {
16
20
  datatable?: DatatableController;
17
- footer?: JSX.Element;
18
- header?: JSX.Element;
19
- summary?: JSX.Element;
21
+ footer?: ReactNode;
22
+ header?: ReactNode;
23
+ summary?: ReactNode;
24
+ toolbar?: ReactNode;
20
25
  }
21
26
  export declare function RlsDatatableHeader({ children, identifier }: RlsComponent): import("react/jsx-runtime").JSX.Element;
22
27
  export declare function RlsDatatableTitle({ children, className, control, identifier }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
28
+ export declare function RlsDatatableSubheader({ children, className, identifier }: DatatableSubheaderProps): import("react/jsx-runtime").JSX.Element;
23
29
  export declare function RlsDatatableRecord({ children, className, error, identifier, info, successs, warning }: DatatableRecordProps): import("react/jsx-runtime").JSX.Element;
24
30
  export declare function RlsDatatableTotals({ children, className, error, identifier, info, successs, warning }: DatatableRecordProps): import("react/jsx-runtime").JSX.Element;
25
31
  export declare function RlsDatatableCell({ children, className, control, identifier, overflow }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
26
32
  export declare function RlsDatatableData({ children, className, control, identifier, overflow }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
27
- export declare function RlsDatatable({ children, datatable, footer, header, identifier, rlsTheme, summary }: DatatableProps): import("react/jsx-runtime").JSX.Element;
33
+ export declare function RlsDatatable({ children, datatable, footer, header, identifier, rlsTheme, summary, toolbar }: DatatableProps): import("react/jsx-runtime").JSX.Element;
28
34
  export {};
@@ -6,6 +6,9 @@ export function RlsDatatableHeader({ children, identifier }) {
6
6
  export function RlsDatatableTitle({ children, className, control, identifier }) {
7
7
  return (_jsx("th", { id: identifier, className: useRenderClassStatus('rls-datatable__title', { control }, className).trim(), children: children }));
8
8
  }
9
+ export function RlsDatatableSubheader({ children, className, identifier }) {
10
+ return (_jsx("tr", { id: identifier, className: useRenderClassStatus('rls-datatable__subheader', {}, className).trim(), children: children }));
11
+ }
9
12
  export function RlsDatatableRecord({ children, className, error, identifier, info, successs, warning }) {
10
13
  return (_jsx("tr", { id: identifier, className: useRenderClassStatus('rls-datatable__record', { error, info, successs, warning }, className).trim(), children: children }));
11
14
  }
@@ -18,9 +21,9 @@ export function RlsDatatableCell({ children, className, control, identifier, ove
18
21
  export function RlsDatatableData({ children, className, control, identifier, overflow }) {
19
22
  return (_jsx("div", { id: identifier, className: useRenderClassStatus('rls-datatable__data', { control, overflow }, className).trim(), children: children }));
20
23
  }
21
- export function RlsDatatable({ children, datatable, footer, header, identifier, rlsTheme, summary }) {
24
+ export function RlsDatatable({ children, datatable, footer, header, identifier, rlsTheme, summary, toolbar }) {
22
25
  return (_jsxs("div", { className: useRenderClassStatus('rls-datatable', {
23
26
  scrolleable: datatable?.scrolleable
24
- }), "rls-theme": rlsTheme, children: [_jsxs("table", { id: identifier, children: [header && _jsx("thead", { className: "rls-datatable__thead", children: header }), _jsx("tbody", { ref: datatable?.tableRef, className: "rls-datatable__tbody", children: children })] }), summary && _jsx("div", { className: "rls-datatable__tsummary", children: summary }), footer && _jsx("div", { className: "rls-datatable__tfooter", children: footer })] }));
27
+ }), "rls-theme": rlsTheme, children: [toolbar && _jsx("div", { className: "rls-datatable__toolbar", children: toolbar }), _jsxs("table", { id: identifier, children: [header && _jsx("thead", { className: "rls-datatable__head", children: header }), _jsx("tbody", { ref: datatable?.tableRef, className: "rls-datatable__body", children: children })] }), summary && _jsx("div", { className: "rls-datatable__summary", children: summary }), footer && _jsx("div", { className: "rls-datatable__footer", children: footer })] }));
25
28
  }
26
29
  //# sourceMappingURL=Datatable.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Datatable.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Datatable/Datatable.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Datatable.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Datatable/Datatable.tsx"],"names":[],"mappings":";AACA,OAAO,EAEL,oBAAoB,EACrB,MAAM,sBAAsB,CAAC;AA6B9B,MAAM,UAAU,kBAAkB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAgB;IACvE,OAAO,CACL,aAAI,EAAE,EAAE,UAAU,EAAE,SAAS,EAAC,uBAAuB,YAClD,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAU,EACS;IACnB,OAAO,CACL,aACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,oBAAoB,CAC7B,sBAAsB,EACtB,EAAE,OAAO,EAAE,EACX,SAAS,CACV,CAAC,IAAI,EAAE,YAEP,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,EACpC,QAAQ,EACR,SAAS,EACT,UAAU,EACc;IACxB,OAAO,CACL,aACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,oBAAoB,CAC7B,0BAA0B,EAC1B,EAAE,EACF,SAAS,CACV,CAAC,IAAI,EAAE,YAEP,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAS,EACT,KAAK,EACL,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,OAAO,EACc;IACrB,OAAO,CACL,aACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,oBAAoB,CAC7B,uBAAuB,EACvB,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAClC,SAAS,CACV,CAAC,IAAI,EAAE,YAEP,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAS,EACT,KAAK,EACL,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,OAAO,EACc;IACrB,OAAO,CACL,cACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,oBAAoB,CAC7B,uBAAuB,EACvB,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAClC,SAAS,CACV,CAAC,IAAI,EAAE,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACW;IACnB,OAAO,CACL,aACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,oBAAoB,CAC7B,qBAAqB,EACrB,EAAE,OAAO,EAAE,QAAQ,EAAE,EACrB,SAAS,CACV,CAAC,IAAI,EAAE,YAEP,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACW;IACnB,OAAO,CACL,cACE,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,oBAAoB,CAC7B,qBAAqB,EACrB,EAAE,OAAO,EAAE,QAAQ,EAAE,EACrB,SAAS,CACV,CAAC,IAAI,EAAE,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,MAAM,EACN,MAAM,EACN,UAAU,EACV,QAAQ,EACR,OAAO,EACP,OAAO,EACQ;IACf,OAAO,CACL,eACE,SAAS,EAAE,oBAAoB,CAAC,eAAe,EAAE;YAC/C,WAAW,EAAE,SAAS,EAAE,WAAW;SACpC,CAAC,eACS,QAAQ,aAElB,OAAO,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,OAAO,GAAO,EAEnE,iBAAO,EAAE,EAAE,UAAU,aAClB,MAAM,IAAI,gBAAO,SAAS,EAAC,qBAAqB,YAAE,MAAM,GAAS,EAElE,gBAAO,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAC,qBAAqB,YAC7D,QAAQ,GACH,IACF,EAEP,OAAO,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,OAAO,GAAO,EAElE,MAAM,IAAI,cAAK,SAAS,EAAC,uBAAuB,YAAE,MAAM,GAAO,IAC5D,CACP,CAAC;AACJ,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolster/react-components",
3
- "version": "18.20.4",
3
+ "version": "18.20.6",
4
4
  "type": "module",
5
5
  "description": "Package containing UI components for React Project.",
6
6
  "module": "dist/esm/index.js",
@@ -49,7 +49,7 @@
49
49
  "@rollup/plugin-node-resolve": "^15.2.1",
50
50
  "@rollup/plugin-typescript": "^11.1.3",
51
51
  "@rolster/rollup": "^1.0.6",
52
- "@rolster/styles-foundations": "^2.3.30",
52
+ "@rolster/styles-foundations": "^2.3.31",
53
53
  "@rolster/types": "^1.1.0",
54
54
  "@types/node-sass": "^4.11.4",
55
55
  "@types/react": "^18.0.28",