@rolster/react-components 1.4.0

package/dist/esm/components/molecules/DayRangePicker/DayRangePicker.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DAY_LABELS, normalizeMinTime, refactorDay } from '@rolster/helpers-date';
+import { useEffect, useState } from 'react';
+import { DateRange } from '../../../models';
+import { createRangePicker } from '../../../utils/date-range-picker';
+import { renderClassStatus } from '../../../utils/css';
+import './DayRangePicker.css';
+export function RlsDayRangePicker({ date, disabled: disabledPicker, formControl, maxDate, minDate, rlsTheme }) {
+    const initialRange = formControl?.state || DateRange.now();
+    const initialDate = normalizeMinTime(date || initialRange.minDate);
+    const [weeks, setWeeks] = useState([]);
+    const [range, setRange] = useState(initialRange);
+    useEffect(() => {
+        setWeeks(createRangePicker({
+            date: initialDate,
+            range,
+            minDate,
+            maxDate
+        }));
+    }, [range, date, minDate, maxDate]);
+    function onChange(value) {
+        const newRange = range.recalculate(refactorDay(initialDate, value));
+        setRange(newRange);
+        formControl?.setState(newRange);
+    }
+    return (_jsxs("div", { className: "rls-day-range-picker", "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-day-range-picker__header", children: DAY_LABELS.map((title, index) => (_jsx("label", { className: "rls-day-range-picker__label", children: title }, index))) }), _jsx("div", { className: "rls-day-range-picker__component", children: weeks.map(({ days }, index) => (_jsx("div", { className: "rls-day-range-picker__week", children: days.map(({ value, disabled, forbidden, ranged, selected }, index) => (_jsx("div", { className: renderClassStatus('rls-day-range-picker__day', {
+                            disabled: disabled || disabledPicker,
+                            forbidden,
+                            selected,
+                            ranged
+                        }), onClick: () => {
+                            if (value && !disabled) {
+                                onChange(value);
+                            }
+                        }, children: _jsx("span", { className: "rls-day-range-picker__day__span", children: value || '??' }) }, index))) }, index))) })] }));
+}
+//# sourceMappingURL=DayRangePicker.js.map

package/dist/esm/components/molecules/DayRangePicker/DayRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayRangePicker.js","sourceRoot":"","sources":["../../../../../src/components/molecules/DayRangePicker/DayRangePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,WAAW,EACZ,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAkB,MAAM,iBAAiB,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,sBAAsB,CAAC;AAU9B,MAAM,UAAU,iBAAiB,CAAC,EAChC,IAAI,EACJ,QAAQ,EAAE,cAAc,EACxB,WAAW,EACX,OAAO,EACP,OAAO,EACP,QAAQ,EACO;IACf,MAAM,YAAY,GAAG,WAAW,EAAE,KAAK,IAAI,SAAS,CAAC,GAAG,EAAE,CAAC;IAC3D,MAAM,WAAW,GAAG,gBAAgB,CAAC,IAAI,IAAI,YAAY,CAAC,OAAO,CAAC,CAAC;IAEnE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAmB,EAAE,CAAC,CAAC;IACzD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CACN,iBAAiB,CAAC;YAChB,IAAI,EAAE,WAAW;YACjB,KAAK;YACL,OAAO;YACP,OAAO;SACR,CAAC,CACH,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpC,SAAS,QAAQ,CAAC,KAAa;QAC7B,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;QAEpE,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,WAAW,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAClC,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,eAAY,QAAQ,aACvD,cAAK,SAAS,EAAC,8BAA8B,YAC1C,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,gBAAmB,SAAS,EAAC,6BAA6B,YACvD,KAAK,IADI,KAAK,CAET,CACT,CAAC,GACE,EAEN,cAAK,SAAS,EAAC,iCAAiC,YAC7C,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,cAAiB,SAAS,EAAC,4BAA4B,YACpD,IAAI,CAAC,GAAG,CACP,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3D,cAEE,SAAS,EAAE,iBAAiB,CAAC,2BAA2B,EAAE;4BACxD,QAAQ,EAAE,QAAQ,IAAI,cAAc;4BACpC,SAAS;4BACT,QAAQ;4BACR,MAAM;yBACP,CAAC,EACF,OAAO,EAAE,GAAG,EAAE;4BACZ,IAAI,KAAK,IAAI,CAAC,QAAQ,EAAE;gCACtB,QAAQ,CAAC,KAAK,CAAC,CAAC;6BACjB;wBACH,CAAC,YAED,eAAM,SAAS,EAAC,iCAAiC,YAC9C,KAAK,IAAI,IAAI,GACT,IAfF,KAAK,CAgBN,CACP,CACF,IAtBO,KAAK,CAuBT,CACP,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/molecules/MoneyField/MoneyField.css

