@codeleap/web 5.4.4 → 5.5.0

package/dist/components/ActionIcon/types.d.ts

@@ -3,7 +3,7 @@ import { TouchableProps } from '../Touchable';
 import { ActionIconComposition } from './styles';
 import { IconProps } from '../Icon';
 import { AppIcon, StyledProp } from '@codeleap/styles';
-export type ActionIconProps = Omit<TouchableProps, 'style'> & ComponentCommonProps & {
+export type ActionIconProps = Omit<TouchableProps, 'style' | 'debugName'> & ComponentCommonProps & {
     iconProps?: Partial<IconProps>;
     icon?: AppIcon;
     name?: AppIcon;

package/dist/components/Checkbox/index.js

@@ -44,14 +44,17 @@ var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
 var styles_1 = require("@codeleap/styles");
 var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
 var types_1 = require("@codeleap/types");
+var useInputBase_1 = require("../InputBase/useInputBase");
+var form_1 = require("@codeleap/form");
 __exportStar(require("./styles"), exports);
 __exportStar(require("./types"), exports);
 var reversedOrder = __spreadArray([], InputBase_1.InputBaseDefaultOrder, true).reverse();
 var Checkbox = function (props) {
     var _a;
     var _b = (0, InputBase_1.selectInputBaseProps)(__assign(__assign({}, exports.Checkbox.defaultProps), props)), inputBaseProps = _b.inputBaseProps, checkboxProps = _b.others;
-    var style = checkboxProps.style, value = checkboxProps.value, disabled = checkboxProps.disabled, debugName = checkboxProps.debugName, onValueChange = checkboxProps.onValueChange, checkboxOnLeft = checkboxProps.checkboxOnLeft, checkIcon = checkboxProps.checkIcon;
+    var style = checkboxProps.style, disabled = checkboxProps.disabled, debugName = checkboxProps.debugName, field = checkboxProps.field, value = checkboxProps.value, onValueChange = checkboxProps.onValueChange, checkboxOnLeft = checkboxProps.checkboxOnLeft, checkIcon = checkboxProps.checkIcon;
     var styles = (0, useStylesFor_1.useStylesFor)(exports.Checkbox.styleRegistryName, style);
+    var _c = (0, useInputBase_1.useInputBase)(field, form_1.fields.boolean, { value: value, onValueChange: onValueChange }), validation = _c.validation, wrapperRef = _c.wrapperRef, inputValue = _c.inputValue, onInputValueChange = _c.onInputValueChange;
     var boxAnimation = (0, __1.useAnimatedVariantStyles)({
         variantStyles: styles,
         animatedProperties: ['box:unchecked', 'box:disabled', 'box:checked', 'box:disabled-checked', 'box:disabled-unchecked'],
@@ -59,12 +62,12 @@ var Checkbox = function (props) {
             'worklet';
             var disabledStyle = {};
             if (disabled) {
-                disabledStyle = value ? styles['box:disabled-checked'] : styles['box:disabled-unchecked'];
+                disabledStyle = inputValue ? styles['box:disabled-checked'] : styles['box:disabled-unchecked'];
             }
-            var style = value ? styles['box:checked'] : styles['box:unchecked'];
+            var style = inputValue ? styles['box:checked'] : styles['box:unchecked'];
             return __assign(__assign({}, style), disabledStyle);
         },
-        dependencies: [value, disabled],
+        dependencies: [inputValue, disabled],
     });
     var checkmarkWrapperAnimation = (0, __1.useAnimatedVariantStyles)({
         variantStyles: styles,
@@ -79,25 +82,25 @@ var Checkbox = function (props) {
             'worklet';
             var disabledStyle = {};
             if (disabled) {
-                disabledStyle = value ? styles['checkmarkWrapper:disabled-checked'] : styles['checkmarkWrapper:disabled-unchecked'];
+                disabledStyle = inputValue ? styles['checkmarkWrapper:disabled-checked'] : styles['checkmarkWrapper:disabled-unchecked'];
             }
-            var style = value ? styles['checkmarkWrapper:checked'] : styles['checkmarkWrapper:unchecked'];
+            var style = inputValue ? styles['checkmarkWrapper:checked'] : styles['checkmarkWrapper:unchecked'];
             return __assign(__assign({}, style), disabledStyle);
         },
-        dependencies: [value, disabled],
+        dependencies: [inputValue, disabled],
     });
     // @ts-expect-error __props is ICSS
     var _checkboxOnLeft = checkboxOnLeft !== null && checkboxOnLeft !== void 0 ? checkboxOnLeft : (_a = styles === null || styles === void 0 ? void 0 : styles.__props) === null || _a === void 0 ? void 0 : _a.checkboxOnLeft;
     var handleChange = function (e) {
         if (disabled)
             return;
-        if (!types_1.TypeGuards.isFunction(onValueChange))
+        if (!types_1.TypeGuards.isFunction(onInputValueChange))
             return;
         var isSpaceBarClick = (e === null || e === void 0 ? void 0 : e.keyCode) === 32;
         var isEnterKey = (e === null || e === void 0 ? void 0 : e.key) === 'Enter';
         var isClick = (e === null || e === void 0 ? void 0 : e.type) === 'click';
         if (isClick || (e === null || e === void 0 ? void 0 : e.keyCode) === 13 || isSpaceBarClick || isEnterKey) {
-            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(!value);
+            onInputValueChange === null || onInputValueChange === void 0 ? void 0 : onInputValueChange(!inputValue);
         }
     };
     var getStyles = function (key) { return (0, styles_1.mergeStyles)([
@@ -109,7 +112,8 @@ var Checkbox = function (props) {
         checkmarkWrapper: getStyles('checkmarkWrapper'),
         checkmark: getStyles('checkmark'),
     };
-    return ((0, jsx_runtime_1.jsx)(InputBase_1.InputBase, __assign({}, inputBaseProps, { debugName: debugName, style: styles, order: _checkboxOnLeft ? reversedOrder : InputBase_1.InputBaseDefaultOrder }, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, __assign({ style: componentStyles.box, initial: false, animate: boxAnimation, transition: styles['box:transition'], onClick: handleChange, onKeyDown: handleChange, tabIndex: 0 }, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, __assign({ style: componentStyles.checkmarkWrapper, initial: false, animate: checkmarkWrapperAnimation, transition: styles['checkmarkWrapper:transition'] }, { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { debugName: debugName, name: checkIcon, style: componentStyles.checkmark }) })) })) })));
+    var hasError = validation === null || validation === void 0 ? void 0 : validation.showError;
+    return ((0, jsx_runtime_1.jsx)(InputBase_1.InputBase, __assign({}, inputBaseProps, { ref: wrapperRef, error: hasError ? validation === null || validation === void 0 ? void 0 : validation.message : null, debugName: debugName, style: styles, order: _checkboxOnLeft ? reversedOrder : InputBase_1.InputBaseDefaultOrder }, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, __assign({ style: componentStyles.box, initial: false, animate: boxAnimation, transition: styles['box:transition'], onClick: handleChange, onKeyDown: handleChange, tabIndex: 0 }, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, __assign({ style: componentStyles.checkmarkWrapper, initial: false, animate: checkmarkWrapperAnimation, transition: styles['checkmarkWrapper:transition'] }, { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { debugName: debugName, name: checkIcon, style: componentStyles.checkmark }) })) })) })));
 };
 exports.Checkbox = Checkbox;
 exports.Checkbox.styleRegistryName = 'Checkbox';

