@rolster/react-components 18.23.9 → 18.23.10

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 (20) hide show
  1. package/dist/cjs/assets/{index-SyKruNt7.css → index-C_p5wY7X.css} +13 -0
  2. package/dist/cjs/index.js +30 -0
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/es/assets/{index-SyKruNt7.css → index-C_p5wY7X.css} +13 -0
  5. package/dist/es/index.js +29 -1
  6. package/dist/es/index.js.map +1 -1
  7. package/dist/esm/components/atoms/InputPercentage/InputPercentage.css +5 -0
  8. package/dist/esm/components/atoms/InputPercentage/InputPercentage.css.map +1 -0
  9. package/dist/esm/components/atoms/InputPercentage/InputPercentage.d.ts +7 -0
  10. package/dist/esm/components/atoms/InputPercentage/InputPercentage.js +14 -0
  11. package/dist/esm/components/atoms/InputPercentage/InputPercentage.js.map +1 -0
  12. package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.css +6 -0
  13. package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.css.map +1 -0
  14. package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.d.ts +7 -0
  15. package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.js +24 -0
  16. package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.js.map +1 -0
  17. package/dist/esm/index.d.ts +2 -0
  18. package/dist/esm/index.js +2 -0
  19. package/dist/esm/index.js.map +1 -1
  20. package/package.json +1 -1
package/dist/esm/components/atoms/InputPercentage/InputPercentage.css ADDED
@@ -0,0 +1,5 @@
1
+ .rls-input-percentage {
2
+ position: relative;
3
+ width: 100%;
4
+ box-sizing: border-box;
5
+ } /*# sourceMappingURL=InputPercentage.css.map */
package/dist/esm/components/atoms/InputPercentage/InputPercentage.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/atoms/InputPercentage/InputPercentage.scss"],"names":[],"mappings":"AAOA,sBACE,kBACA,WACA","file":"InputPercentage.css"}
package/dist/esm/components/atoms/InputPercentage/InputPercentage.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import { InputProps } from '../../types';
2
+ import './InputPercentage.css';
3
+ interface InputPercentageProps extends InputProps<number> {
4
+ decimals?: number;
5
+ }
6
+ export declare function RlsInputPercentage(props: InputPercentageProps): import("react/jsx-runtime").JSX.Element;
7
+ export {};
package/dist/esm/components/atoms/InputPercentage/InputPercentage.js ADDED
@@ -0,0 +1,14 @@
1
+ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
2
+ import { useCallback, useState } from 'react';
3
+ import { RlsInput } from '../Input/Input';
4
+ import './InputPercentage.css';
5
+ export function RlsInputPercentage(props) {
6
+ const { formControl, identifier, onValue, value } = props;
7
+ const [valueInput, setValueInput] = useState(formControl?.value ?? value ?? 0);
8
+ const onValueInput = useCallback((value) => {
9
+ !formControl && setValueInput(value);
10
+ onValue && onValue(value);
11
+ }, [formControl, onValue]);
12
+ return (_jsx("div", { id: identifier, className: "rls-input-percentage", children: _jsxs(RlsInput, { ...props, type: "number", value: valueInput, onValue: onValueInput, children: [formControl?.value ?? valueInput, "%"] }) }));
13
+ }
14
+ //# sourceMappingURL=InputPercentage.js.map
package/dist/esm/components/atoms/InputPercentage/InputPercentage.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputPercentage.js","sourceRoot":"","sources":["../../../../../src/components/atoms/InputPercentage/InputPercentage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,uBAAuB,CAAC;AAM/B,MAAM,UAAU,kBAAkB,CAAC,KAA2B;IAC5D,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE1D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAC1C,WAAW,EAAE,KAAK,IAAI,KAAK,IAAI,CAAC,CACjC,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAa,EAAE,EAAE;QAChB,CAAC,WAAW,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC;QACrC,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,WAAW,EAAE,OAAO,CAAC,CACvB,CAAC;IAEF,OAAO,CACL,cAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAC,sBAAsB,YACnD,MAAC,QAAQ,OACH,KAAK,EACT,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,YAAY,aAEpB,WAAW,EAAE,KAAK,IAAI,UAAU,SACxB,GACP,CACP,CAAC;AACJ,CAAC"}
package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.css ADDED
@@ -0,0 +1,6 @@
1
+ .rls-field-percentage {
2
+ --rlc-fieldbox-body-padding: var(--rls-sizing-x4);
3
+ position: relative;
4
+ width: 100%;
5
+ box-sizing: border-box;
6
+ } /*# sourceMappingURL=FieldPercentage.css.map */
package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../../../../src/components/molecules/FieldPercentage/FieldPercentage.scss"],"names":[],"mappings":"AAOA,sBACE,kDAEA,kBACA,WACA","file":"FieldPercentage.css"}
package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import { FieldBoxProps } from '../../types';
2
+ import './FieldPercentage.css';
3
+ interface FieldPercentageProps extends FieldBoxProps<number> {
4
+ decimals?: number;
5
+ }
6
+ export declare function RlsFieldPercentage(props: FieldPercentageProps): import("react/jsx-runtime").JSX.Element;
7
+ export {};
package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.js ADDED
@@ -0,0 +1,24 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useMemo } from 'react';
3
+ import { renderClassStatus } from '../../../helpers/css';
4
+ import { RlsInputPercentage } from '../../atoms/InputPercentage/InputPercentage';
5
+ import { RlsMessageFormError } from '../MessageFormError/MessageFormError';
6
+ import './FieldPercentage.css';
7
+ export function RlsFieldPercentage(props) {
8
+ const { children, disabled, formControl, identifier, msgErrorDisabled, rlsTheme } = props;
9
+ const className = useMemo(() => {
10
+ const _disabled = formControl?.disabled || disabled;
11
+ return renderClassStatus('rls-field-box', {
12
+ focused: formControl?.focused && !_disabled,
13
+ error: formControl?.wrong,
14
+ disabled: _disabled
15
+ }, 'rls-field-percentage');
16
+ }, [
17
+ formControl?.focused,
18
+ formControl?.wrong,
19
+ formControl?.disabled,
20
+ disabled
21
+ ]);
22
+ return (_jsxs("div", { id: identifier, className: className, "rls-theme": rlsTheme, children: [children && _jsx("label", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsx("div", { className: "rls-field-box__body", children: _jsx(RlsInputPercentage, { ...props }) }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl }))] }));
23
+ }
24
+ //# sourceMappingURL=FieldPercentage.js.map
package/dist/esm/components/molecules/FieldPercentage/FieldPercentage.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FieldPercentage.js","sourceRoot":"","sources":["../../../../../src/components/molecules/FieldPercentage/FieldPercentage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AAEjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,uBAAuB,CAAC;AAM/B,MAAM,UAAU,kBAAkB,CAAC,KAA2B;IAC5D,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,SAAS,GAAG,WAAW,EAAE,QAAQ,IAAI,QAAQ,CAAC;QAEpD,OAAO,iBAAiB,CACtB,eAAe,EACf;YACE,OAAO,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,SAAS;YAC3C,KAAK,EAAE,WAAW,EAAE,KAAK;YACzB,QAAQ,EAAE,SAAS;SACpB,EACD,sBAAsB,CACvB,CAAC;IACJ,CAAC,EAAE;QACD,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,QAAQ;QACrB,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,eAAa,QAAQ,aAC3D,QAAQ,IAAI,gBAAO,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAS,EAEvE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,kBAAkB,OAAK,KAAK,GAAI,GAC7B,GACF,EAEL,CAAC,gBAAgB,IAAI,CACpB,KAAC,mBAAmB,IAClB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAE,WAAW,GACxB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}
package/dist/esm/index.d.ts CHANGED
@@ -11,6 +11,7 @@ export * from './components/atoms/Input/Input';
11
11
  export * from './components/atoms/InputMoney/InputMoney';