@@ -0,0 +1,7 @@
+.rls-money-field {
+  --rls-input-parent-padding: var(--sizing-6) var(--sizing-8);
+  position: relative;
+  float: left;
+  width: 100%;
+  box-sizing: border-box;
+}

package/dist/esm/components/molecules/MoneyField/MoneyField.d.ts

@@ -0,0 +1,12 @@
+import { ReactControl } from '../../../hooks';
+import { RlsComponent } from '../../definitions';
+import './MoneyField.css';
+interface MoneyField extends RlsComponent {
+    decimals?: boolean;
+    disabled?: boolean;
+    formControl?: ReactControl<HTMLInputElement, number>;
+    placeholder?: string;
+    symbol?: string;
+}
+export declare function RlsMoneyField({ children, decimals, disabled, formControl, placeholder, symbol, rlsTheme }: MoneyField): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/molecules/MoneyField/MoneyField.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { renderClassStatus } from '../../../utils/css';
+import { RlsInputMoney } from '../../atoms';
+import './MoneyField.css';
+export function RlsMoneyField({ children, decimals, disabled, formControl, placeholder, symbol, rlsTheme }) {
+    return (_jsxs("div", { className: 'rls-money-field ' +
+            renderClassStatus('rls-box-field', {
+                active: formControl?.active,
+                error: formControl?.dirty && !formControl?.valid,
+                disabled
+            }), "rls-theme": rlsTheme, children: [children && _jsx("label", { className: "rls-box-field__label", children: children }), _jsx("div", { className: "rls-box-field__component", children: _jsx("div", { className: "rls-box-field__body", children: _jsx(RlsInputMoney, { formControl: formControl, disabled: disabled, placeholder: placeholder, symbol: symbol, decimals: decimals }) }) }), formControl?.dirty && formControl?.error && (_jsx("div", { className: "rls-box-field__helper rls-box-field__helper--error", children: _jsx("span", { children: formControl?.error.message }) }))] }));
+}
+//# sourceMappingURL=MoneyField.js.map

package/dist/esm/components/molecules/MoneyField/MoneyField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MoneyField.js","sourceRoot":"","sources":["../../../../../src/components/molecules/MoneyField/MoneyField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,kBAAkB,CAAC;AAU1B,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,WAAW,EACX,MAAM,EACN,QAAQ,EACG;IACX,OAAO,CACL,eACE,SAAS,EACP,kBAAkB;YAClB,iBAAiB,CAAC,eAAe,EAAE;gBACjC,MAAM,EAAE,WAAW,EAAE,MAAM;gBAC3B,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC,WAAW,EAAE,KAAK;gBAChD,QAAQ;aACT,CAAC,eAEO,QAAQ,aAElB,QAAQ,IAAI,gBAAO,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAS,EACvE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,aAAa,IACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GAClB,GACE,GACF,EACL,WAAW,EAAE,KAAK,IAAI,WAAW,EAAE,KAAK,IAAI,CAC3C,cAAK,SAAS,EAAC,oDAAoD,YACjE,yBAAO,WAAW,EAAE,KAAK,CAAC,OAAO,GAAQ,GACrC,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/molecules/MonthPicker/MonthPicker.css

