@codeleap/web 4.1.0 → 4.2.1

package/dist/components/DatePicker/components/Header.js

@@ -0,0 +1,47 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = exports.ArrowLabel = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var common_1 = require("@codeleap/common");
+var components_1 = require("../../components");
+var date_fns_1 = require("date-fns");
+var styles_1 = require("@codeleap/styles");
+var ArrowLabel = function (_a) {
+    var name = _a.name, direction = _a.direction, props = __rest(_a, ["name", "direction"]);
+    return ((0, jsx_runtime_1.jsx)(components_1.ActionIcon, __assign({ name: name !== null && name !== void 0 ? name : "chevron-".concat(direction), debugName: 'Calendar arrowLabel' }, props)));
+};
+exports.ArrowLabel = ArrowLabel;
+var Header = function (props) {
+    var date = props.date, decreaseMonth = props.decreaseMonth, increaseMonth = props.increaseMonth, prevMonthButtonDisabled = props.prevMonthButtonDisabled, decreaseYear = props.decreaseYear, increaseYear = props.increaseYear, prevYearButtonDisabled = props.prevYearButtonDisabled, nextYearButtonDisabled = props.nextYearButtonDisabled, nextMonthButtonDisabled = props.nextMonthButtonDisabled, setYearShow = props.setYearShow, styles = props.styles, formatHeaderTitle = props.formatHeaderTitle;
+    var month = (0, date_fns_1.format)(date, 'MMMM');
+    var year = (0, date_fns_1.getYear)(date);
+    var title = common_1.TypeGuards.isFunction(formatHeaderTitle)
+        ? formatHeaderTitle(date)
+        : "".concat(month, " ").concat(year);
+    var compositionStyles = (0, styles_1.useCompositionStyles)(['prevButton', 'nextButton'], styles);
+    return ((0, jsx_runtime_1.jsxs)(components_1.View, __assign({ style: styles.wrapper }, { children: [(0, jsx_runtime_1.jsxs)(components_1.View, __assign({ style: styles.buttonsWrapper }, { children: [(0, jsx_runtime_1.jsx)(exports.ArrowLabel, { direction: 'left', style: compositionStyles.prevButton, onPress: decreaseYear, disabled: prevYearButtonDisabled }), (0, jsx_runtime_1.jsx)(components_1.Text, { onPress: function () { return setYearShow(function (curr) { return !curr; }); }, style: styles.title, text: title }), (0, jsx_runtime_1.jsx)(exports.ArrowLabel, { direction: 'right', style: compositionStyles.nextButton, onPress: increaseYear, disabled: nextYearButtonDisabled })] })), (0, jsx_runtime_1.jsxs)(components_1.View, __assign({ style: styles.buttonsWrapper }, { children: [(0, jsx_runtime_1.jsx)(exports.ArrowLabel, { direction: 'left', style: compositionStyles.prevButton, onPress: decreaseMonth, disabled: prevMonthButtonDisabled }), (0, jsx_runtime_1.jsx)(exports.ArrowLabel, { direction: 'right', style: compositionStyles.nextButton, onPress: increaseMonth, disabled: nextMonthButtonDisabled })] }))] })));
+};
+exports.Header = Header;
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/components/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA6C;AAC7C,+CAAyD;AAEzD,qCAA0C;AAC1C,2CAAgE;AAEzD,IAAM,UAAU,GAAG,UAAC,EAAmD;IAAjD,IAAA,IAAI,UAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA3B,qBAA6B,CAAF;IACpD,OAAO,CACL,uBAAC,uBAAU,aACT,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAK,kBAAW,SAAS,CAAc,EACjD,SAAS,EAAE,qBAAqB,IAC5B,KAAK,EACT,CACH,CAAA;AACH,CAAC,CAAA;AARY,QAAA,UAAU,cAQtB;AAEM,IAAM,MAAM,GAAG,UAAC,KAAgC;IAEnD,IAAA,IAAI,GAYF,KAAK,KAZH,EACJ,aAAa,GAWX,KAAK,cAXM,EACb,aAAa,GAUX,KAAK,cAVM,EACb,uBAAuB,GASrB,KAAK,wBATgB,EACvB,YAAY,GAQV,KAAK,aARK,EACZ,YAAY,GAOV,KAAK,aAPK,EACZ,sBAAsB,GAMpB,KAAK,uBANe,EACtB,sBAAsB,GAKpB,KAAK,uBALe,EACtB,uBAAuB,GAIrB,KAAK,wBAJgB,EACvB,WAAW,GAGT,KAAK,YAHI,EACX,MAAM,GAEJ,KAAK,OAFD,EACN,iBAAiB,GACf,KAAK,kBADU,CACV;IAET,IAAM,KAAK,GAAG,IAAA,iBAAM,EAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IAClC,IAAM,IAAI,GAAG,IAAA,kBAAO,EAAC,IAAI,CAAC,CAAA;IAE1B,IAAM,KAAK,GAAG,mBAAU,CAAC,UAAU,CAAC,iBAAiB,CAAC;QACpD,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC;QACzB,CAAC,CAAC,UAAG,KAAK,cAAI,IAAI,CAAE,CAAA;IAEtB,IAAM,iBAAiB,GAAG,IAAA,6BAAoB,EAAC,CAAC,YAAY,EAAE,YAAY,CAAC,EAAE,MAAM,CAAC,CAAA;IAEpF,OAAO,CACL,wBAAC,iBAAI,aAAC,KAAK,EAAE,MAAM,CAAC,OAAO,iBACzB,wBAAC,iBAAI,aAAC,KAAK,EAAE,MAAM,CAAC,cAAc,iBAChC,uBAAC,kBAAU,IACT,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,iBAAiB,CAAC,UAAU,EACnC,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,sBAAsB,GAChC,EACF,uBAAC,iBAAI,IACH,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,EAAL,CAAK,CAAC,EAA5B,CAA4B,EAC3C,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,IAAI,EAAE,KAAK,GACX,EACF,uBAAC,kBAAU,IACT,SAAS,EAAC,OAAO,EACjB,KAAK,EAAE,iBAAiB,CAAC,UAAU,EACnC,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,sBAAsB,GAChC,KACG,EACP,wBAAC,iBAAI,aAAC,KAAK,EAAE,MAAM,CAAC,cAAc,iBAChC,uBAAC,kBAAU,IACT,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,iBAAiB,CAAC,UAAU,EACnC,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,uBAAuB,GACjC,EACF,uBAAC,kBAAU,IACT,SAAS,EAAC,OAAO,EACjB,KAAK,EAAE,iBAAiB,CAAC,UAAU,EACnC,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,uBAAuB,GACjC,KACG,KACF,CACR,CAAA;AACH,CAAC,CAAA;AA9DY,QAAA,MAAM,UA8DlB"}

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

