@broxus/react-uikit 0.15.6 → 0.16.0

package/dist/cjs/components/DatePicker/generateSinglePicker.js

@@ -0,0 +1,109 @@
+"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 __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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateSinglePicker = void 0;
+const classnames_1 = __importDefault(require("classnames"));
+const rc_picker_1 = require("rc-picker");
+const React = __importStar(require("react"));
+const ConfigProvider_1 = require("../../components/ConfigProvider");
+const constants_1 = require("../../components/DatePicker/constants");
+const DatePickerInputPropsContext_1 = require("../../components/DatePicker/DatePickerInputPropsContext");
+// eslint-disable-next-line camelcase
+const en_US_1 = __importDefault(require("../../components/DatePicker/locale/en_US"));
+const placements_1 = __importDefault(require("../../components/DatePicker/placements"));
+const useComponents_1 = require("../../components/DatePicker/useComponents");
+const utils_1 = require("../../components/DatePicker/utils");
+const Icon_1 = require("../../components/Icon");
+const utils_2 = require("../../utils");
+const generateSinglePicker = (generateConfig) => {
+    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type,@typescript-eslint/explicit-module-boundary-types
+    const getPicker = (picker, displayName) => {
+        const consumerName = displayName === constants_1.TIMEPICKER ? 'timePicker' : 'datePicker';
+        const Picker = React.forwardRef((props, ref) => {
+            const config = (0, ConfigProvider_1.useConfig)();
+            const ctxPickerConfig = config[consumerName] || {};
+            const { allowClear = true, builtinPlacements = placements_1.default, className, components, direction = ctxPickerConfig.direction || config.direction, getPopupContainer = config.getPopupContainer, locale = en_US_1.default, placeholder, placement = 'bottom-left', popupClassName, prefixCls = `${config.prefixCls}-datepicker`, rootClassName, size, state, style, onCalendarChange, ...restProps } = props;
+            const pickerRef = React.useRef(null);
+            const mergedPicker = picker || restProps.picker;
+            const mergedComponents = (0, useComponents_1.useComponents)(components);
+            const clearIcon = React.useMemo(() => {
+                if (React.isValidElement(ctxPickerConfig?.clearIcon)) {
+                    return ctxPickerConfig.clearIcon;
+                }
+                return (React.createElement(Icon_1.Icon, { key: "clearfix-icon", icon: "close" }));
+            }, [ctxPickerConfig]);
+            const suffixIcon = React.useMemo(() => {
+                if (React.isValidElement(ctxPickerConfig?.suffixIcon)) {
+                    return ctxPickerConfig.suffixIcon;
+                }
+                if (mergedPicker === constants_1.TIME) {
+                    return React.createElement(Icon_1.Icon, { icon: "schedule" });
+                }
+                // @ts-ignore
+                if (mergedPicker && ![constants_1.WEEK, constants_1.MONTH, constants_1.QUARTER, constants_1.YEAR].includes(mergedPicker)) {
+                    return React.createElement(Icon_1.Icon, { icon: "calendar_clock" });
+                }
+                return React.createElement(Icon_1.Icon, { icon: "calendar_today" });
+            }, [ctxPickerConfig, mergedPicker]);
+            const inputProps = React.useMemo(() => ({ size, state }), [size, state]);
+            const mergedAllowClear = allowClear === true ? { clearIcon } : allowClear;
+            React.useImperativeHandle(ref, () => pickerRef.current, []);
+            return (React.createElement(DatePickerInputPropsContext_1.DatePickerInputPropsContext.Provider, { value: inputProps },
+                React.createElement(rc_picker_1.Picker, { ref: pickerRef, builtinPlacements: builtinPlacements, className: (0, classnames_1.default)(rootClassName, {
+                        [`${prefixCls}-${size}`]: size,
+                        [`${prefixCls}-rtl`]: direction === 'rtl',
+                    }, className), classNames: {
+                        popup: (0, classnames_1.default)(popupClassName),
+                    }, components: mergedComponents, directio: direction, generateConfig: generateConfig, getPopupContainer: getPopupContainer, locale: locale.lang, picker: mergedPicker, placeholder: (0, utils_1.getPlaceholder)(locale, mergedPicker, placeholder), placement: placement, prefixCls: prefixCls, suffixIcon: suffixIcon, nextIcon: React.createElement("span", { className: `${prefixCls}-next-icon` }), prevIcon: React.createElement("span", { className: `${prefixCls}-prev-icon` }), superPrevIcon: React.createElement("span", { className: `${prefixCls}-super-prev-icon` }), superNextIcon: React.createElement("span", { className: `${prefixCls}-super-next-icon` }), style: style, transitionName: (0, utils_2.getMotionName)(config.prefixCls, 'slide-bottom-small'), onCalendarChange: onCalendarChange, ...restProps, allowClear: mergedAllowClear, styles: {
+                        popup: { ...restProps.styles },
+                    } })));
+        });
+        if (process.env.NODE_ENV !== 'production' && displayName) {
+            Picker.displayName = displayName;
+        }
+        return Picker;
+    };
+    const DatePicker = getPicker();
+    const MonthPicker = getPicker(constants_1.MONTH, constants_1.MONTHPICKER);
+    const QuarterPicker = getPicker(constants_1.QUARTER, constants_1.QUARTERPICKER);
+    const TimePicker = getPicker(constants_1.TIME, constants_1.TIMEPICKER);
+    const WeekPicker = getPicker(constants_1.WEEK, constants_1.WEEKPICKER);
+    const YearPicker = getPicker(constants_1.YEAR, constants_1.YEARPICKER);
+    return { DatePicker, MonthPicker, QuarterPicker, TimePicker, WeekPicker, YearPicker };
+};
+exports.generateSinglePicker = generateSinglePicker;

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

@@ -0,0 +1,9 @@
+import { type DateTime } from 'luxon';
+import { generatePicker } from '../../components/DatePicker/generatePicker';
+import './index.scss';
+export * from '../../components/DatePicker/locale';
+export * from '../../components/DatePicker/types';
+export interface DatePicker extends ReturnType<typeof generatePicker<DateTime>> {
+    generatePicker: typeof generatePicker;
+}
+export declare const DatePicker: DatePicker;

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

@@ -0,0 +1,28 @@
+"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);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePicker = void 0;
+const luxon_1 = __importDefault(require("rc-picker/lib/generate/luxon"));
+const generatePicker_1 = require("../../components/DatePicker/generatePicker");
+require("./index.scss");
+__exportStar(require("../../components/DatePicker/locale"), exports);
+__exportStar(require("../../components/DatePicker/types"), exports);
+const InternalDatePicker = (0, generatePicker_1.generatePicker)(luxon_1.default);
+exports.DatePicker = InternalDatePicker;
+exports.DatePicker.generatePicker = generatePicker_1.generatePicker;