@@ -0,0 +1,40 @@
+.rls-month-picker {
+  position: relative;
+  float: left;
+  width: 100%;
+  max-width: 17.5rem;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: var(--sizing-4);
+  padding: var(--sizing-2);
+  box-sizing: border-box;
+}
+.rls-month-picker__component {
+  position: relative;
+  float: left;
+  display: flex;
+  box-sizing: border-box;
+  text-align: center;
+  height: var(--sizing-36);
+  border-radius: var(--sizing-8);
+  color: var(--color-theme-300);
+}
+.rls-month-picker__component:hover {
+  background: var(--color-rolster-900);
+  color: var(--color-light-500);
+}
+.rls-month-picker__component--selected:not(:hover) {
+  background: var(--color-rolster-500);
+  color: var(--color-light-500);
+}
+.rls-month-picker__component--disabled {
+  pointer-events: none;
+  opacity: 0.5;
+}
+.rls-month-picker__component__span {
+  font-size: 0.725rem;
+  margin: auto;
+  cursor: default;
+  pointer-events: none;
+  font-weight: var(--font-weight-semibold);
+}

package/dist/esm/components/molecules/MonthPicker/MonthPicker.d.ts

@@ -0,0 +1,12 @@
+import { ReactControl } from '../../../hooks';
+import { RlsComponent } from '../../definitions';
+import './MonthPicker.css';
+interface MonthPicker extends RlsComponent {
+    date?: Date;
+    disabled?: boolean;
+    formControl?: ReactControl<HTMLElement, number>;
+    maxDate?: Date;
+    minDate?: Date;
+}
+export declare function RlsMonthPicker({ formControl, date, disabled: disabledPicker, maxDate, minDate, rlsTheme }: MonthPicker): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/molecules/MonthPicker/MonthPicker.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import './MonthPicker.css';
+import { createMonthPicker } from '../../../utils/month-picker';
+import { renderClassStatus } from '../../../utils/css';
+export function RlsMonthPicker({ formControl, date, disabled: disabledPicker, maxDate, minDate, rlsTheme }) {
+    const initialDate = date || new Date();
+    const initialMonth = formControl?.state || initialDate.getMonth();
+    const [months, setMonths] = useState([]);
+    const [value, setValue] = useState(initialMonth);
+    useEffect(() => {
+        setMonths(createMonthPicker({
+            date: initialDate,
+            value: formControl?.state || value,
+            minDate,
+            maxDate
+        }));
+    }, [value, date, minDate, maxDate]);
+    return (_jsx("div", { className: "rls-month-picker", "rls-theme": rlsTheme, children: months.map(({ label, value, disabled, selected }, index) => (_jsx("div", { className: renderClassStatus('rls-month-picker__component', {
+                disabled: disabled || disabledPicker || false,
+                selected
+            }), onClick: () => {
+                formControl?.setState(value);
+                setValue(value);
+            }, children: _jsx("span", { className: "rls-month-picker__span", children: label }) }, index))) }));
+}
+//# sourceMappingURL=MonthPicker.js.map

package/dist/esm/components/molecules/MonthPicker/MonthPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthPicker.js","sourceRoot":"","sources":["../../../../../src/components/molecules/MonthPicker/MonthPicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,mBAAmB,CAAC;AAE3B,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAUvD,MAAM,UAAU,cAAc,CAAC,EAC7B,WAAW,EACX,IAAI,EACJ,QAAQ,EAAE,cAAc,EACxB,OAAO,EACP,OAAO,EACP,QAAQ,EACI;IACZ,MAAM,WAAW,GAAG,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;IACvC,MAAM,YAAY,GAAG,WAAW,EAAE,KAAK,IAAI,WAAW,CAAC,QAAQ,EAAE,CAAC;IAElE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAe,EAAE,CAAC,CAAC;IACvD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CACP,iBAAiB,CAAC;YAChB,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,KAAK;YAClC,OAAO;YACP,OAAO;SACR,CAAC,CACH,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,cAAK,SAAS,EAAC,kBAAkB,eAAY,QAAQ,YAClD,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3D,cAEE,SAAS,EAAE,iBAAiB,CAAC,6BAA6B,EAAE;gBAC1D,QAAQ,EAAE,QAAQ,IAAI,cAAc,IAAI,KAAK;gBAC7C,QAAQ;aACT,CAAC,EACF,OAAO,EAAE,GAAG,EAAE;gBACZ,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAC7B,QAAQ,CAAC,KAAK,CAAC,CAAC;YAClB,CAAC,YAED,eAAM,SAAS,EAAC,wBAAwB,YAAE,KAAK,GAAQ,IAVlD,KAAK,CAWN,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/molecules/MonthTitlePicker/MonthTitlePicker.css