@@ -0,0 +1,2 @@
+import { DatePickerProps } from '../types';
+export declare const OuterInput: DatePickerProps['outerInputComponent'];

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

@@ -0,0 +1,46 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+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"]);
+    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: {
+            type: 'custom',
+            options: {
+                mask: 'xx/xx/xxxx',
+                placeholder: props.placeholder,
+                formatChars: {
+                    x: '[0123456789]',
+                },
+                maskChar: '',
+            },
+        } }, props)));
+};
+exports.OuterInput = OuterInput;
+//# sourceMappingURL=OuterInput.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+export * from './OuterInput';
+export * from './Header';

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

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./OuterInput"), exports);
+__exportStar(require("./Header"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,13 @@
+import { DatePickerProps } from './types';
+import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
+export * from './styles';
+export * from './types';
+export * from './components';
+export declare function DatePicker(props: DatePickerProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare namespace DatePicker {
+    var styleRegistryName: string;
+    var elements: string[];
+    var rootElement: string;
+    var withVariantTypes: <S extends AnyRecord>(styles: S) => (props: StyledComponentProps<DatePickerProps, S>) => IJSX;
+    var defaultProps: Partial<DatePickerProps>;
+}

package/dist/components/DatePicker/index.js

@@ -0,0 +1,125 @@
+"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePicker = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var common_1 = require("@codeleap/common");
+var components_1 = require("../components");
+var react_datepicker_1 = __importDefault(require("react-datepicker"));
+var components_2 = require("./components");
+var date_fns_1 = require("date-fns");
+var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+var styles_1 = require("@codeleap/styles");
+__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 styles = (0, useStylesFor_1.useStylesFor)(DatePicker.styleRegistryName, style);
+    var _b = (0, common_1.useConditionalState)(_visible, _toggle, { initialValue: false }), visible = _b[0], toggle = _b[1];
+    var _c = (0, common_1.useConditionalState)(_yearShow, _setYearShow, { initialValue: false }), yearShow = _c[0], setYearShow = _c[1];
+    var DayContentComponent = (0, common_1.useCallback)(function (_param) {
+        var param = __assign(__assign({}, _param), dayProps);
+        var date = (0, date_fns_1.format)(new Date(param === null || param === void 0 ? void 0 : param.date), 'dd MMM yyyy');
+        var dateValue = value ? (0, date_fns_1.format)(new Date(value), 'dd MMM yyyy') : '';
+        var isSelected = date === dateValue;
+        var isDisabled = [
+            (0, date_fns_1.isBefore)(param === null || param === void 0 ? void 0 : param.date, minDate),
+            (0, date_fns_1.isAfter)(param === null || param === void 0 ? void 0 : param.date, 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 (common_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) }) })));
+    }, [value]);
+    var YearContentComponent = (0, common_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 (common_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 }) })));
+    }, [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);
+            }, minDate: minDate, maxDate: maxDate, endDate: maxDate, startDate: startDate, onYearChange: function () { return setYearShow(false); }, yearItemNumber: maxDate.getFullYear() - minDate.getFullYear(), showYearPicker: yearShow, renderYearContent: function (year) {
+                if (year < startDate.getFullYear() || year > maxDate.getFullYear())
+                    return null;
+                return (0, jsx_runtime_1.jsx)(YearContentComponent, { year: year });
+            }, filterDate: function (date) {
+                if (date.getFullYear() < startDate.getFullYear() || date.getFullYear() > maxDate.getFullYear())
+                    return false;
+                return true;
+            } }, datePickerProps)) })));
+}
+exports.DatePicker = DatePicker;
+DatePicker.styleRegistryName = 'DatePicker';
+DatePicker.elements = [
+    'wrapper',
+    'day',
+    'year',
+    'outerInput',
+    'header',
+];
+DatePicker.rootElement = 'wrapper';
+DatePicker.withVariantTypes = function (styles) {
+    return DatePicker;
+};
+DatePicker.defaultProps = {
+    minDate: new Date(1910, 0, 1),
+    maxDate: new Date(),
+    startDate: new Date(1923, 0, 1),
+    outerInputComponent: components_2.OuterInput,
+    headerComponent: components_2.Header,
+    disabled: false,
+};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(DatePicker);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,6 @@
+import { TextInputComposition } from '@codeleap/common';
+import { ActionIconComposition } from '../ActionIcon';
+export type DatePickerStates = ':selected' | ':disabled' | '';
+export type DatePickerParts = 'wrapper' | `dayWrapper${DatePickerStates}` | `day${DatePickerStates}` | `yearWrapper${DatePickerStates}` | `year${DatePickerStates}`;
+export type DatePickerHeaderComposition = 'wrapper' | 'buttonsWrapper' | `prevButton${Capitalize<ActionIconComposition>}` | `nextButton${Capitalize<ActionIconComposition>}` | 'title';
+export type DatePickerComposition = DatePickerParts | `outerInput${Capitalize<TextInputComposition>}` | `header${Capitalize<DatePickerHeaderComposition>}`;

