@rolster/react-components 18.21.46 → 18.22.1

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 (45) hide show
  1. package/dist/cjs/assets/{index-CaA_sxmM.css → index-B9-Brjbd.css} +197 -1
  2. package/dist/cjs/index.js +444 -5
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/es/assets/{index-CaA_sxmM.css → index-B9-Brjbd.css} +197 -1
  5. package/dist/es/index.js +440 -6
  6. package/dist/es/index.js.map +1 -1
  7. package/dist/esm/components/molecules/Slider/Slider.css +60 -0
  8. package/dist/esm/components/molecules/Slider/Slider.css.map +1 -0
  9. package/dist/esm/components/molecules/Slider/Slider.d.ts +14 -0
  10. package/dist/esm/components/molecules/Slider/Slider.js +60 -0
  11. package/dist/esm/components/molecules/Slider/Slider.js.map +1 -0
  12. package/dist/esm/components/molecules/index.d.ts +1 -0
  13. package/dist/esm/components/molecules/index.js +1 -0
  14. package/dist/esm/components/molecules/index.js.map +1 -1
  15. package/dist/esm/components/organisms/ImageChooser/ImageChooser.css +36 -0
  16. package/dist/esm/components/organisms/ImageChooser/ImageChooser.css.map +1 -0
  17. package/dist/esm/components/organisms/ImageChooser/ImageChooser.d.ts +12 -0
  18. package/dist/esm/components/organisms/ImageChooser/ImageChooser.js +62 -0
  19. package/dist/esm/components/organisms/ImageChooser/ImageChooser.js.map +1 -0
  20. package/dist/esm/components/organisms/ImageEditor/ImageEditor.css +97 -0
  21. package/dist/esm/components/organisms/ImageEditor/ImageEditor.css.map +1 -0
  22. package/dist/esm/components/organisms/ImageEditor/ImageEditor.d.ts +21 -0
  23. package/dist/esm/components/organisms/ImageEditor/ImageEditor.js +207 -0
  24. package/dist/esm/components/organisms/ImageEditor/ImageEditor.js.map +1 -0
  25. package/dist/esm/components/organisms/Modal/Modal.css +1 -1
  26. package/dist/esm/components/organisms/Modal/Modal.css.map +1 -1
  27. package/dist/esm/components/organisms/Modal/Modal.d.ts +2 -1
  28. package/dist/esm/components/organisms/Modal/Modal.js +5 -5
  29. package/dist/esm/components/organisms/Modal/Modal.js.map +1 -1
  30. package/dist/esm/components/organisms/index.d.ts +2 -0
  31. package/dist/esm/components/organisms/index.js +2 -0
  32. package/dist/esm/components/organisms/index.js.map +1 -1
  33. package/dist/esm/controllers/RelocationOnComponentController.d.ts +8 -0
  34. package/dist/esm/controllers/RelocationOnComponentController.js +93 -0
  35. package/dist/esm/controllers/RelocationOnComponentController.js.map +1 -0
  36. package/dist/esm/controllers/ResizeController.d.ts +15 -0
  37. package/dist/esm/controllers/ResizeController.js +29 -0
  38. package/dist/esm/controllers/ResizeController.js.map +1 -0
  39. package/dist/esm/controllers/index.d.ts +2 -0
  40. package/dist/esm/controllers/index.js +2 -0
  41. package/dist/esm/controllers/index.js.map +1 -1
  42. package/dist/esm/i18n.d.ts +3 -0
  43. package/dist/esm/i18n.js +6 -0
  44. package/dist/esm/i18n.js.map +1 -1
  45. package/package.json +1 -1
