@rolster/react-components 18.12.9 → 18.13.0

package/dist/esm/components/organisms/FormNavigation/FormNavigation.css

@@ -1,29 +1,30 @@
 .rls-form-navigation {
   position: fixed;
-  top: var(--sizing-x8);
-  right: var(--sizing-x8);
-  width: calc(100% - var(--sizing-x16));
+  top: var(--rls-sizing-x8);
+  right: var(--rls-sizing-x8);
+  width: calc(100% - var(--rls-sizing-x16));
   max-width: 160rem;
   height: auto;
-  max-height: calc(100vh - var(--sizing-x16));
-  z-index: var(--z-index-12);
-  padding: var(--sizing-x8) var(--sizing-x8) var(--sizing-x12) var(--sizing-x8);
+  max-height: calc(100vh - var(--rls-sizing-x16));
+  z-index: var(--rls-z-index-12);
+  padding: var(--rls-sizing-x8) var(--rls-sizing-x8) var(--rls-sizing-x12)
+    var(--rls-sizing-x8);
   box-sizing: border-box;
-  background: var(--background-theme-500);
-  border-radius: var(--sizing-x4);
-  box-shadow: var(--shadow-center-dark-8);
-  transform: translateX(calc(100% + var(--sizing-x16)));
-  transition: transform 240ms 0ms var(--standard-curve);
+  background: var(--rls-app-background-500);
+  border-radius: var(--rls-sizing-x4);
+  box-shadow: var(--rls-dark-shadow-center-8);
+  transform: translateX(calc(100% + var(--rls-sizing-x16)));
+  transition: transform 240ms 0ms var(--rls-standard-curve);
 }
 .rls-form-navigation--visible {
   transform: translateX(0%);
 }
 .rls-form-navigation__header {
-  margin-bottom: var(--sizing-x8);
+  margin-bottom: var(--rls-sizing-x8);
 }
 .rls-form-navigation__header .rls-button-action {
-  width: var(--sizing-x12);
-  height: var(--sizing-x12);
+  width: var(--rls-sizing-x12);
+  height: var(--rls-sizing-x12);
   padding: 0rem;
   float: right;
 }

package/dist/esm/components/organisms/Modal/Modal.css

@@ -11,7 +11,7 @@
   left: 0rem;
   width: 100%;
   height: 100%;
-  z-index: var(--z-index-24);
+  z-index: var(--rls-z-index-24);
   visibility: hidden;
   align-items: center;
   justify-content: center;
@@ -28,19 +28,19 @@
 .rls-modal__component {
   position: absolute;
   width: auto;
-  max-width: calc(100% - var(--sizing-x8));
+  max-width: calc(100% - var(--rls-sizing-x8));
   height: var(--pvt-component-height);
   opacity: var(--pvt-component-opacity);
   visibility: var(--pvt-component-visibility);
-  z-index: var(--z-index-2);
+  z-index: var(--rls-z-index-2);
   overflow: hidden;
-  border-radius: var(--sizing-x4);
-  background: var(--background-theme-500);
+  border-radius: var(--rls-sizing-x4);
+  background: var(--rls-app-background-500);
   will-change: transform;
   transform: var(--pvt-component-transform);
-  transition: opacity 125ms 0ms var(--deceleration-curve),
-    transform 125ms 0ms var(--deceleration-curve),
-    visibility 125ms 0ms var(--deceleration-curve);
+  transition: opacity 125ms 0ms var(--rls-deceleration-curve),
+    transform 125ms 0ms var(--rls-deceleration-curve),
+    visibility 125ms 0ms var(--rls-deceleration-curve);
 }
 .rls-modal__backdrop {
   position: absolute;
@@ -52,8 +52,8 @@
   opacity: var(--pvt-backdrop-opacity);
   z-index: 1;
   will-change: opacity;
-  background: var(--backdrop-rolster-500);
+  background: var(--rls-theme-backdrop-900);
   backdrop-filter: blur(2px);
-  transition: opacity 120ms 0ms var(--deceleration-curve),
-    bottom 120ms 0ms var(--deceleration-curve);
+  transition: opacity 120ms 0ms var(--rls-deceleration-curve),
+    bottom 120ms 0ms var(--rls-deceleration-curve);
 }