package/dist/components/DatePicker/styles.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/DatePicker/styles.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,53 @@
+/// <reference types="react" />
+import { FormTypes, StylesOf } from '@codeleap/common';
+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;
+    hideInput?: boolean;
+};
+export type DatePickerHeaderComponent = Omit<ReactDatePickerCustomHeaderProps, 'styles'> & {
+    styles?: StylesOf<DatePickerHeaderComposition>;
+    formatHeaderTitle?: (date: Date) => string;
+};
+export type DatePickerArrowProps = Partial<ActionIconProps> & {
+    direction: 'left' | 'right';
+};
+export type DayComponentProps = {
+    day: string | number;
+    value?: Date;
+    date: Date;
+    disabled?: boolean;
+    selected?: boolean;
+    styles?: DatePickerProps['style'];
+};
+export type YearComponentProps = {
+    year: string | number;
+    value: Date;
+    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>;
+    dayComponent?: React.ComponentType<Partial<DayComponentProps>>;
+    dayProps?: Partial<DayComponentProps>;
+    yearComponent?: React.ComponentType<Partial<YearComponentProps>>;
+    yearProps?: Partial<YearComponentProps>;
+    formatDate?: (date: Date | string) => FormTypes.Label;
+    datePickerProps?: Omit<Partial<ReactDatePickerProps>, 'customInput' | 'renderCustomHeader' | RootDatePickerProps>;
+    onValueChange: (date: Date) => void;
+    defaultValue?: Date;
+    visible?: boolean;
+    toggle?: () => void;
+    yearShow?: boolean;
+    setYearShow?: () => void;
+};
+export {};