@@ -0,0 +1,16 @@
+.rls-month-title-picker {
+  display: flex;
+  justify-content: space-between;
+}
+.rls-month-title-picker span {
+  color: var(--color-theme-300);
+  cursor: default;
+  margin: auto 0rem;
+  height: var(--sizing-28);
+  line-height: var(--sizing-28);
+  font-size: var(--sizing-20);
+  font-weight: var(--font-weight-bold);
+}
+.rls-month-title-picker span:hover {
+  color: var(--color-rolster-500);
+}

package/dist/esm/components/molecules/MonthTitlePicker/MonthTitlePicker.d.ts

@@ -0,0 +1,12 @@
+import { ReactControl } from '../../../hooks';
+import './MonthTitlePicker.css';
+interface MonthTitlePicker {
+    monthControl: ReactControl<HTMLElement, number>;
+    yearControl: ReactControl<HTMLElement, number>;
+    date?: Date;
+    maxDate?: Date;
+    minDate?: Date;
+    onClick?: () => void;
+}
+export declare function RlsMonthTitlePicker({ monthControl, yearControl, date, maxDate, minDate, onClick }: MonthTitlePicker): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/molecules/MonthTitlePicker/MonthTitlePicker.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MONTH_NAMES } from '@rolster/helpers-date';
+import { useEffect, useState } from 'react';
+import { MONTH_MAX_VALUE, MONTH_MIN_VALUE, isMaxLimitMonth, isMinLimitMonth } from '../../../utils/month-picker';
+import { RlsButtonAction } from '../../atoms';
+import './MonthTitlePicker.css';
+export function RlsMonthTitlePicker({ monthControl, yearControl, date, maxDate, minDate, onClick }) {
+    const { state: month } = monthControl;
+    const { state: year } = yearControl;
+    const [limitMinMonth, setLimitMinMonth] = useState(false);
+    const [limitMaxMonth, setLimitMaxMonth] = useState(false);
+    const monthName = MONTH_NAMES[month || 0];
+    useEffect(() => {
+        if (typeof month === 'number' && date) {
+            setLimitMinMonth(isMinLimitMonth(month, date, minDate));
+            setLimitMaxMonth(isMaxLimitMonth(month, date, maxDate));
+        }
+    }, [date]);
+    function onPreviousMonth() {
+        if (typeof month === 'number' && typeof year === 'number') {
+            if (month > MONTH_MIN_VALUE) {
+                monthControl.setState(month - 1);
+            }
+            else {
+                monthControl.setState(MONTH_MAX_VALUE);
+                yearControl.setState(year - 1);
+            }
+        }
+    }
+    function onNextMonth() {
+        if (typeof month === 'number' && typeof year === 'number') {
+            if (month < MONTH_MAX_VALUE) {
+                monthControl.setState(month + 1);
+            }
+            else {
+                monthControl.setState(MONTH_MIN_VALUE);
+                yearControl.setState(year + 1);
+            }
+        }
+    }
+    return (_jsxs("div", { className: "rls-month-title-picker", children: [_jsx(RlsButtonAction, { icon: "arrow-ios-left", onClick: onPreviousMonth, disabled: limitMinMonth }), _jsx("span", { onClick: onClick, children: monthName }), _jsx(RlsButtonAction, { icon: "arrow-ios-right", onClick: onNextMonth, disabled: limitMaxMonth })] }));
+}
+//# sourceMappingURL=MonthTitlePicker.js.map