package/dist/components/Checkbox/index.js.map

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

package/dist/components/Checkbox/types.d.ts

@@ -2,10 +2,12 @@ import { CheckboxComposition } from './styles';
 import { InputBaseProps } from '../InputBase';
 import { ComponentCommonProps } from '../../types';
 import { AppIcon, StyledProp } from '@codeleap/styles';
+import { BooleanField } from '@codeleap/form';
 export type CheckboxProps = Pick<InputBaseProps, 'disabled' | 'label'> & ComponentCommonProps & {
     style?: StyledProp<CheckboxComposition>;
-    value: boolean;
-    onValueChange: (value: boolean) => void;
     checkboxOnLeft?: boolean;
     checkIcon?: AppIcon;
+    field?: BooleanField<any>;
+    value?: boolean;
+    onValueChange?: (value: boolean) => void;
 };

package/dist/components/DatePicker/components/DayContent.d.ts

@@ -0,0 +1,11 @@
+import { DayComponentProps, DatePickerProps } from '../types';
+import { DatePickerComposition } from '../styles';
+import { StyleRecord } from '@codeleap/styles';
+type Props = DayComponentProps & {
+    minDate: DatePickerProps['minDate'];
+    maxDate: DatePickerProps['maxDate'];
+    styles: StyleRecord<DatePickerComposition>;
+    component: DatePickerProps['dayComponent'];
+};
+export declare const DayContent: (props: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DatePicker/components/DayContent.js

@@ -0,0 +1,43 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DayContent = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var dayjs_1 = __importDefault(require("dayjs"));
+var types_1 = require("@codeleap/types");
+var View_1 = require("../../View");
+var Text_1 = require("../../Text");
+var useInputBasePartialStyles_1 = require("../../InputBase/useInputBasePartialStyles");
+var DayContent = function (props) {
+    var value = props.value, providedDate = props.date, minDate = props.minDate, maxDate = props.maxDate, styles = props.styles, Component = props.component, day = props.day;
+    var date = (0, dayjs_1.default)(providedDate).format('DD MMM YYYY');
+    var dateValue = value ? (0, dayjs_1.default)(value).format('DD MMM YYYY') : '';
+    var isSelected = date === dateValue;
+    var isDisabled = [
+        (0, dayjs_1.default)(providedDate).isBefore((0, dayjs_1.default)(minDate)),
+        (0, dayjs_1.default)(providedDate).isAfter((0, dayjs_1.default)(maxDate))
+    ].some(Boolean);
+    var partialStyles = (0, useInputBasePartialStyles_1.useInputBasePartialStyles)(styles, ['dayWrapper', 'day'], {
+        selected: isSelected,
+        disabled: !isSelected && isDisabled,
+    });
+    if (types_1.TypeGuards.isFunction(Component)) {
+        return ((0, jsx_runtime_1.jsx)(Component, __assign({}, props, { value: value, disabled: isDisabled, selected: isSelected, styles: styles })));
+    }
+    return ((0, jsx_runtime_1.jsx)(View_1.View, __assign({ style: partialStyles === null || partialStyles === void 0 ? void 0 : partialStyles.dayWrapper }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { style: partialStyles === null || partialStyles === void 0 ? void 0 : partialStyles.day, text: String(day) }) })));
+};
+exports.DayContent = DayContent;
+//# sourceMappingURL=DayContent.js.map