package/dist/components/DatePicker/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/DatePicker/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,12 @@
+import { DrawerProps } from './types';
+import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
+export * from './styles';
+export * from './types';
+export declare const Drawer: {
+    (props: DrawerProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    styleRegistryName: string;
+    elements: string[];
+    rootElement: string;
+    withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<DrawerProps, S>) => IJSX;
+    defaultProps: Partial<DrawerProps>;
+};

package/dist/components/Drawer/index.js

@@ -0,0 +1,138 @@
+"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Drawer = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var common_1 = require("@codeleap/common");
+var Overlay_1 = require("../Overlay");
+var View_1 = require("../View");
+var Text_1 = require("../Text");
+var ActionIcon_1 = require("../ActionIcon");
+var react_dom_1 = __importDefault(require("react-dom"));
+var lib_1 = require("../../lib");
+var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+var styles_1 = require("@codeleap/styles");
+var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+var axisMap = {
+    'left': ['top', 'left'],
+    'right': ['top', 'right'],
+    'top': ['top', 'right', 'left'],
+    'bottom': ['bottom', 'right', 'left']
+};
+var getInsetPath = function (position, value) {
+    var inset = '';
+    switch (position) {
+        case 'left':
+            inset = "inset(0 ".concat(value, "% 0 0)");
+            break;
+        case 'right':
+            inset = "inset(0 0 0 ".concat(value, "%)");
+            break;
+        case 'top':
+            inset = "inset(0 0 ".concat(value, "% 0)");
+            break;
+        case 'bottom':
+            inset = "inset(".concat(value, "% 0 0 0)");
+            break;
+    }
+    return inset;
+};
+var Drawer = function (props) {
+    var _a;
+    var _b = __assign(__assign({}, exports.Drawer.defaultProps), props), open = _b.open, toggle = _b.toggle, children = _b.children, size = _b.size, title = _b.title, footer = _b.footer, darkenBackground = _b.darkenBackground, showCloseButton = _b.showCloseButton, closeButtonProps = _b.closeButtonProps, position = _b.position, style = _b.style, debugName = _b.debugName, closeIcon = _b.closeIcon;
+    (0, lib_1.usePopState)(open, toggle);
+    var styles = (0, useStylesFor_1.useStylesFor)(exports.Drawer.styleRegistryName, style);
+    var closeButtonStyles = (0, styles_1.useNestedStylesByKey)('closeButton', styles);
+    var pose = (0, common_1.useMemo)(function () {
+        var pose = {};
+        for (var _i = 0, _a = axisMap[position]; _i < _a.length; _i++) {
+            var p = _a[_i];
+            pose[p] = 0;
+        }
+        return pose;
+    }, []);
+    var expansionProperty = ['left', 'right'].includes(position) ? 'width' : 'height';
+    var fixedProperty = expansionProperty == 'width' ? 'height' : 'width';
+    var fixedValue = fixedProperty == 'width' ? '100vw' : '100vh';
+    var measureProperty = expansionProperty == 'width' ? 'svw' : 'svh';
+    var animatedStyle = (0, lib_1.useAnimatedStyle)(function () {
+        var value = open ? 0 : 100;
+        return {
+            clipPath: getInsetPath(position, value),
+            transition: {
+                duration: 0.25,
+            }
+        };
+    }, [open]);
+    var wrapperAnimatedStyle = (0, lib_1.useAnimatedStyle)(function () { return ({
+        opacity: open ? 1 : 0,
+        pointerEvents: open ? 'auto' : 'none',
+        transition: {
+            duration: open ? 0.2 : 1.5,
+        }
+    }); }, [open]);
+    var boxStyles = [
+        styles.box,
+        pose,
+        (_a = {
+                zIndex: 999,
+                position: 'fixed'
+            },
+            _a[fixedProperty] = fixedValue,
+            _a[expansionProperty] = "".concat(size).concat(measureProperty),
+            _a)
+    ];
+    var showHeader = (!common_1.TypeGuards.isNil(title) || showCloseButton);
+    var content = ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ debugName: debugName, animated: true, animatedProps: wrapperAnimatedStyle, style: styles.wrapper }, { children: [darkenBackground ? ((0, jsx_runtime_1.jsx)(Overlay_1.Overlay, { debugName: debugName, visible: open, style: [
+                    styles.overlay,
+                    open ? styles['overlay:visible'] : styles['overlay:hidden'],
+                ], onPress: toggle })) : null, (0, jsx_runtime_1.jsxs)(View_1.View, __assign({ animated: true, animatedProps: animatedStyle, style: boxStyles }, { children: [showHeader ? ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ component: 'header', style: styles.header }, { children: [common_1.TypeGuards.isString(title) ? (0, jsx_runtime_1.jsx)(Text_1.Text, { style: styles.title, text: title }) : title, showCloseButton ? ((0, jsx_runtime_1.jsx)(ActionIcon_1.ActionIcon, __assign({ debugName: debugName, icon: closeIcon, onPress: toggle, propagate: false }, closeButtonProps, { style: closeButtonStyles }))) : null] }))) : null, (0, jsx_runtime_1.jsx)(View_1.View, __assign({ style: styles.body }, { children: children })), footer ? ((0, jsx_runtime_1.jsx)(View_1.View, __assign({ component: 'footer', style: styles.footer }, { children: footer }))) : null] }))] })));
+    if (typeof window === 'undefined')
+        return content;
+    return react_dom_1.default.createPortal(content, document.body);
+};
+exports.Drawer = Drawer;
+exports.Drawer.styleRegistryName = 'Drawer';
+exports.Drawer.elements = ['wrapper', 'overlay', 'header', 'footer', 'closeButton', 'body', 'box', 'title'];
+exports.Drawer.rootElement = 'wrapper';
+exports.Drawer.withVariantTypes = function (styles) {
+    return exports.Drawer;
+};
+exports.Drawer.defaultProps = {
+    position: 'left',
+    showCloseButton: false,
+    darkenBackground: true,
+    size: 75,
+    closeIcon: 'x',
+};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.Drawer);
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Drawer/styles.d.ts