@@ -32,7 +32,7 @@
32
32
  .rls-modal__component {
33
33
  position: absolute;
34
34
  width: auto;
35
- max-width: calc(100% - var(--rls-sizing-x8));
35
+ max-width: var(--rlc-modal-max-width, calc(100% - var(--rls-sizing-x8)));
36
36
  height: var(--pvt-component-height);
37
37
  opacity: var(--pvt-component-opacity);
38
38
  visibility: var(--pvt-component-visibility);
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Modal/Modal.scss"],"names":[],"mappings":"AAOA,WACE,wDACA,6BACA,2BACA,iCACA,mCACA,0BACA,+BAEA,eACA,aACA,SACA,UACA,WACA,YACA,8BACA,kBACA,mBACA,uBAEA,qBACE,kCAGF,oBACE,oCACA,6BACA,2BACA,kDACA,4BACA,0BAEA,mBAGF,sBACE,kBACA,WACA,4CACA,mCACA,qCACA,2CACA,6BACA,uCACA,mCACA,oCACA,yCACA,gKAKF,qBACE,kBACA,cACA,SACA,UACA,WACA,kCACA,oCACA,UACA,yCACA,0BACA","file":"Modal.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Modal/Modal.scss"],"names":[],"mappings":"AAOA,WACE,wDACA,6BACA,2BACA,iCACA,mCACA,0BACA,+BAEA,eACA,aACA,SACA,UACA,WACA,YACA,8BACA,kBACA,mBACA,uBAEA,qBACE,kCAGF,oBACE,oCACA,6BACA,2BACA,kDACA,4BACA,0BAEA,mBAGF,sBACE,kBACA,WACA,wEACA,mCACA,qCACA,2CACA,6BACA,uCACA,mCACA,oCACA,yCACA,gKAKF,qBACE,kBACA,cACA,SACA,UACA,WACA,kCACA,oCACA,UACA,yCACA,0BACA","file":"Modal.css"}
@@ -1,8 +1,9 @@
1
1
  import { RlsComponent } from '../../definitions';
2
2
  import './Modal.css';
3
3
  interface ModalProps extends RlsComponent {
4
+ className?: string;
4
5
  overflow?: boolean;
5
6
  visible?: boolean;
6
7
  }
7
- export declare function RlsModal({ children, overflow, visible, rlsTheme }: ModalProps): import("react").ReactPortal;
8
+ export declare function RlsModal({ children, className, overflow, visible, rlsTheme }: ModalProps): import("react").ReactPortal;
8
9
  export {};
@@ -3,10 +3,10 @@ import { useMemo } from 'react';
3
3
  import ReactDOM from 'react-dom';
4
4
  import { renderClassStatus } from '../../../helpers';
5
5
  import './Modal.css';
6
- export function RlsModal({ children, overflow, visible, rlsTheme }) {
7
- const className = useMemo(() => {
8
- return renderClassStatus('rls-modal', { overflow, visible });
9
- }, [overflow, visible]);
10
- return ReactDOM.createPortal(_jsxs("div", { className: className, "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-modal__component", children: children }), _jsx("div", { className: "rls-modal__backdrop" })] }), document.body);
6
+ export function RlsModal({ children, className, overflow, visible, rlsTheme }) {
7
+ const classNameModal = useMemo(() => {
8
+ return renderClassStatus('rls-modal', { overflow, visible }, className);
9
+ }, [className, overflow, visible]);
10
+ return ReactDOM.createPortal(_jsxs("div", { className: classNameModal, "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-modal__component", children: children }), _jsx("div", { className: "rls-modal__backdrop" })] }), document.body);
11
11
  }
12
12
  //# sourceMappingURL=Modal.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,aAAa,CAAC;AAOrB,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACG;IACX,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,iBAAiB,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;IAC/D,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,OAAO,QAAQ,CAAC,YAAY,CAC1B,eAAK,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC5C,cAAK,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAO,EAEtD,cAAK,SAAS,EAAC,qBAAqB,GAAO,IACvC,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,aAAa,CAAC;AAQrB,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,EACP,QAAQ,EACG;IACX,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,iBAAiB,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,SAAS,CAAC,CAAC;IAC1E,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAEnC,OAAO,QAAQ,CAAC,YAAY,CAC1B,eAAK,SAAS,EAAE,cAAc,eAAa,QAAQ,aACjD,cAAK,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAO,EAEtD,cAAK,SAAS,EAAC,qBAAqB,GAAO,IACvC,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC"}
@@ -8,6 +8,8 @@ export * from './FieldDateRange/FieldDateRange';
8
8
  export * from './FieldSelect/FieldSelect';
9
9
  export * from './FieldSelect/FieldSelectController';
10
10
  export * from './FormNavigation/FormNavigation';
11
+ export * from './ImageChooser/ImageChooser';
12
+ export * from './ImageEditor/ImageEditor';
11
13
  export * from './Modal/Modal';
12
14
  export * from './PickerDate/PickerDate';