package/dist/esm/components/molecules/MonthTitlePicker/MonthTitlePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthTitlePicker.js","sourceRoot":"","sources":["../../../../../src/components/molecules/MonthTitlePicker/MonthTitlePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EACL,eAAe,EACf,eAAe,EACf,eAAe,EACf,eAAe,EAChB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,wBAAwB,CAAC;AAWhC,MAAM,UAAU,mBAAmB,CAAC,EAClC,YAAY,EACZ,WAAW,EACX,IAAI,EACJ,OAAO,EACP,OAAO,EACP,OAAO,EACU;IACjB,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,YAAY,CAAC;IACtC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,WAAW,CAAC;IAEpC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;IAE1C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,IAAI,EAAE;YACrC,gBAAgB,CAAC,eAAe,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;YACxD,gBAAgB,CAAC,eAAe,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;SACzD;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,SAAS,eAAe;QACtB,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;YACzD,IAAI,KAAK,GAAG,eAAe,EAAE;gBAC3B,YAAY,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;aAClC;iBAAM;gBACL,YAAY,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;gBACvC,WAAW,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;aAChC;SACF;IACH,CAAC;IAED,SAAS,WAAW;QAClB,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;YACzD,IAAI,KAAK,GAAG,eAAe,EAAE;gBAC3B,YAAY,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;aAClC;iBAAM;gBACL,YAAY,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;gBACvC,WAAW,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;aAChC;SACF;IACH,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,wBAAwB,aACrC,KAAC,eAAe,IACd,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,aAAa,GACvB,EAEF,eAAM,OAAO,EAAE,OAAO,YAAG,SAAS,GAAQ,EAE1C,KAAC,eAAe,IACd,IAAI,EAAC,iBAAiB,EACtB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,aAAa,GACvB,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/molecules/NumberField/NumberField.css

@@ -0,0 +1,7 @@
+.rls-number-field {
+  --rls-input-parent-padding: var(--sizing-6) var(--sizing-8);
+  position: relative;
+  float: left;
+  width: 100%;
+  box-sizing: border-box;
+}

package/dist/esm/components/molecules/NumberField/NumberField.d.ts

@@ -0,0 +1,10 @@
+import { ReactControl } from '../../../hooks';
+import { RlsComponent } from '../../definitions';
+import './NumberField.css';
+interface NumberField extends RlsComponent {
+    disabled?: boolean;
+    formControl?: ReactControl<HTMLInputElement, number>;
+    placeholder?: string;
+}
+export declare function RlsNumberField({ children, disabled, formControl, placeholder, rlsTheme }: NumberField): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/molecules/NumberField/NumberField.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { renderClassStatus } from '../../../utils/css';
+import { RlsInputNumber } from '../../atoms';
+import './NumberField.css';
+export function RlsNumberField({ children, disabled, formControl, placeholder, rlsTheme }) {
+    return (_jsxs("div", { className: 'rls-number-field ' +
+            renderClassStatus('rls-box-field', {
+                active: formControl?.active,
+                error: formControl?.dirty && !formControl?.valid,
+                disabled
+            }), "rls-theme": rlsTheme, children: [children && _jsx("label", { className: "rls-box-field__label", children: children }), _jsx("div", { className: "rls-box-field__component", children: _jsx("div", { className: "rls-box-field__body", children: _jsx(RlsInputNumber, { formControl: formControl, disabled: disabled, placeholder: placeholder }) }) }), formControl?.dirty && formControl?.error && (_jsx("div", { className: "rls-box-field__helper rls-box-field__helper--error", children: _jsx("span", { children: formControl?.error.message }) }))] }));
+}
+//# sourceMappingURL=NumberField.js.map

package/dist/esm/components/molecules/NumberField/NumberField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.js","sourceRoot":"","sources":["../../../../../src/components/molecules/NumberField/NumberField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,mBAAmB,CAAC;AAQ3B,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,WAAW,EACX,QAAQ,EACI;IACZ,OAAO,CACL,eACE,SAAS,EACP,mBAAmB;YACnB,iBAAiB,CAAC,eAAe,EAAE;gBACjC,MAAM,EAAE,WAAW,EAAE,MAAM;gBAC3B,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC,WAAW,EAAE,KAAK;gBAChD,QAAQ;aACT,CAAC,eAEO,QAAQ,aAElB,QAAQ,IAAI,gBAAO,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAS,EACvE,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,cAAc,IACb,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,GACxB,GACE,GACF,EACL,WAAW,EAAE,KAAK,IAAI,WAAW,EAAE,KAAK,IAAI,CAC3C,cAAK,SAAS,EAAC,oDAAoD,YACjE,yBAAO,WAAW,EAAE,KAAK,CAAC,OAAO,GAAQ,GACrC,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/molecules/Pagination/Pagination.css