@@ -0,0 +1,2 @@
+import { ActionIconComposition } from '../ActionIcon';
+export type DrawerComposition = 'wrapper' | 'overlay' | 'header' | 'footer' | `closeButton${Capitalize<ActionIconComposition>}` | 'body' | 'box' | 'title';

package/dist/components/Drawer/styles.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=styles.js.map

package/dist/components/Drawer/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Drawer/styles.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,20 @@
+import { AnyFunction } from '@codeleap/common';
+import React from 'react';
+import { ComponentCommonProps } from '../../types/utility';
+import { DrawerComposition } from './styles';
+import { ActionIconProps } from '../ActionIcon';
+import { AppIcon, StyledProp } from '@codeleap/styles';
+export type DrawerProps = ComponentCommonProps & {
+    open: boolean;
+    toggle: AnyFunction;
+    darkenBackground?: boolean;
+    size?: number;
+    showCloseButton?: boolean;
+    title?: React.ReactNode | string;
+    footer?: React.ReactNode;
+    position?: 'left' | 'right' | 'top' | 'bottom';
+    style?: StyledProp<DrawerComposition>;
+    closeButtonProps?: Partial<ActionIconProps>;
+    closeIcon?: AppIcon;
+    children?: React.ReactNode;
+};

package/dist/components/Drawer/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/components/Drawer/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Drawer/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,5 @@
+import { DropzoneProps } from './types';
+import { StyledComponentWithProps } from '@codeleap/styles';
+export * from './styles';
+export * from './types';
+export declare const Dropzone: StyledComponentWithProps<DropzoneProps>;