12
12
  export * from './components/atoms/InputNumber/InputNumber';
13
13
  export * from './components/atoms/InputPassword/InputPassword';
14
+ export * from './components/atoms/InputPercentage/InputPercentage';
14
15
  export * from './components/atoms/InputSearch/InputSearch';
15
16
  export * from './components/atoms/InputText/InputText';
16
17
  export * from './components/atoms/Label/Label';
@@ -30,6 +31,7 @@ export * from './components/molecules/ButtonToggle/ButtonToggle';
30
31
  export * from './components/molecules/FieldMoney/FieldMoney';
31
32
  export * from './components/molecules/FieldNumber/FieldNumber';
32
33
  export * from './components/molecules/FieldPassword/FieldPassword';
34
+ export * from './components/molecules/FieldPercentage/FieldPercentage';
33
35
  export * from './components/molecules/FieldReadonly/FieldReadonly';
34
36
  export * from './components/molecules/FieldText/FieldText';
35
37
  export * from './components/molecules/LabelCheckBox/LabelCheckBox';
package/dist/esm/index.js CHANGED
@@ -11,6 +11,7 @@ export * from './components/atoms/Input/Input';
11
11
  export * from './components/atoms/InputMoney/InputMoney';
12
12
  export * from './components/atoms/InputNumber/InputNumber';
13
13
  export * from './components/atoms/InputPassword/InputPassword';