@@ -0,0 +1,66 @@
+.rls-pagination {
+  position: relative;
+  display: flex;
+  justify-content: center;
+  float: left;
+  width: 100%;
+  overflow: hidden;
+  height: var(--sizing-40);
+  padding: 0rem var(--sizing-12);
+  box-sizing: border-box;
+}
+.rls-pagination__pages {
+  display: flex;
+  gap: var(--sizing-8);
+  width: auto;
+  margin: 0rem var(--sizing-8);
+}
+.rls-pagination__page {
+  background: var(--background-theme-100);
+  color: var(--color-theme-500);
+  cursor: default;
+  margin: auto 0rem;
+  text-align: center;
+  width: var(--sizing-32);
+  height: var(--sizing-32);
+  line-height: var(--sizing-32);
+  border-radius: var(--sizing-4);
+}
+.rls-pagination__page:hover {
+  background: var(--color-xofttion-300);
+  color: var(--color-xofttion-900);
+}
+.rls-pagination__page--active {
+  background: var(--gradient-xofttion-500);
+  color: var(--color-light-500);
+}
+.rls-pagination__description {
+  color: var(--font-primary-900);
+  margin: 0rem var(--sizing-8);
+  width: auto;
+  height: var(--sizing-40);
+  line-height: var(--sizing-40);
+  font-size: var(--body-1-size);
+  font-weight: var(--font-weight-bold);
+  letter-spacing: var(--body-1-letter-spacing);
+}
+.rls-pagination__actions {
+  width: auto;
+}
+.rls-pagination__action {
+  background: none;
+  outline: none;
+  color: var(--color-theme-300);
+  height: var(--sizing-36);
+  width: var(--sizing-36);
+  padding: var(--sizing-6);
+  margin: var(--sizing-2) 0rem;
+}
+.rls-pagination__action:hover {
+  color: var(--color-xofttion-300);
+  cursor: pointer;
+}
+.rls-pagination__action:disabled {
+  pointer-events: none;
+  opacity: 0.5;
+}

package/dist/esm/components/molecules/Pagination/Pagination.d.ts