13
15
  export * from './PickerDateRange/PickerDateRange';
@@ -8,6 +8,8 @@ export * from './FieldDateRange/FieldDateRange';
8
8
  export * from './FieldSelect/FieldSelect';
9
9
  export * from './FieldSelect/FieldSelectController';
10
10
  export * from './FormNavigation/FormNavigation';
11
+ export * from './ImageChooser/ImageChooser';
12
+ export * from './ImageEditor/ImageEditor';
11
13
  export * from './Modal/Modal';
12
14
  export * from './PickerDate/PickerDate';
13
15
  export * from './PickerDateRange/PickerDateRange';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/organisms/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uCAAuC,CAAC;AACtD,cAAc,iDAAiD,CAAC;AAChE,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/organisms/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uCAAuC,CAAC;AACtD,cAAc,iDAAiD,CAAC;AAChE,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC"}
@@ -0,0 +1,8 @@
1
+ import { MutableRefObject } from 'react';
2
+ interface RelocationOnComponentProps {
3
+ container: MutableRefObject<HTMLElement>;
4
+ element: MutableRefObject<HTMLElement>;
5
+ onDrag?: () => void;
6
+ }
7
+ export declare function useRelocationOnComponent({ container, element, onDrag }: RelocationOnComponentProps): void;
8
+ export {};
@@ -0,0 +1,93 @@
1
+ import { useCallback, useEffect, useRef } from 'react';
2
+ export function useRelocationOnComponent({ container, element, onDrag }) {
3
+ const position = useRef({ x: 0, y: 0 });
4
+ const dragOffset = useRef({ x: 0, y: 0 });
5
+ const dragging = useRef(false);
6
+ const getClientX = useCallback((positionX) => {
7
+ let clientX = position.current.x + positionX - dragOffset.current.x;
8
+ if (clientX < 0) {
9
+ clientX = 0;
10
+ }
11
+ else {
12
+ const width = clientX + element.current.offsetWidth;
13
+ if (width > container.current.offsetWidth) {
14
+ clientX = container.current.offsetWidth - element.current.offsetWidth;
15
+ }
16
+ }
17
+ return clientX;
18
+ }, []);
19
+ const getClientY = useCallback((positionY) => {
20
+ let clientY = position.current.y + positionY - dragOffset.current.y;
21
+ if (clientY < 0) {
22
+ clientY = 0;
23
+ }
24
+ else {
25
+ const height = clientY + element.current.offsetHeight;
26
+ if (height > container.current.offsetHeight) {
27
+ clientY = container.current.offsetHeight - element.current.offsetHeight;
28
+ }
29
+ }
30
+ return clientY;
31
+ }, []);
32
+ const start = useCallback((positionX, positionY) => {
33
+ dragOffset.current = {
34
+ x: positionX,
35
+ y: positionY
36
+ };
37
+ position.current = {
38
+ x: element.current.offsetLeft,
39
+ y: element.current.offsetTop
40
+ };
41
+ dragging.current = true;
42
+ }, []);
43
+ const relocation = useCallback((positionX, positionY) => {
44
+ const clientX = getClientX(positionX);
45
+ const clientY = getClientY(positionY);
46
+ element.current.style.top = `${clientY}px`;
47
+ element.current.style.left = `${clientX}px`;
48
+ onDrag && onDrag();
49
+ }, []);
50
+ useEffect(() => {
51
+ const mousedown = (event) => {
52
+ start(event.clientX, event.clientY);
53
+ };
54
+ const mousemove = (event) => {
55
+ if (dragging.current) {
56
+ relocation(event.clientX, event.clientY);
57
+ event.preventDefault();
58
+ }
59
+ };
60
+ const mouseup = () => {
61
+ dragging.current = false;
62
+ };
63
+ const touchstart = (event) => {
64
+ if (event.touches[0]) {
65
+ start(event.touches[0].clientX, event.touches[0].clientY);
66
+ }
67
+ };
68
+ const touchmove = (event) => {
69
+ if (event.touches[0] && dragging.current) {
70
+ relocation(event.touches[0].clientX, event.touches[0].clientY);
71
+ event.preventDefault();
72
+ }
73
+ };
74
+ const touchend = () => {
75
+ dragging.current = false;
76
+ };
77
+ element.current.addEventListener('mousedown', mousedown);
78
+ element.current.addEventListener('mousemove', mousemove);
79
+ element.current.addEventListener('mouseup', mouseup);
80
+ element.current.addEventListener('touchstart', touchstart);
81
+ element.current.addEventListener('touchmove', touchmove);
82
+ element.current.addEventListener('touchend', touchend);
83
+ return () => {
84
+ element.current?.removeEventListener('mousedown', mousedown);
85
+ element.current?.removeEventListener('mousemove', mousemove);
86
+ element.current?.removeEventListener('mouseup', mouseup);
87
+ element.current?.removeEventListener('touchstart', touchstart);
88
+ element.current?.removeEventListener('touchmove', touchmove);
89
+ element.current?.removeEventListener('touchend', touchend);
90
+ };
91
+ }, []);
92
+ }
93
+ //# sourceMappingURL=RelocationOnComponentController.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RelocationOnComponentController.js","sourceRoot":"","sources":["../../../src/controllers/RelocationOnComponentController.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,15 @@
1
+ import { MutableRefObject } from 'react';
2
+ interface ResizeDimensionEvent {
3
+ height: number;
4
+ width: number;
5
+ }
6
+ interface ResizeEvent {
7
+ current: ResizeDimensionEvent;
8
+ dimension: ResizeDimensionEvent;
9
+ }
10
+ interface ResizeProps {
11
+ refElement: MutableRefObject<HTMLElement>;
12
+ onResize?: (event: ResizeEvent) => void;
13
+ }
14
+ export declare function useResize(props: ResizeProps): void;
15
+ export {};
@@ -0,0 +1,29 @@
1
+ import { useCallback, useEffect, useRef } from 'react';
2
+ export function useResize(props) {
3
+ const { refElement, onResize } = props;
4
+ const dimension = useRef({ height: 0, width: 0 });
5
+ const observer = useCallback((entries) => {
6
+ const { height, width } = entries[0].contentRect;
7
+ onResize &&
8
+ onResize({
9
+ current: dimension.current,
10
+ dimension: {
11
+ height,
12
+ width
13
+ }
14
+ });
15
+ dimension.current = { height, width };
16
+ }, []);
17
+ useEffect(() => {
18
+ dimension.current = {
19
+ height: refElement.current.offsetHeight,
20
+ width: refElement.current.offsetWidth
21
+ };
22
+ const resizeObserver = new ResizeObserver(observer);
23
+ resizeObserver.observe(refElement.current);
24
+ return () => {
25
+ resizeObserver.disconnect();
26
+ };
27
+ }, []);
28
+ }
29
+ //# sourceMappingURL=ResizeController.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ResizeController.js","sourceRoot":"","sources":["../../../src/controllers/ResizeController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAiBzE,MAAM,UAAU,SAAS,CAAC,KAAkB;IAC1C,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEvC,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;IAElD,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,OAA8B,EAAE,EAAE;QAC9D,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;QAEjD,QAAQ;YACN,QAAQ,CAAC;gBACP,OAAO,EAAE,SAAS,CAAC,OAAO;gBAC1B,SAAS,EAAE;oBACT,MAAM;oBACN,KAAK;iBACN;aACF,CAAC,CAAC;QAEL,SAAS,CAAC,OAAO,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;IACxC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,OAAO,GAAG;YAClB,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,YAAY;YACvC,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,WAAW;SACtC,CAAC;QAEF,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAC;QACpD,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAE3C,OAAO,GAAG,EAAE;YACV,cAAc,CAAC,UAAU,EAAE,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC"}
@@ -1,2 +1,4 @@
1
1
  export * from './DatatableController';