package/dist/components/DatePicker/components/DayContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayContent.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/DayContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,yCAA4C;AAE5C,mCAAiC;AACjC,mCAAiC;AACjC,uFAAsF;AAU/E,IAAM,UAAU,GAAG,UAAC,KAAY;IAC7B,IAAA,KAAK,GAA8E,KAAK,MAAnF,EAAQ,YAAY,GAA0D,KAAK,KAA/D,EAAE,OAAO,GAAiD,KAAK,QAAtD,EAAE,OAAO,GAAwC,KAAK,QAA7C,EAAE,MAAM,GAAgC,KAAK,OAArC,EAAa,SAAS,GAAU,KAAK,UAAf,EAAE,GAAG,GAAK,KAAK,IAAV,CAAU;IAEhG,IAAM,IAAI,GAAG,IAAA,eAAK,EAAC,YAAY,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;IACvD,IAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,IAAA,eAAK,EAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAEjE,IAAM,UAAU,GAAG,IAAI,KAAK,SAAS,CAAA;IAErC,IAAM,UAAU,GAAG;QACjB,IAAA,eAAK,EAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,IAAA,eAAK,EAAC,OAAO,CAAC,CAAC;QAC5C,IAAA,eAAK,EAAC,YAAY,CAAC,CAAC,OAAO,CAAC,IAAA,eAAK,EAAC,OAAO,CAAC,CAAC;KAC5C,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAEf,IAAM,aAAa,GAAG,IAAA,qDAAyB,EAAC,MAAM,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE;QAC7E,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,CAAC,UAAU,IAAI,UAAU;KACpC,CAAC,CAAA;IAEF,IAAI,kBAAU,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE;QACpC,OAAO,CACL,uBAAC,SAAS,eACJ,KAAK,IACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,MAAM,IACd,CACH,CAAA;KACF;IAED,OAAO,CACL,uBAAC,WAAI,aAAC,KAAK,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,UAAU,gBACpC,uBAAC,WAAI,IAAC,KAAK,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,GAAI,IACjD,CACR,CAAA;AACH,CAAC,CAAA;AAnCY,QAAA,UAAU,cAmCtB"}

package/dist/components/DatePicker/components/OuterInput.js