@@ -0,0 +1,27 @@
+import './Pagination.css';
+interface PaginationEvent {
+    firstPage: boolean;
+    lastPage: boolean;
+}
+interface Pagination<T> {
+    elements: T[];
+    count?: number;
+    filter?: Nulleable<string>;
+    onElements?: (elements: T[]) => void;
+    onPagination?: (event: PaginationEvent) => void;
+}
+export interface Page<T> {
+    collection: T[];
+    count: number;
+    index: number;
+    maxPage: number;
+}
+export interface PaginationState {
+    active: boolean;
+    label: string;
+    value: number;
+    prev?: PaginationState;
+    next?: PaginationState;
+}
+export declare function Pagination<T>({ elements, count: defaultCount, filter, onElements, onPagination }: Pagination<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/molecules/Pagination/Pagination.js

@@ -0,0 +1,219 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { hasPattern } from '@rolster/helpers-string';
+import { useEffect, useState } from 'react';
+import { renderClassStatus } from '../../../utils/css';
+import { RlsIcon } from '../../atoms';
+import './Pagination.css';
+const DEFAULT_COUNT_ELEMENT = 20;
+const MIN_NUMBER_PAGE = 1;
+const FIRST_PAGE = 0;
+const DEFAULT_MAX_VISIBLE = 4;
+export function Pagination({ elements, count: defaultCount, filter, onElements, onPagination }) {
+    const count = defaultCount || DEFAULT_COUNT_ELEMENT;
+    const [collection, setCollection] = useState([]);
+    const [index, setIndex] = useState(0);
+    const [maxPage, setMaxPage] = useState(calculateMaxPage(elements, count));
+    const [paginations, setPaginations] = useState([]);
+    const [currentPagination, setCurrentPagination] = useState();
+    const [description, setDescription] = useState('');
+    const [firstPage, setFirstPage] = useState(true);
+    const [lastPage, setLastPage] = useState(false);
+    useEffect(() => {
+        refreshFromElements(elements);
+    }, [elements]);
+    useEffect(() => {
+        const isFirstPage = currentPagination?.value === FIRST_PAGE;
+        const isLastPage = currentPagination?.value === maxPage - 1;
+        setFirstPage(isFirstPage);
+        setLastPage(isLastPage);
+        if (onPagination) {
+            onPagination({ firstPage: isFirstPage, lastPage: isLastPage });
+        }
+    }, [currentPagination]);
+    useEffect(() => {
+        refreshFromFilter(filter);
+    }, [filter]);
+    function onChangeElements(elements) {
+        if (onElements) {
+            onElements(elements);
+        }
+    }
+    function calculateMaxPage(collection, count) {
+        return collection.length ? Math.ceil(collection.length / count) : 0;
+    }
+    function onSelectPagination(pagination) {
+        const { value } = pagination;
+        pagination.active = true;
+        setIndex(value);
+        setCurrentPagination(pagination);
+        refreshFromChanged(createPageProps({ index: value }));
+    }
+    function goPagination(pagination) {
+        if (currentPagination) {
+            currentPagination.active = false;
+        }
+        onSelectPagination(pagination);
+    }
+    function goPreviousPagination() {
+        if (currentPagination) {
+            const { prev, value } = currentPagination;
+            if (prev) {
+                onSelectPagination(prev);
+                currentPagination.active = false;
+            }
+            else {
+                const prevIndex = value - MIN_NUMBER_PAGE;
+                if (prevIndex >= FIRST_PAGE) {
+                    refreshFromChanged(createPagePropsFromIndex(prevIndex));
+                }
+            }
+        }
+    }
+    function goFirstPagination() {
+        if (collection.length) {
+            refreshFromChanged(createPagePropsFromIndex(FIRST_PAGE));
+        }
+    }
+    function goNextPagination() {
+        if (currentPagination) {
+            const { next, value } = currentPagination;
+            if (next) {
+                onSelectPagination(next);
+                currentPagination.active = false;
+            }
+            else {
+                const nextIndex = value + 1;
+                if (nextIndex <= maxPage) {
+                    refreshFromChanged(createPagePropsFromIndex(nextIndex));
+                }
+            }
+        }
+    }
+    function goLastPagination() {
+        if (collection.length) {
+            refreshFromChanged(createPagePropsFromIndex(maxPage - MIN_NUMBER_PAGE));
+        }
+    }
+    function createPageCollection(props) {
+        const { collection, count, index } = props;
+        if (collection.length) {
+            const finish = (index + MIN_NUMBER_PAGE) * count;
+            const start = index * count;
+            return collection.slice(start, finish);
+        }
+        return [];
+    }
+    function refreshFromElements(elements) {
+        elements.length
+            ? refreshFromChanged(createRefreshProps(elements, filter))
+            : rebootPagination();
+    }
+    function refreshFromFilter(filter) {
+        refreshFromChanged(createRefreshProps(elements, filter));
+    }
+    function createRefreshProps(elements, filter) {
+        const collection = refreshCollection(elements, filter);
+        const maxPage = refreshMaxPage(collection, count);
+        const index = refreshIndex(collection, maxPage);
+        return createPageProps({ collection, index, maxPage });
+    }
+    function refreshFromChanged(page) {
+        refreshPaginations(page);
+        refreshDescription(page);
+        onChangeElements(createPageCollection(page));
+    }
+    function refreshCollection(elements, filter) {
+        const collection = filter
+            ? elements.filter((element) => hasPattern(JSON.stringify(element), filter))
+            : elements;
+        setCollection(collection);
+        return collection;
+    }
+    function refreshMaxPage(collection, count) {
+        const maxPage = calculateMaxPage(collection, count);
+        setMaxPage(maxPage);
+        return maxPage;
+    }
+    function refreshIndex(collection, currentMaxPage) {
+        const maxPage = currentMaxPage || refreshMaxPage(collection, count);
+        if (index < maxPage || index === FIRST_PAGE) {
+            return index;
+        }
+        const newIndex = maxPage - 1;
+        setIndex(newIndex);
+        return newIndex;
+    }
+    function rebootPagination() {
+        setCollection([]);
+        setMaxPage(0);
+        setIndex(0);
+        setPaginations([]);
+        onChangeElements([]);
+    }
+    function refreshDescription(page) {
+        const { collection, count, index } = page;
+        const totalCount = elements.length;
+        const start = index * count + MIN_NUMBER_PAGE;
+        let end = (index + MIN_NUMBER_PAGE) * count;
+        if (end > collection.length) {
+            end = collection.length;
+        }
+        setDescription(`${start} - ${end} de ${totalCount}`);
+    }
+    function refreshPaginations({ index, maxPage }) {
+        let maxPageVisible = index + DEFAULT_MAX_VISIBLE;
+        if (maxPageVisible > maxPage) {
+            maxPageVisible = maxPage;
+        }
+        let minIndexPage = maxPageVisible - DEFAULT_MAX_VISIBLE;
+        if (minIndexPage < 0) {
+            minIndexPage = 0;
+        }
+        if (minIndexPage > index) {
+            minIndexPage = index;
+        }
+        let prevPagination = undefined;
+        const paginations = [];
+        for (let i = minIndexPage; i < maxPageVisible; i++) {
+            const pagination = createPagination(i, index);
+            paginations.push(pagination);
+            pagination.prev = prevPagination;
+            if (prevPagination) {
+                prevPagination.next = pagination;
+            }
+            prevPagination = pagination;
+        }
+        setPaginations(paginations);
+    }
+    function createPagination(value, index) {
+        const active = value === index;
+        const pagination = {
+            label: (value + 1).toString(),
+            value,
+            active
+        };
+        if (active) {
+            setCurrentPagination(pagination);
+        }
+        return pagination;
+    }
+    function createPagePropsFromIndex(index) {
+        return createPageProps({ index });
+    }
+    function createPageProps(props) {
+        return {
+            collection: props.collection || collection,
+            index: typeof props.index === 'number' ? props.index : index,
+            count: props.count || count,
+            maxPage: typeof props.maxPage === 'number' ? props.maxPage : maxPage
+        };
+    }
+    return (_jsxs("div", { className: "rls-pagination", children: [_jsxs("div", { className: "rls-pagination__actions", children: [_jsx("button", { className: "rls-pagination__action", onClick: goFirstPagination, disabled: firstPage, children: _jsx(RlsIcon, { value: "arrowhead-left" }) }), _jsx("button", { className: "rls-pagination__action", onClick: goPreviousPagination, disabled: firstPage, children: _jsx(RlsIcon, { value: "arrow-ios-left" }) })] }), _jsx("div", { className: "rls-pagination__pages", children: paginations.map((page, index) => {
+                    return (_jsx("div", { className: renderClassStatus('rls-pagination__page', {
+                            active: page.active
+                        }), onClick: () => {
+                            goPagination(page);
+                        }, children: page.label }, index));
+                }) }), _jsx("div", { className: "rls-pagination__description", children: description }), _jsxs("div", { className: "rls-pagination__actions", children: [_jsx("button", { className: "rls-pagination__action", onClick: goNextPagination, disabled: lastPage, children: _jsx(RlsIcon, { value: "arrow-ios-right" }) }), _jsx("button", { className: "rls-pagination__action", onClick: goLastPagination, disabled: lastPage, children: _jsx(RlsIcon, { value: "arrowhead-right" }) })] })] }));
+}
+//# sourceMappingURL=Pagination.js.map

package/dist/esm/components/molecules/Pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../../../src/components/molecules/Pagination/Pagination.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/molecules/PasswordField/PasswordField.css

@@ -0,0 +1,12 @@
+.rls-password-field {
+  --rls-input-parent-padding: var(--sizing-6) var(--sizing-8);
+  --rls-buttonaction-ripple-dimension: var(--sizing-32);
+  --rls-buttonaction-ripple-position: -1rem;
+  position: relative;
+  float: left;
+  width: 100%;
+  box-sizing: border-box;
+}
+.rls-password-field .rls-button-action {
+  margin: auto var(--sizing-4) auto 0rem;
+}