14
+ export * from './components/atoms/InputPercentage/InputPercentage';
14
15
  export * from './components/atoms/InputSearch/InputSearch';
15
16
  export * from './components/atoms/InputText/InputText';
16
17
  export * from './components/atoms/Label/Label';
@@ -30,6 +31,7 @@ export * from './components/molecules/ButtonToggle/ButtonToggle';
30
31
  export * from './components/molecules/FieldMoney/FieldMoney';
31
32
  export * from './components/molecules/FieldNumber/FieldNumber';
32
33
  export * from './components/molecules/FieldPassword/FieldPassword';
34
+ export * from './components/molecules/FieldPercentage/FieldPercentage';
33
35
  export * from './components/molecules/FieldReadonly/FieldReadonly';
34
36
  export * from './components/molecules/FieldText/FieldText';
35
37
  export * from './components/molecules/LabelCheckBox/LabelCheckBox';
package/dist/esm/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0CAA0C,CAAC;AACzD,cAAc,kCAAkC,CAAC;AACjD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,sCAAsC,CAAC;AACrD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0CAA0C,CAAC;AACzD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,wCAAwC,CAAC;AACvD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sDAAsD,CAAC;AACrE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sCAAsC,CAAC;AACrD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,kCAAkC,CAAC;AACjD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,oCAAoC,CAAC;AACnD,cAAc,sCAAsC,CAAC;AACrD,cAAc,sDAAsD,CAAC;AACrE,cAAc,kDAAkD,CAAC;AACjE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,oDAAoD,CAAC;AACnE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,oDAAoD,CAAC;AACnE,cAAc,0DAA0D,CAAC;AACzE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,0DAA0D,CAAC;AACzE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sDAAsD,CAAC;AACrE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,gEAAgE,CAAC;AAC/E,cAAc,8CAA8C,CAAC;AAC7D,cAAc,sCAAsC,CAAC;AACrD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,kDAAkD,CAAC;AACjE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,4DAA4D,CAAC;AAC3E,cAAc,sEAAsE,CAAC;AACrF,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sDAAsD,CAAC;AACrE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,0DAA0D,CAAC;AACzE,cAAc,sDAAsD,CAAC;AACrE,cAAc,kDAAkD,CAAC;AACjE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oCAAoC,CAAC;AACnD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wDAAwD,CAAC;AACvE,cAAc,0CAA0C,CAAC;AACzD,cAAc,0BAA0B,CAAC;AAEzC,cAAc,WAAW,CAAC;AAC1B,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+CAA+C,CAAC;AAC9D,cAAc,gCAAgC,CAAC;AAC/C,cAAc,eAAe,CAAC;AAC9B,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0CAA0C,CAAC;AACzD,cAAc,kCAAkC,CAAC;AACjD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,sCAAsC,CAAC;AACrD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0CAA0C,CAAC;AACzD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,wCAAwC,CAAC;AACvD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sDAAsD,CAAC;AACrE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sCAAsC,CAAC;AACrD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,kCAAkC,CAAC;AACjD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,oCAAoC,CAAC;AACnD,cAAc,sCAAsC,CAAC;AACrD,cAAc,sDAAsD,CAAC;AACrE,cAAc,kDAAkD,CAAC;AACjE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,wDAAwD,CAAC;AACvE,cAAc,oDAAoD,CAAC;AACnE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,oDAAoD,CAAC;AACnE,cAAc,0DAA0D,CAAC;AACzE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,0DAA0D,CAAC;AACzE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sDAAsD,CAAC;AACrE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,gEAAgE,CAAC;AAC/E,cAAc,8CAA8C,CAAC;AAC7D,cAAc,sCAAsC,CAAC;AACrD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,kDAAkD,CAAC;AACjE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,4DAA4D,CAAC;AAC3E,cAAc,sEAAsE,CAAC;AACrF,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sDAAsD,CAAC;AACrE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,0DAA0D,CAAC;AACzE,cAAc,sDAAsD,CAAC;AACrE,cAAc,kDAAkD,CAAC;AACjE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oCAAoC,CAAC;AACnD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,wDAAwD,CAAC;AACvE,cAAc,0CAA0C,CAAC;AACzD,cAAc,0BAA0B,CAAC;AAEzC,cAAc,WAAW,CAAC;AAC1B,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+CAA+C,CAAC;AAC9D,cAAc,gCAAgC,CAAC;AAC/C,cAAc,eAAe,CAAC;AAC9B,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolster/react-components",
3
- "version": "18.23.9",
3
+ "version": "18.23.10",
4
4
  "type": "module",
5
5
  "description": "Package containing UI components for React Project.",
6
6
  "module": "dist/esm/index.js",