@@ -26,11 +26,11 @@ exports.OuterInput = void 0;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 var components_1 = require("../../components");
 var OuterInput = function (_a) {
-    var valueLabel = _a.valueLabel, focused = _a.focused, hideInput = _a.hideInput, props = __rest(_a, ["valueLabel", "focused", "hideInput"]);
+    var hideInput = _a.hideInput, props = __rest(_a, ["hideInput"]);
     if (hideInput) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(components_1.TextInput, __assign({ validate: !focused && (props === null || props === void 0 ? void 0 : props.validate), debugName: 'DatePicker - OuterInputComponent', masking: {
+    return ((0, jsx_runtime_1.jsx)(components_1.TextInput, __assign({ debugName: 'DatePicker - OuterInputComponent', masking: {
             type: 'custom',
             options: {
                 mask: 'xx/xx/xxxx',

package/dist/components/DatePicker/components/OuterInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"OuterInput.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/OuterInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4C;AAGrC,IAAM,UAAU,GAA2C,UAAC,EAA4C;IAA1C,IAAA,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA1C,sCAA4C,CAAF;IAC3G,IAAI,SAAS,EAAE;QACb,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,uBAAC,sBAAS,aACR,QAAQ,EAAE,CAAC,OAAO,KAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAA,EACrC,SAAS,EAAC,kCAAkC,EAC5C,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE;gBACP,IAAI,EAAE,YAAY;gBAClB,WAAW,EAAE,KAAK,CAAC,WAAW;gBAC9B,WAAW,EAAE;oBACX,CAAC,EAAE,cAAc;iBAClB;gBACD,QAAQ,EAAE,EAAE;aACb;SACF,IACG,KAAK,EACT,CACH,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,UAAU,cAuBtB"}
+{"version":3,"file":"OuterInput.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/OuterInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4C;AAGrC,IAAM,UAAU,GAA2C,UAAC,EAAuB;IAArB,IAAA,SAAS,eAAA,EAAK,KAAK,cAArB,aAAuB,CAAF;IACtF,IAAI,SAAS,EAAE;QACb,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,uBAAC,sBAAS,aACR,SAAS,EAAC,kCAAkC,EAC5C,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE;gBACP,IAAI,EAAE,YAAY;gBAClB,WAAW,EAAE,KAAK,CAAC,WAAW;gBAC9B,WAAW,EAAE;oBACX,CAAC,EAAE,cAAc;iBAClB;gBACD,QAAQ,EAAE,EAAE;aACb;SACF,IACG,KAAK,EACT,CACH,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,UAAU,cAsBtB"}

package/dist/components/DatePicker/components/YearContent.d.ts

@@ -0,0 +1,9 @@
+import { StyleRecord } from '@codeleap/styles';
+import { DatePickerProps, YearComponentProps } from '../types';
+import { DatePickerComposition } from '../styles';
+type Props = YearComponentProps & {
+    styles: StyleRecord<DatePickerComposition>;
+    component: DatePickerProps['yearComponent'];
+};
+export declare const YearContent: (props: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DatePicker/components/YearContent.js

@@ -0,0 +1,33 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.YearContent = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var types_1 = require("@codeleap/types");
+var View_1 = require("../../View");
+var Text_1 = require("../../Text");
+var useInputBasePartialStyles_1 = require("../../InputBase/useInputBasePartialStyles");
+var YearContent = function (props) {
+    var _a;
+    var value = props.value, year = props.year, styles = props.styles, Component = props.component;
+    var isSelected = (_a = String(value)) === null || _a === void 0 ? void 0 : _a.includes(year);
+    var partialStyles = (0, useInputBasePartialStyles_1.useInputBasePartialStyles)(styles, ['yearWrapper', 'year'], {
+        selected: isSelected,
+    });
+    if (types_1.TypeGuards.isFunction(Component)) {
+        return ((0, jsx_runtime_1.jsx)(Component, __assign({}, props, { value: value, selected: isSelected, styles: styles })));
+    }
+    return ((0, jsx_runtime_1.jsx)(View_1.View, __assign({ style: partialStyles === null || partialStyles === void 0 ? void 0 : partialStyles.yearWrapper }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { style: partialStyles === null || partialStyles === void 0 ? void 0 : partialStyles.year, text: year }) })));
+};
+exports.YearContent = YearContent;
+//# sourceMappingURL=YearContent.js.map

package/dist/components/DatePicker/components/YearContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearContent.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/YearContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAGA,yCAA4C;AAC5C,mCAAiC;AACjC,mCAAiC;AACjC,uFAAqF;AAO9E,IAAM,WAAW,GAAG,UAAC,KAAY;;IAC9B,IAAA,KAAK,GAAyC,KAAK,MAA9C,EAAE,IAAI,GAAmC,KAAK,KAAxC,EAAE,MAAM,GAA2B,KAAK,OAAhC,EAAa,SAAS,GAAK,KAAK,UAAV,CAAU;IAE3D,IAAM,UAAU,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,0CAAE,QAAQ,CAAC,IAAc,CAAC,CAAA;IAE1D,IAAM,aAAa,GAAG,IAAA,qDAAyB,EAAC,MAAM,EAAE,CAAC,aAAa,EAAE,MAAM,CAAC,EAAE;QAC/E,QAAQ,EAAE,UAAU;KACrB,CAAC,CAAA;IAEF,IAAI,kBAAU,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE;QACpC,OAAO,CACL,uBAAC,SAAS,eACJ,KAAK,IACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,MAAM,IACd,CACH,CAAA;KACF;IAED,OAAO,CACL,uBAAC,WAAI,aAAC,KAAK,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,gBACrC,uBAAC,WAAI,IAAC,KAAK,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,EAAE,IAAI,EAAE,IAAc,GAAI,IACrD,CACR,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,WAAW,eAyBvB"}

package/dist/components/DatePicker/components/index.d.ts

@@ -1,2 +1,4 @@
 export * from './OuterInput';
 export * from './Header';
+export * from './DayContent';
+export * from './YearContent';

package/dist/components/DatePicker/components/index.js

@@ -16,4 +16,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./OuterInput"), exports);
 __exportStar(require("./Header"), exports);
+__exportStar(require("./DayContent"), exports);
+__exportStar(require("./YearContent"), exports);
 //# sourceMappingURL=index.js.map

package/dist/components/DatePicker/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,2CAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,2CAAwB;AACxB,+CAA4B;AAC5B,gDAA6B"}

package/dist/components/DatePicker/index.js

@@ -41,7 +41,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DatePicker = void 0;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var types_1 = require("@codeleap/types");
 var hooks_1 = require("@codeleap/hooks");
 var components_1 = require("../components");
 var react_datepicker_1 = __importDefault(require("react-datepicker"));
@@ -49,45 +48,23 @@ var components_2 = require("./components");
 var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
 var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
 var styles_1 = require("@codeleap/styles");
-var dayjs_1 = __importDefault(require("dayjs"));
 __exportStar(require("./styles"), exports);
 __exportStar(require("./types"), exports);
 __exportStar(require("./components"), exports);
 function DatePicker(props) {
-    var _a = __assign(__assign({}, DatePicker.defaultProps), props), hideInput = _a.hideInput, value = _a.value, onValueChange = _a.onValueChange, style = _a.style, defaultValue = _a.defaultValue, OuterInputComponent = _a.outerInputComponent, HeaderComponent = _a.headerComponent, _headerProps = _a.headerProps, DayComponent = _a.dayComponent, dayProps = _a.dayProps, YearComponent = _a.yearComponent, yearProps = _a.yearProps, datePickerProps = _a.datePickerProps, minDate = _a.minDate, maxDate = _a.maxDate, startDate = _a.startDate, _visible = _a.visible, _toggle = _a.toggle, _yearShow = _a.yearShow, _setYearShow = _a.setYearShow, disabled = _a.disabled, otherProps = __rest(_a, ["hideInput", "value", "onValueChange", "style", "defaultValue", "outerInputComponent", "headerComponent", "headerProps", "dayComponent", "dayProps", "yearComponent", "yearProps", "datePickerProps", "minDate", "maxDate", "startDate", "visible", "toggle", "yearShow", "setYearShow", "disabled"]);
+    var _a = __assign(__assign({}, DatePicker.defaultProps), props), hideInput = _a.hideInput, value = _a.value, onValueChange = _a.onValueChange, style = _a.style, defaultValue = _a.defaultValue, OuterInputComponent = _a.outerInputComponent, HeaderComponent = _a.headerComponent, _headerProps = _a.headerProps, dayComponent = _a.dayComponent, providedDayProps = _a.dayProps, yearComponent = _a.yearComponent, providedYearProps = _a.yearProps, datePickerProps = _a.datePickerProps, minDate = _a.minDate, maxDate = _a.maxDate, startDate = _a.startDate, disabled = _a.disabled, providedVisible = _a.visible, providedToggle = _a.toggle, providedYearShow = _a.yearShow, providedSetYearShow = _a.setYearShow, otherProps = __rest(_a, ["hideInput", "value", "onValueChange", "style", "defaultValue", "outerInputComponent", "headerComponent", "headerProps", "dayComponent", "dayProps", "yearComponent", "yearProps", "datePickerProps", "minDate", "maxDate", "startDate", "disabled", "visible", "toggle", "yearShow", "setYearShow"]);
     var styles = (0, useStylesFor_1.useStylesFor)(DatePicker.styleRegistryName, style);
-    var _b = (0, hooks_1.useConditionalState)(_visible, _toggle, { initialValue: false }), visible = _b[0], toggle = _b[1];
-    var _c = (0, hooks_1.useConditionalState)(_yearShow, _setYearShow, { initialValue: false }), yearShow = _c[0], setYearShow = _c[1];
-    var DayContentComponent = (0, hooks_1.useCallback)(function (_param) {
-        var param = __assign(__assign({}, _param), dayProps);
-        var date = (0, dayjs_1.default)(param === null || param === void 0 ? void 0 : param.date).format('DD MMM YYYY');
-        var dateValue = value ? (0, dayjs_1.default)(value).format('DD MMM YYYY') : '';
-        var isSelected = date === dateValue;
-        var isDisabled = [
-            (0, dayjs_1.default)(param === null || param === void 0 ? void 0 : param.date).isBefore((0, dayjs_1.default)(minDate)),
-            (0, dayjs_1.default)(param === null || param === void 0 ? void 0 : param.date).isAfter((0, dayjs_1.default)(maxDate))
-        ].some(Boolean);
-        var getStyles = function (key) {
-            return __assign(__assign(__assign({}, styles[key]), (isSelected && styles["".concat(key, ":selected")])), (!isSelected && isDisabled && styles["".concat(key, ":disabled")]));
-        };
-        if (types_1.TypeGuards.isFunction(DayComponent)) {
-            return ((0, jsx_runtime_1.jsx)(DayComponent, __assign({}, param, { value: value, disabled: isDisabled, selected: isSelected, styles: styles })));
-        }
-        return ((0, jsx_runtime_1.jsx)(components_1.View, __assign({ style: getStyles('dayWrapper') }, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { style: getStyles('day'), text: String(param === null || param === void 0 ? void 0 : param.day) }) })));
+    var compositionStyles = (0, styles_1.useCompositionStyles)(['outerInput', 'header'], styles);
+    var _b = (0, hooks_1.useConditionalState)(providedVisible, providedToggle, { initialValue: false }), visible = _b[0], toggle = _b[1];
+    var _c = (0, hooks_1.useConditionalState)(providedYearShow, providedSetYearShow, { initialValue: false }), yearShow = _c[0], setYearShow = _c[1];
+    var DayContentComponent = (0, hooks_1.useCallback)(function (_a) {
+        var day = _a.day, date = _a.date;
+        return ((0, jsx_runtime_1.jsx)(components_2.DayContent, __assign({ day: day, date: date }, providedDayProps, { value: value, minDate: minDate, maxDate: maxDate, component: dayComponent, styles: styles })));
     }, [value]);
-    var YearContentComponent = (0, hooks_1.useCallback)(function (_param) {
-        var _a;
-        var param = __assign(__assign({}, _param), yearProps);
-        var isSelected = (_a = String(value)) === null || _a === void 0 ? void 0 : _a.includes(param === null || param === void 0 ? void 0 : param.year);
-        var getStyles = function (key) {
-            return __assign(__assign({}, styles[key]), (isSelected && styles["".concat(key, ":selected")]));
-        };
-        if (types_1.TypeGuards.isFunction(YearComponent)) {
-            return ((0, jsx_runtime_1.jsx)(YearComponent, __assign({}, param, { value: value, selected: isSelected, styles: styles })));
-        }
-        return ((0, jsx_runtime_1.jsx)(components_1.View, __assign({ style: getStyles('yearWrapper') }, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { style: getStyles('year'), text: param === null || param === void 0 ? void 0 : param.year }) })));
+    var YearContentComponent = (0, hooks_1.useCallback)(function (_a) {
+        var year = _a.year;
+        return ((0, jsx_runtime_1.jsx)(components_2.YearContent, __assign({ year: year }, providedYearProps, { value: value, component: yearComponent, styles: styles })));
     }, [value]);
-    var compositionStyles = (0, styles_1.useCompositionStyles)(['outerInput', 'header'], styles);
     return ((0, jsx_runtime_1.jsx)(components_1.View, __assign({ style: styles.wrapper }, { children: (0, jsx_runtime_1.jsx)(react_datepicker_1.default, __assign({ onChange: onValueChange, open: visible, selected: value, todayButton: null, shouldCloseOnSelect: false, openToDate: defaultValue !== null && defaultValue !== void 0 ? defaultValue : value, dateFormat: 'dd/MM/yyyy', formatWeekDay: function (t) { return t[0]; }, calendarStartDay: 1, placeholderText: otherProps === null || otherProps === void 0 ? void 0 : otherProps.placeholder, disabled: disabled, renderDayContents: function (day, date) { return ((0, jsx_runtime_1.jsx)(DayContentComponent, { day: day, date: date })); }, customInput: (0, jsx_runtime_1.jsx)(OuterInputComponent, __assign({ style: compositionStyles.outerInput, focused: visible, hideInput: hideInput }, otherProps)), renderCustomHeader: function (headerProps) { return ((0, jsx_runtime_1.jsx)(HeaderComponent, __assign({ styles: compositionStyles.header, setYearShow: setYearShow, prevYearButtonDisabled: yearShow, nextYearButtonDisabled: yearShow }, headerProps, _headerProps))); }, onFocus: function () { return toggle(true); }, onSelect: function () { return (yearShow ? setYearShow(false) : toggle(false)); }, onClickOutside: function () {
                 toggle(false);
                 setYearShow(false);

package/dist/components/DatePicker/index.js.map

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

package/dist/components/DatePicker/types.d.ts

@@ -1,12 +1,11 @@
 /// <reference types="react" />
 import { StylesOf } from '@codeleap/types';
-import { FormTypes } from '@codeleap/deprecated';
 import { ReactDatePickerCustomHeaderProps, ReactDatePickerProps } from 'react-datepicker';
 import { ActionIconProps, TextInputProps } from '../components';
 import { DatePickerComposition, DatePickerHeaderComposition } from './styles';
 import { StyledProp } from '@codeleap/styles';
 export type DatePickerOuterInputProps = TextInputProps & {
-    valueLabel: FormTypes.Label;
+    valueLabel: React.ReactNode;
     hideInput?: boolean;
 };
 export type DatePickerHeaderComponent = Omit<ReactDatePickerCustomHeaderProps, 'styles'> & {
@@ -27,14 +26,13 @@ export type DayComponentProps = {
 export type YearComponentProps = {
     year: string | number;
     value: Date;
-    selected: boolean;
+    selected?: boolean;
     styles: DatePickerProps['style'];
 };
 type RootDatePickerProps = 'startDate' | 'minDate' | 'maxDate';
 export type DatePickerProps = Omit<Partial<Pick<Partial<ReactDatePickerProps>, RootDatePickerProps>>, 'style'> & Omit<TextInputProps, 'defaultValue' | 'style'> & {
     style?: StyledProp<DatePickerComposition>;
     hideInput?: boolean;
-    value: Date;
     outerInputComponent?: React.ComponentType<Partial<DatePickerOuterInputProps>>;
     headerComponent?: React.ComponentType<Partial<DatePickerHeaderComponent>>;
     headerProps?: Partial<DatePickerHeaderComponent>;
@@ -42,13 +40,14 @@ export type DatePickerProps = Omit<Partial<Pick<Partial<ReactDatePickerProps>, R
     dayProps?: Partial<DayComponentProps>;
     yearComponent?: React.ComponentType<Partial<YearComponentProps>>;
     yearProps?: Partial<YearComponentProps>;
-    formatDate?: (date: Date | string) => FormTypes.Label;
+    formatDate?: (date: Date | string) => React.ReactNode;
     datePickerProps?: Omit<Partial<ReactDatePickerProps>, 'customInput' | 'renderCustomHeader' | RootDatePickerProps>;
-    onValueChange: (date: Date) => void;
     defaultValue?: Date;
     visible?: boolean;
     toggle?: () => void;
     yearShow?: boolean;
     setYearShow?: () => void;
+    value: Date;
+    onValueChange: (date: Date) => void;
 };
 export {};

package/dist/components/InputBase/index.d.ts

@@ -1,10 +1,7 @@
 import { InputBaseProps } from './types';
+import { StyledComponentWithProps } from '@codeleap/styles';
 export * from './styles';
 export * from './utils';
 export * from './types';
 export declare const InputBaseDefaultOrder: InputBaseProps['order'];
-export declare const InputBase: {
-    (props: InputBaseProps): import("@emotion/react/jsx-runtime").JSX.Element;
-    elements: string[];
-    defaultProps: Partial<InputBaseProps>;
-};
+export declare const InputBase: StyledComponentWithProps<InputBaseProps>;

package/dist/components/InputBase/index.js

@@ -21,6 +21,18 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
 }));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
@@ -35,13 +47,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputBase = exports.InputBaseDefaultOrder = void 0;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var types_1 = require("@codeleap/types");
 var utils_1 = require("@codeleap/utils");
 var ActionIcon_1 = require("../ActionIcon");
@@ -60,11 +69,9 @@ exports.InputBaseDefaultOrder = [
 var KeyPassthrough = function (props) {
     return (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: props.children });
 };
-var InputBase = function (props) {
+exports.InputBase = (0, react_1.forwardRef)(function (props, ref) {
     var allProps = __assign(__assign({}, exports.InputBase.defaultProps), props);
-    var children = allProps.children, error = allProps.error, label = allProps.label, description = allProps.description, leftIcon = allProps.leftIcon, rightIcon = allProps.rightIcon, wrapper = allProps.wrapper, debugName = allProps.debugName, innerWrapper = allProps.innerWrapper, focused = allProps.focused, innerWrapperProps = allProps.innerWrapperProps, wrapperProps = allProps.wrapperProps, disabled = allProps.disabled, order = allProps.order, style = allProps.style, noError = allProps.noError, labelAsRow = allProps.labelAsRow, innerWrapperRef = allProps.innerWrapperRef, otherProps = __rest(allProps, ["children", "error", "label", "description", "leftIcon", "rightIcon", "wrapper", "debugName", "innerWrapper", "focused", "innerWrapperProps", "wrapperProps", "disabled", "order", "style", "noError", "labelAsRow", "innerWrapperRef"]);
-    var WrapperComponent = wrapper || View_1.View;
-    var InnerWrapperComponent = innerWrapper || View_1.View;
+    var children = allProps.children, error = allProps.error, label = allProps.label, description = allProps.description, leftIcon = allProps.leftIcon, rightIcon = allProps.rightIcon, WrapperComponent = allProps.wrapper, debugName = allProps.debugName, InnerWrapperComponent = allProps.innerWrapper, focused = allProps.focused, innerWrapperProps = allProps.innerWrapperProps, wrapperProps = allProps.wrapperProps, disabled = allProps.disabled, order = allProps.order, style = allProps.style, noError = allProps.noError, labelAsRow = allProps.labelAsRow, innerWrapperRef = allProps.innerWrapperRef, otherProps = __rest(allProps, ["children", "error", "label", "description", "leftIcon", "rightIcon", "wrapper", "debugName", "innerWrapper", "focused", "innerWrapperProps", "wrapperProps", "disabled", "order", "style", "noError", "labelAsRow", "innerWrapperRef"]);
     var styles = (0, styles_1.useInputBaseStyles)(allProps);
     var _leftIcon = (0, utils_1.getRenderedComponent)(leftIcon, ActionIcon_1.ActionIcon, {
         style: styles.leftIconStyles,
@@ -85,9 +92,8 @@ var InputBase = function (props) {
         innerWrapper: (0, jsx_runtime_1.jsxs)(InnerWrapperComponent, __assign({ ref: innerWrapperRef, style: styles.innerWrapperStyle }, innerWrapperProps, { children: [_leftIcon, children, _rightIcon] })),
         error: noError ? null : (_error || (0, jsx_runtime_1.jsx)(Text_1.Text, { children: (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: " \u00A0 " }), style: styles.errorStyle })),
     };
-    return ((0, jsx_runtime_1.jsx)(WrapperComponent, __assign({}, otherProps, wrapperProps, { style: styles.wrapperStyle }, { children: order.map(function (key) { return ((0, jsx_runtime_1.jsx)(KeyPassthrough, { children: parts[key] }, key)); }) })));
-};
-exports.InputBase = InputBase;
+    return ((0, jsx_runtime_1.jsx)(WrapperComponent, __assign({}, otherProps, wrapperProps, { style: styles.wrapperStyle, ref: ref }, { children: order.map(function (key) { return ((0, jsx_runtime_1.jsx)(KeyPassthrough, { children: parts[key] }, key)); }) })));
+});
 exports.InputBase.elements = [
     'wrapper',
     'innerWrapper',
@@ -108,5 +114,7 @@ exports.InputBase.defaultProps = {
     leftIcon: null,
     description: null,
     error: null,
+    wrapper: View_1.View,
+    innerWrapper: View_1.View,
 };
 //# sourceMappingURL=index.js.map

package/dist/components/InputBase/index.js.map

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

package/dist/components/InputBase/types.d.ts

@@ -14,13 +14,14 @@ export type InputBaseProps = React.PropsWithChildren<{
     innerWrapperProps?: any;
     style?: StylesOf<InputBaseComposition>;
     description?: React.ReactNode;
-    debugName: string;
+    debugName?: string;
     focused?: boolean;
     disabled?: boolean;
     order?: OrderedParts[];
     labelAsRow?: boolean;
     noError?: boolean;
     innerWrapperRef?: React.MutableRefObject<HTMLDivElement | null>;
+    ref?: React.MutableRefObject<HTMLDivElement>;
 }>;
 export type OmitDiff<T1, T2> = {
     [K in Exclude<keyof T1, keyof T2>]: T1[K];

package/dist/components/InputBase/useInputBase.d.ts

@@ -0,0 +1,60 @@
+/// <reference types="react" />
+import { Field, IFieldRef } from '@codeleap/form';
+import { AnyRecord } from '@codeleap/types';
+export declare function useInputBase<V, T extends Field<V, any, any, unknown> = Field<V, any, any, unknown>>(field: T, defaultField: (options?: AnyRecord) => T, internalState: {
+    value: V;
+    onValueChange: (value: V) => void;
+}, params?: Partial<IFieldRef<V>>, deps?: any[]): {
+    fieldHandle: Partial<{
+        validation: {
+            onInputBlurred(): void;
+            hasBlurred: boolean;
+            hasChanged: boolean;
+            startedUnset: boolean;
+            isSet: boolean;
+            isInvalid: boolean;
+            isValid: boolean;
+            message: any;
+            showError: boolean;
+            isUnset: boolean;
+            validation: import("@codeleap/form").ValidationResult<any, unknown>;
+            value: unknown;
+        };
+        value: unknown;
+        setValue: (to: unknown) => void;
+        changed: boolean;
+        representation: any;
+        options: import("@codeleap/form").FieldOptions<unknown, any>;
+    }> | ReturnType<T["use"]>;
+    validation: {
+        onInputBlurred(): void;
+        hasBlurred: boolean;
+        hasChanged: boolean;
+        startedUnset: boolean;
+        isSet: boolean;
+        isInvalid: boolean;
+        isValid: boolean;
+        message: any;
+        showError: boolean;
+        isUnset: boolean;
+        validation: import("@codeleap/form").ValidationResult<any, unknown>;
+        value: V | import("nanostores").StoreValue<V extends object ? import("nanostores").MapStore<V> : never>;
+    } | {
+        onInputBlurred(): void;
+        hasBlurred: boolean;
+        hasChanged: boolean;
+        startedUnset: boolean;
+        isSet: boolean;
+        isInvalid: boolean;
+        isValid: boolean;
+        message: any;
+        showError: boolean;
+        isUnset: boolean;
+        validation: import("@codeleap/form").ValidationResult<any, unknown>;
+        value: unknown;
+    };
+    wrapperRef: import("react").MutableRefObject<HTMLDivElement>;
+    innerInputRef: import("react").MutableRefObject<HTMLInputElement>;
+    inputValue: V;
+    onInputValueChange: (value: V) => void;
+};