2
2
  export * from './ListController';
3
+ export * from './RelocationOnComponentController';
4
+ export * from './ResizeController';
@@ -1,3 +1,5 @@
1
1
  export * from './DatatableController';
2
2
  export * from './ListController';
3
+ export * from './RelocationOnComponentController';
4
+ export * from './ResizeController';
3
5
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controllers/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controllers/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mCAAmC,CAAC;AAClD,cAAc,oBAAoB,CAAC"}
@@ -3,6 +3,9 @@ export declare const reactI18n: import("@rolster/i18n").I18nTranslate<{
3
3
  dateActionCancel: string;
4
4
  dateActionSelect: string;
5
5
  dateActionToday: string;
6
+ chooserImageActionCancel: string;
7
+ editorImageActionRestore: string;
8
+ editorImageActionSelect: string;
6
9
  listEmptyDescription: string;
7
10
  listEmptyTitle: string;
8
11
  listInputPlaceholder: string;
package/dist/esm/i18n.js CHANGED
@@ -5,6 +5,9 @@ export const reactI18n = i18n({
5
5
  dateActionCancel: 'Cancelar',
6
6
  dateActionSelect: 'Establecer',
7
7
  dateActionToday: 'Hoy',
8
+ chooserImageActionCancel: 'Cancelar',
9
+ editorImageActionRestore: 'Restaurar',
10
+ editorImageActionSelect: 'Seleccionar',
8
11
  listEmptyDescription: 'Lo sentimos, en el momento no hay elementos en el listado',
9
12
  listEmptyTitle: 'Selección no disponible',
10
13
  listInputPlaceholder: 'Escriba palabre clave para filtrar...'
@@ -14,6 +17,9 @@ export const reactI18n = i18n({
14
17
  dateActionCancel: 'Cancel',
15
18
  dateActionSelect: 'Select',
16
19
  dateActionToday: 'Today',
20
+ chooserImageActionCancel: 'Cancel',
21
+ editorImageActionRestore: 'Restore',
22
+ editorImageActionSelect: 'Select',
17
23
  listEmptyDescription: 'Sorry, there are currently no items in the list',
18
24
  listEmptyTitle: 'Selection not available',
19
25
  listInputPlaceholder: 'Enter keyword to filter...'
@@ -1 +1 @@
1
- {"version":3,"file":"i18n.js","sourceRoot":"","sources":["../../src/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC;IAC5B,EAAE,EAAE;QACF,0BAA0B,EAAE,SAAS;QACrC,gBAAgB,EAAE,UAAU;QAC5B,gBAAgB,EAAE,YAAY;QAC9B,eAAe,EAAE,KAAK;QACtB,oBAAoB,EAClB,2DAA2D;QAC7D,cAAc,EAAE,yBAAyB;QACzC,oBAAoB,EAAE,uCAAuC;KAC9D;IACD,EAAE,EAAE;QACF,0BAA0B,EAAE,UAAU;QACtC,gBAAgB,EAAE,QAAQ;QAC1B,gBAAgB,EAAE,QAAQ;QAC1B,eAAe,EAAE,OAAO;QACxB,oBAAoB,EAAE,iDAAiD;QACvE,cAAc,EAAE,yBAAyB;QACzC,oBAAoB,EAAE,4BAA4B;KACnD;CACF,CAAC,CAAC"}
1
+ {"version":3,"file":"i18n.js","sourceRoot":"","sources":["../../src/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC;IAC5B,EAAE,EAAE;QACF,0BAA0B,EAAE,SAAS;QACrC,gBAAgB,EAAE,UAAU;QAC5B,gBAAgB,EAAE,YAAY;QAC9B,eAAe,EAAE,KAAK;QACtB,wBAAwB,EAAE,UAAU;QACpC,wBAAwB,EAAE,WAAW;QACrC,uBAAuB,EAAE,aAAa;QACtC,oBAAoB,EAClB,2DAA2D;QAC7D,cAAc,EAAE,yBAAyB;QACzC,oBAAoB,EAAE,uCAAuC;KAC9D;IACD,EAAE,EAAE;QACF,0BAA0B,EAAE,UAAU;QACtC,gBAAgB,EAAE,QAAQ;QAC1B,gBAAgB,EAAE,QAAQ;QAC1B,eAAe,EAAE,OAAO;QACxB,wBAAwB,EAAE,QAAQ;QAClC,wBAAwB,EAAE,SAAS;QACnC,uBAAuB,EAAE,QAAQ;QACjC,oBAAoB,EAAE,iDAAiD;QACvE,cAAc,EAAE,yBAAyB;QACzC,oBAAoB,EAAE,4BAA4B;KACnD;CACF,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolster/react-components",
3
- "version": "18.21.46",
3
+ "version": "18.22.1",
4
4
  "type": "module",
5
5
  "description": "Package containing UI components for React Project.",
6
6
  "module": "dist/esm/index.js",