package/dist/esm/components/organisms/SelectField/SelectField.css

@@ -3,7 +3,7 @@
 }
 
 .rls-select-field .rls-list-field__action {
-  transition: transform 160ms 0ms var(--sharp-curve);
+  transition: transform 160ms 0ms var(--rls-sharp-curve);
 }
 .rls-select-field .rls-list-field__action--visible {
   transform: rotate(180deg);

package/dist/esm/components/organisms/SelectField/SelectField.d.ts

@@ -1,6 +1,6 @@
+import { AbstractListElement as Element, ListElement } from '@rolster/helpers-components';
 import { ReactControl } from '@rolster/react-forms';
 import { ReactNode } from 'react';
-import { AbstractListElement as Element, ListElement } from '../../../models';
 import { RlsComponent } from '../../definitions';
 import './SelectField.css';
 interface SelectFieldProps<T = unknown, E extends Element<T> = Element<T>> extends RlsComponent {

package/dist/esm/components/organisms/SelectField/SelectField.js

@@ -19,7 +19,7 @@ export function RlsSelectFieldTemplate({ suggestions, children, disabled, formCo
                     visible: listControl.visible,
                     hide: !listControl.visible,
                     higher: listControl.higher
-                }), children: [_jsx("div", { className: "rls-list-field__suggestions__body", children: _jsxs("ul", { ref: listControl.listRef, className: "rls-list-field__ul", children: [suggestions.map((element, index) => (_jsx("li", { className: "rls-list-field__element", tabIndex: -1, onClick: onClickElement(element), onKeyDown: onKeydownElement(element), children: render(element) }, index))), !suggestions.length && (_jsx("li", { className: "rls-list-field__empty", children: _jsxs("div", { className: "rls-list-field__empty__description", children: [_jsx("label", { className: "label-bold truncate", children: reactI18n('listEmptyTitle') }), _jsx("p", { className: "caption-regular", children: reactI18n('listEmptyDescription') })] }) }))] }) }), _jsx("div", { className: "rls-list-field__backdrop", onClick: onClickBackdrop })] })] }));
+                }), children: [_jsx("div", { className: "rls-list-field__suggestions__body", children: _jsxs("ul", { ref: listControl.listRef, className: "rls-list-field__ul", children: [suggestions.map((element, index) => (_jsx("li", { className: "rls-list-field__element", tabIndex: -1, onClick: onClickElement(element), onKeyDown: onKeydownElement(element), children: render(element) }, index))), !suggestions.length && (_jsx("li", { className: "rls-list-field__empty", children: _jsxs("div", { className: "rls-list-field__empty__description", children: [_jsx("label", { className: "rls-label-bold truncate", children: reactI18n('listEmptyTitle') }), _jsx("p", { className: "rls-caption-regular", children: reactI18n('listEmptyDescription') })] }) }))] }) }), _jsx("div", { className: "rls-list-field__backdrop", onClick: onClickBackdrop })] })] }));
 }
 export function RlsSelectField(props) {
     return (_jsx(RlsSelectFieldTemplate, { ...props, render: (element) => (_jsx(RlsBallot, { subtitle: element.subtitle, img: element.img, initials: element.initials, children: element.title })) }));

package/dist/esm/components/organisms/SelectField/SelectField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../../../src/components/organisms/SelectField/SelectField.tsx"],"names":[],"mappings":";AAEA,OAAO,SAAS,MAAM,eAAe,CAAC;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,mBAAmB,CAAC;AAmB3B,MAAM,UAAU,sBAAsB,CAGpC,EACA,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,EACyB;IAC/B,MAAM,EACJ,WAAW,EACX,WAAW,EACX,aAAa,EACb,eAAe,EACf,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACf,GAAG,cAAc,CAAC;QACjB,WAAW;QACX,QAAQ;QACR,WAAW;QACX,QAAQ;QACR,OAAO;KACR,CAAC,CAAC;IAEH,OAAO,CACL,eACE,GAAG,EAAE,WAAW,CAAC,aAAa,EAC9B,SAAS,EAAE,iBAAiB,CAC1B,eAAe,EACf,EAAE,OAAO,EAAE,WAAW,CAAC,OAAO,EAAE,QAAQ,EAAE,EAC1C,iCAAiC,CAClC,eACU,QAAQ,aAElB,QAAQ,IAAI,gBAAO,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAS,EAEvE,cAAK,SAAS,EAAC,0BAA0B,YACvC,eAAK,SAAS,EAAC,qBAAqB,aAClC,gBACE,GAAG,EAAE,WAAW,CAAC,QAAQ,EACzB,SAAS,EAAC,yBAAyB,EACnC,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,OAAO,EAAE,YAAY,EACrB,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,cAAc,GACzB,EACF,iBACE,SAAS,EAAE,iBAAiB,CAAC,wBAAwB,EAAE;gCACrD,OAAO,EAAE,WAAW,CAAC,OAAO;6BAC7B,CAAC,EACF,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,aAAa,YAEtB,KAAC,OAAO,IAAC,KAAK,EAAC,gBAAgB,GAAG,GAC3B,IACL,GACF,EAEL,WAAW,EAAE,OAAO,IAAI,WAAW,EAAE,KAAK,IAAI,CAC7C,cAAK,SAAS,EAAC,sBAAsB,YACnC,KAAC,cAAc,IAAC,IAAI,EAAC,gBAAgB,EAAC,QAAQ,EAAC,QAAQ,YACpD,WAAW,CAAC,KAAK,CAAC,OAAO,GACX,GACb,CACP,EAED,eACE,SAAS,EAAE,iBAAiB,CAAC,6BAA6B,EAAE;oBAC1D,OAAO,EAAE,WAAW,CAAC,OAAO;oBAC5B,IAAI,EAAE,CAAC,WAAW,CAAC,OAAO;oBAC1B,MAAM,EAAE,WAAW,CAAC,MAAM;iBAC3B,CAAC,aAEF,cAAK,SAAS,EAAC,mCAAmC,YAChD,cAAI,GAAG,EAAE,WAAW,CAAC,OAAO,EAAE,SAAS,EAAC,oBAAoB,aACzD,WAAW,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,aAEE,SAAS,EAAC,yBAAyB,EACnC,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,cAAc,CAAC,OAAO,CAAC,EAChC,SAAS,EAAE,gBAAgB,CAAC,OAAO,CAAC,YAEnC,MAAM,CAAC,OAAO,CAAC,IANX,KAAK,CAOP,CACN,CAAC,EAED,CAAC,WAAW,CAAC,MAAM,IAAI,CACtB,aAAI,SAAS,EAAC,uBAAuB,YACnC,eAAK,SAAS,EAAC,oCAAoC,aACjD,gBAAO,SAAS,EAAC,qBAAqB,YACnC,SAAS,CAAC,gBAAgB,CAAC,GACtB,EACR,YAAG,SAAS,EAAC,iBAAiB,YAC3B,SAAS,CAAC,sBAAsB,CAAC,GAChC,IACA,GACH,CACN,IACE,GACD,EAEN,cACE,SAAS,EAAC,0BAA0B,EACpC,OAAO,EAAE,eAAe,GACnB,IACH,IACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,cAAc,CAC5B,KAA0C;IAE1C,OAAO,CACL,KAAC,sBAAsB,OACjB,KAAK,EACT,MAAM,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CACnB,KAAC,SAAS,IACR,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,GAAG,EAAE,OAAO,CAAC,GAAG,EAChB,QAAQ,EAAE,OAAO,CAAC,QAAQ,YAEzB,OAAO,CAAC,KAAK,GACJ,CACb,GACD,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../../../src/components/organisms/SelectField/SelectField.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/organisms/SelectField/SelectFieldHook.d.ts

@@ -1,7 +1,7 @@
+import { AbstractListElement as Element } from '@rolster/helpers-components';
 import { ReactControl } from '@rolster/react-forms';
 import { KeyboardEvent, KeyboardEventHandler, MouseEventHandler } from 'react';
 import { ListControl } from '../../../hooks';
-import { AbstractListElement as Element } from '../../../models';
 export interface SelectControl<T = unknown, E extends Element<T> = Element<T>> {
     listControl: ListControl<T>;
     onBlurInput: () => void;

package/dist/esm/components/organisms/SelectField/SelectFieldHook.js

@@ -1,33 +1,29 @@
-import { useEffect, useState } from 'react';
+import { useEffect, useRef } from 'react';
 import { useListControl } from '../../../hooks';
 export function useSelectField({ suggestions, formControl, onSelect, onValue }) {
     const listControl = useListControl({ suggestions, formControl });
     const { collection, inputRef, visible, navigationElement, navigationInput, setFocused, setValue, setVisible } = listControl;
-    const [changeInternal, setChangeInternal] = useState(false);
+    const changeInternal = useRef(false);
     useEffect(() => {
-        changeInternal ? setChangeInternal(false) : resetState(formControl?.state);
+        if (changeInternal.current) {
+            changeInternal.current = false;
+        }
+        else {
+            resetState(formControl?.state);
+        }
     }, [formControl?.state]);
     useEffect(() => resetCollection(collection, formControl?.state), [collection]);
     function setFormState(value) {
-        setChangeInternal(true);
-        formControl?.setState(value);
+        if (formControl) {
+            changeInternal.current = true;
+            formControl.setState(value);
+        }
     }
     function resetCollection(collection, state) {
-        if (state) {
-            const element = collection.find(state);
-            if (element) {
-                setValue(element.description);
-            }
-            else {
-                setValue('');
-            }
-        }
-        else {
-            setValue('');
-        }
+        setValue(state ? collection.find(state)?.description || '' : '');
     }
     function resetState(state) {
-        setValue(state ? collection.find(state)?.description || '' : '');
+        resetCollection(collection, state);
     }
     function onFocusInput() {
         setFocused(true);
@@ -35,20 +31,16 @@ export function useSelectField({ suggestions, formControl, onSelect, onValue })
     function onBlurInput() {
         setFocused(false);
     }
-    function onClickControl() {
+    function onClickInput() {
         setVisible(true);
     }
     function onKeydownInput(event) {
         switch (event.code) {
             case 'Space':
-                setVisible(true);
-                break;
             case 'Enter':
                 setVisible(true);
                 break;
             case 'Escape':
-                setVisible(false);
-                break;
             case 'Tab':
                 setVisible(false);
                 break;
@@ -74,14 +66,7 @@ export function useSelectField({ suggestions, formControl, onSelect, onValue })
     }
     function onKeydownElement(element) {
         return (event) => {
-            switch (event.code) {
-                case 'Enter':
-                    onChange(element);
-                    break;
-                default:
-                    navigationElement(event);
-                    break;
-            }
+            event.code === 'Enter' ? onChange(element) : navigationElement(event);
         };
     }
     function onChange({ description, value }) {
@@ -91,9 +76,7 @@ export function useSelectField({ suggestions, formControl, onSelect, onValue })
             onSelect(value);
         }
         else {
-            if (formControl) {
-                setFormState(value);
-            }
+            setFormState(value);
             setValue(description);
         }
         if (onValue) {
@@ -105,7 +88,7 @@ export function useSelectField({ suggestions, formControl, onSelect, onValue })
         onBlurInput,
         onClickAction,
         onClickBackdrop,
-        onClickInput: onClickControl,
+        onClickInput,
         onClickElement,
         onFocusInput,
         onKeydownElement,

package/dist/esm/components/organisms/SelectField/SelectFieldHook.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectFieldHook.js","sourceRoot":"","sources":["../../../../../src/components/organisms/SelectField/SelectFieldHook.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"SelectFieldHook.js","sourceRoot":"","sources":["../../../../../src/components/organisms/SelectField/SelectFieldHook.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/organisms/Snackbar/Snackbar.css

@@ -1,64 +1,64 @@
 .rls-snackbar {
   position: fixed;
   display: flex;
-  column-gap: var(--sizing-x6);
+  column-gap: var(--rls-sizing-x6);
   bottom: 0rem;
-  left: var(--rls-snackbar-left);
+  left: var(--rlc-snackbar-left);
   z-index: 32;
   width: auto;
   height: auto;
   max-width: 240rem;
-  padding: var(--sizing-x6);
+  padding: var(--rls-sizing-x6);
   box-sizing: border-box;
-  border-radius: var(--sizing-x4);
-  background: var(--background-theme-500);
-  box-shadow: var(--shadow-bottom-light-4);
-  border: var(--border-1-rolster-300);
+  border-radius: var(--rls-sizing-x4);
+  background: var(--rls-app-background-500);
+  box-shadow: var(--rls-light-shadow-bottom-4);
+  border: var(--rls-theme-border-1-300);
   will-change: transform;
   transform: translate(-50%, 100%);
-  transition: transform 160ms 0ms var(--standard-curve);
+  transition: transform 160ms 0ms var(--rls-standard-curve);
 }
 .rls-snackbar--visible {
-  transform: translate(-50%, calc(0% - var(--sizing-x8)));
+  transform: translate(-50%, calc(0% - var(--rls-sizing-x8)));
 }
 .rls-snackbar__avatar {
-  --rls-icon-color: var(--color-light-500);
+  --rlc-icon-color: var(--rls-light-color-500);
   display: flex;
   justify-content: center;
   align-items: center;
   overflow: hidden;
-  background: var(--color-rolster-500);
-  width: var(--sizing-x18);
-  height: var(--sizing-x18);
-  border-radius: var(--sizing-x4);
+  background: var(--rls-theme-color-500);
+  width: var(--rls-sizing-x18);
+  height: var(--rls-sizing-x18);
+  border-radius: var(--rls-sizing-x4);
 }
 .rls-snackbar__avatar + .rls-snackbar__component {
-  width: calc(100% - var(--sizing-x18));
+  width: calc(100% - var(--rls-sizing-x18));
 }
 .rls-snackbar__component {
   display: flex;
   flex-direction: column;
-  row-gap: var(--sizing-x2);
+  row-gap: var(--rls-sizing-x2);
 }
 .rls-snackbar__title {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  color: var(--color-rolster-500);
-  font-size: var(--body-font-size);
-  font-weight: var(--font-weight-bold);
-  letter-spacing: var(--body-letter-spacing);
+  color: var(--rls-theme-color-500);
+  font-size: var(--rls-body-font-size);
+  font-weight: var(--rls-font-weight-bold);
+  letter-spacing: var(--rls-body-letter-spacing);
 }
 .rls-snackbar__content p {
-  line-height: var(--sizing-x10);
-  color: var(--color-theme-300);
-  font-size: var(--label-font-size);
-  font-weight: var(--font-weight-medium);
-  letter-spacing: var(--label-letter-spacing);
+  line-height: var(--rls-sizing-x10);
+  color: var(--rls-app-color-300);
+  font-size: var(--rls-label-font-size);
+  font-weight: var(--rls-font-weight-medium);
+  letter-spacing: var(--rls-label-letter-spacing);
 }
 
 @media only screen and (max-width: 375px) {
   .rls-snackbar {
-    width: calc(100% - var(--sizing-x12));
+    width: calc(100% - var(--rls-sizing-x12));
   }
 }

package/dist/esm/constants/index.d.ts

@@ -0,0 +1 @@
+export * from './picker.constant';

package/dist/esm/constants/index.js

@@ -0,0 +1,2 @@
+export * from './picker.constant';
+//# sourceMappingURL=index.js.map

package/dist/esm/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/esm/constants/picker.constant.d.ts

@@ -0,0 +1 @@
+export declare const DATE_RANGE_FORMAT = "{dd}/{mx}/{aa}";

package/dist/esm/constants/picker.constant.js

@@ -0,0 +1,2 @@
+export const DATE_RANGE_FORMAT = '{dd}/{mx}/{aa}';
+//# sourceMappingURL=picker.constant.js.map

package/dist/esm/constants/picker.constant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"picker.constant.js","sourceRoot":"","sources":["../../../src/constants/picker.constant.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG,gBAAgB,CAAC"}

package/dist/esm/helpers/date-range-picker.d.ts

@@ -1,13 +1,2 @@
 import { DateRange } from '@rolster/helpers-date';
-import { WeekRangeState } from '../models';
-interface FactoryProps {
-    date: Date;
-    range: DateRange;
-    sourceDate: Date;
-    minDate?: Date;
-    maxDate?: Date;
-}
-export declare const DATE_RANGE_FORMAT = "{dd}/{mx}/{aa}";
-export declare function formatRange(range: DateRange): string;
-export declare function createRangePicker(props: FactoryProps): WeekRangeState[];
-export {};
+export declare function rangeFormatTemplate({ maxDate, minDate }: DateRange): string;

package/dist/esm/helpers/date-range-picker.js

@@ -1,108 +1,8 @@
-import { assignDay, between, daysFromMonth, formatDate, weight } from '@rolster/helpers-date';
-export const DATE_RANGE_FORMAT = '{dd}/{mx}/{aa}';
-class DateRangePickerFactory {
-    constructor(props) {
-        const { date, range, sourceDate, maxDate, minDate } = props;
-        this.date = new Date(date.getTime());
-        this.range = range;
-        this.sourceDate = sourceDate;
-        this.maxDate = maxDate;
-        this.minDate = minDate;
-        this.date.setDate(1);
-    }
-    static execute(props) {
-        const factory = new DateRangePickerFactory(props);
-        const firstWeek = factory.createFirstWeek();
-        const rightWeeks = factory.createRightWeeks();
-        return [firstWeek, ...rightWeeks];
-    }
-    createFirstWeek() {
-        const dayStart = this.date.getDay();
-        const days = [];
-        let day = 1;
-        for (let start = 0; start < dayStart; start++) {
-            days.push(this.createDayRangeState());
-        }
-        for (let end = dayStart; end < 7; end++) {
-            days.push(this.createDayRangeState(day));
-            day++;
-        }
-        return { days };
-    }
-    createRightWeeks() {
-        const rightWeeks = [];
-        const dayStart = this.date.getDay();
-        const dayCount = daysFromMonth(this.date.getFullYear(), this.date.getMonth());
-        let days = [];
-        let countDaysWeek = 1;
-        let day = 8 - dayStart;
-        do {
-            days.push(this.createDayRangeState(day));
-            day++;
-            countDaysWeek++;
-            if (countDaysWeek > 7) {
-                rightWeeks.push({ days });
-                days = [];
-                countDaysWeek = 1;
-            }
-        } while (day <= dayCount);
-        const daysPending = this.createDaysPending(days.length);
-        rightWeeks.push({ days: [...days, ...daysPending] });
-        return rightWeeks;
-    }
-    createDaysPending(daysWeek) {
-        const daysPending = [];
-        const length = 7 - daysWeek;
-        for (let index = 0; index < length; index++) {
-            daysPending.push(this.createDayRangeState());
-        }
-        return daysPending;
-    }
-    isSelectedSource(day) {
-        return this.isSelectedForDate(this.sourceDate, day);
-    }
-    isSelectedEnd(day) {
-        return (this.isSelectedForDate(this.range.minDate, day) ||
-            this.isSelectedForDate(this.range.maxDate, day));
-    }
-    isSelectedForDate(date, day) {
-        return (date.getFullYear() === this.date.getFullYear() &&
-            date.getMonth() === this.date.getMonth() &&
-            day === date.getDate());
-    }
-    isRangedFromDate(day) {
-        return between(this.range.minDate, this.range.maxDate, assignDay(this.date, day));
-    }
-    overflowDay(day) {
-        return this.minOverflowDay(day) || this.maxOverflowDay(day);
-    }
-    minOverflowDay(day) {
-        return this.minDate
-            ? weight(assignDay(this.date, day)) < weight(this.minDate)
-            : false;
-    }
-    maxOverflowDay(day) {
-        return this.maxDate
-            ? weight(assignDay(this.date, day)) > weight(this.maxDate)
-            : false;
-    }
-    createDayRangeState(day) {
-        return {
-            value: day,
-            disabled: this.overflowDay(day || 0),
-            forbidden: !day,
-            ranged: day ? this.isRangedFromDate(day) : false,
-            end: day ? this.isSelectedEnd(day) : false,
-            source: day ? this.isSelectedSource(day) : false
-        };
-    }
-}
-export function formatRange(range) {
-    const minFormat = formatDate(range.minDate, DATE_RANGE_FORMAT);
-    const maxFormat = formatDate(range.maxDate, DATE_RANGE_FORMAT);
+import { dateFormatTemplate } from '@rolster/helpers-date';
+import { DATE_RANGE_FORMAT } from '../constants';
+export function rangeFormatTemplate({ maxDate, minDate }) {
+    const minFormat = dateFormatTemplate(minDate, DATE_RANGE_FORMAT);
+    const maxFormat = dateFormatTemplate(maxDate, DATE_RANGE_FORMAT);
     return `${minFormat} - ${maxFormat}`;
 }
-export function createRangePicker(props) {
-    return DateRangePickerFactory.execute(props);
-}
 //# sourceMappingURL=date-range-picker.js.map

package/dist/esm/helpers/date-range-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-picker.js","sourceRoot":"","sources":["../../../src/helpers/date-range-picker.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"date-range-picker.js","sourceRoot":"","sources":["../../../src/helpers/date-range-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,UAAU,mBAAmB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAa;IACjE,MAAM,SAAS,GAAG,kBAAkB,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;IACjE,MAAM,SAAS,GAAG,kBAAkB,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;IAEjE,OAAO,GAAG,SAAS,MAAM,SAAS,EAAE,CAAC;AACvC,CAAC"}

package/dist/esm/helpers/index.d.ts

@@ -0,0 +1,2 @@
+export * from './css';
+export * from './date-range-picker';

package/dist/esm/helpers/index.js

@@ -0,0 +1,3 @@
+export * from './css';
+export * from './date-range-picker';
+//# sourceMappingURL=index.js.map

package/dist/esm/helpers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,qBAAqB,CAAC"}

package/dist/esm/hooks/ListControlHook.d.ts

@@ -1,6 +1,6 @@
+import { AbstractListElement, ListCollection } from '@rolster/helpers-components';
 import { ReactControl } from '@rolster/react-forms';
 import { Dispatch, KeyboardEvent, RefObject, SetStateAction } from 'react';
-import { AbstractListElement, ListCollection } from '../models';
 export interface ListControl<T = unknown> {
     boxContentRef: RefObject<HTMLDivElement>;
     collection: ListCollection<T>;
@@ -19,7 +19,6 @@ export interface ListControl<T = unknown> {
 interface ListControlProps<T = unknown> {
     suggestions: AbstractListElement<T>[];
     formControl?: ReactControl<HTMLElement, T>;
-    higher?: boolean;
 }
-export declare function useListControl<T = unknown>({ suggestions, formControl, higher: withHigher }: ListControlProps<T>): ListControl<T>;
+export declare function useListControl<T = unknown>({ suggestions, formControl }: ListControlProps<T>): ListControl<T>;
 export {};