@broxus/react-uikit 0.15.6 → 0.16.0

package/dist/cjs/components/Control/Select/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __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 };
 };
@@ -31,6 +41,7 @@ const classnames_1 = __importDefault(require("classnames"));
 const rc_select_1 = __importStar(require("rc-select"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../components/ConfigProvider");
+const placements_1 = require("../../../components/Control/Select/placements");
 const Icon_1 = require("../../../components/Icon");
 const Spinner_1 = require("../../../components/Spinner");
 require("./index.scss");
@@ -39,7 +50,7 @@ const SECRET_COMBOBOX_MODE_DO_NOT_USE = 'SECRET_COMBOBOX_MODE_DO_NOT_USE';
 /* eslint-disable jsx-a11y/label-has-associated-control */
 function InternalSelect(props, ref) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { allowClear, className, listHeight = 256, listItemHeight = 24, prefixCls = config.prefixCls, showArrow = true, showSearch = false, onPressEnter, ...restProps } = props;
+    const { allowClear, direction = config.select?.direction || config.direction, dropdownMatchSelectWidth, builtinPlacements = (0, placements_1.getBuiltInPlacements)(dropdownMatchSelectWidth), className, listHeight = 256, listItemHeight = 24, placement = 'bottom-left', prefixCls = config.select?.prefixCls || config.prefixCls, showArrow = true, showSearch = false, onPressEnter, ...restProps } = props;
     const inputRef = React.useRef(null);
     const labelRef = React.useRef(null);
     const [focused, setFocused] = React.useState(false);
@@ -78,14 +89,14 @@ function InternalSelect(props, ref) {
         const select = labelRef.current?.firstElementChild;
         if (select) {
             let offset = parseInt(getComputedStyle?.(select).getPropertyValue('border-left-width'), 10);
-            if (restProps.direction !== 'rtl') {
+            if (direction !== 'rtl') {
                 offset *= -1;
             }
             setOffsetY(offset);
         }
-    }, [restProps.direction]);
-    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'select'), [config, prefixCls]);
-    const controlCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'control'), [config, prefixCls]);
+    }, [direction]);
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.select?.prefixCls || config.prefixCls, 'select'), [config, prefixCls]);
+    const controlCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.select?.prefixCls || config.prefixCls, 'control'), [config, prefixCls]);
     const mode = React.useMemo(() => {
         const { mode: m } = restProps;
         if (m === 'combobox') {
@@ -98,16 +109,17 @@ function InternalSelect(props, ref) {
     }, [restProps]);
     const wrapperClasses = React.useMemo(() => (0, classnames_1.default)([controlCls, `${controlCls}-select`], {
         [`${controlCls}-${restProps.size}`]: restProps.size,
-        [`${controlCls}-rtl`]: restProps.direction === 'rtl',
-        [`${prefixCls || config.prefixCls}-focused`]: focused,
-        [`${prefixCls || config.prefixCls}-disabled`]: restProps.disabled,
+        [`${controlCls}-rtl`]: direction === 'rtl',
+        [`${prefixCls || config.select?.prefixCls || config.prefixCls}-focused`]: focused,
+        [`${prefixCls || config.select?.prefixCls || config.prefixCls}-disabled`]: restProps.disabled,
     }, className), [
         className,
+        config.select?.prefixCls,
         config.prefixCls,
         controlCls,
         focused,
         prefixCls,
-        restProps.direction,
+        direction,
         restProps.disabled,
         restProps.size,
     ]);
@@ -115,7 +127,13 @@ function InternalSelect(props, ref) {
         // Arrow or loading icon
         let suffixIcon;
         if (restProps.loading) {
-            if (typeof config.selectLoadingIcon === 'function') {
+            if (typeof config.select?.loadingIcon === 'function') {
+                suffixIcon = config.select.loadingIcon();
+            }
+            else if (React.isValidElement(config.select?.loadingIcon)) {
+                suffixIcon = config.select.loadingIcon;
+            }
+            else if (typeof config.selectLoadingIcon === 'function') {
                 suffixIcon = config.selectLoadingIcon();
             }
             else if (React.isValidElement(config.selectLoadingIcon)) {
@@ -128,7 +146,13 @@ function InternalSelect(props, ref) {
         else if (showArrow) {
             const isMultiple = mode === 'multiple' || mode === 'tags';
             if (isMultiple) {
-                if (typeof config.selectAddIcon === 'function') {
+                if (typeof config.select?.addIcon === 'function') {
+                    suffixIcon = config.select.addIcon({ onClick: onClickIcon });
+                }
+                else if (React.isValidElement(config.select?.addIcon)) {
+                    suffixIcon = config.select.addIcon;
+                }
+                else if (typeof config.selectAddIcon === 'function') {
                     suffixIcon = config.selectAddIcon({ onClick: onClickIcon });
                 }
                 else if (React.isValidElement(config.selectAddIcon)) {
@@ -139,7 +163,13 @@ function InternalSelect(props, ref) {
                 }
             }
             else if (showSearch && internalOpen) {
-                if (typeof config.selectSearchIcon === 'function') {
+                if (typeof config.select?.searchIcon === 'function') {
+                    suffixIcon = config.select.searchIcon();
+                }
+                else if (React.isValidElement(config.select?.searchIcon)) {
+                    suffixIcon = config.select.searchIcon;
+                }
+                else if (typeof config.selectSearchIcon === 'function') {
                     suffixIcon = config.selectSearchIcon();
                 }
                 else if (React.isValidElement(config.selectSearchIcon)) {
@@ -149,6 +179,12 @@ function InternalSelect(props, ref) {
                     suffixIcon = React.createElement(Icon_1.Icon, { key: "manage_search", icon: "manage_search" });
                 }
             }
+            else if (typeof config.select?.arrowIcon === 'function') {
+                suffixIcon = config.select.arrowIcon({ isOpen: internalOpen, onClick: onClickIcon });
+            }
+            else if (React.isValidElement(config.select?.arrowIcon)) {
+                suffixIcon = config.select.arrowIcon;
+            }
             else if (typeof config.selectArrowIcon === 'function') {
                 suffixIcon = config.selectArrowIcon({ isOpen: internalOpen, onClick: onClickIcon });
             }
@@ -167,14 +203,26 @@ function InternalSelect(props, ref) {
         else if (mode === 'combobox') {
             mergedNotFound = null;
         }
-        if (typeof config.selectNotFoundContent === 'function') {
+        if (typeof config.select?.notFoundContent === 'function') {
+            mergedNotFound = config.select.notFoundContent();
+        }
+        else if (React.isValidElement(config.select?.notFoundContent)) {
+            mergedNotFound = config.select.notFoundContent;
+        }
+        else if (typeof config.selectNotFoundContent === 'function') {
             mergedNotFound = config.selectNotFoundContent();
         }
         else if (React.isValidElement(config.selectNotFoundContent)) {
             mergedNotFound = config.selectNotFoundContent;
         }
         let clearIcon = React.createElement(Icon_1.Icon, { icon: "clear" });
-        if (typeof config.selectClearIcon === 'function') {
+        if (typeof config.select?.clearIcon === 'function') {
+            clearIcon = config.select.clearIcon();
+        }
+        else if (React.isValidElement(config.select?.clearIcon)) {
+            clearIcon = config.select.clearIcon;
+        }
+        else if (typeof config.selectClearIcon === 'function') {
             clearIcon = config.selectClearIcon();
         }
         else if (React.isValidElement(config.selectClearIcon)) {
@@ -193,10 +241,10 @@ function InternalSelect(props, ref) {
             removeIcon: React.createElement(Icon_1.Icon, { icon: "clear" }),
             showSearch,
             suffixIcon,
-            transitionName: `${prefixCls || config.prefixCls}-motion-slide-bottom-small`,
+            transitionName: `${prefixCls || config.select?.prefixCls || config.prefixCls}-motion-slide-bottom-small`,
             ...restProps,
             dropdownClassName: (0, classnames_1.default)(restProps.dropdownClassName, {
-                [`${prefixCls || config.prefixCls}-dropdown-rtl`]: restProps.direction === 'rtl',
+                [`${prefixCls || config.select?.prefixCls || config.prefixCls}-dropdown-rtl`]: direction === 'rtl',
             }),
             notFoundContent: mergedNotFound,
             onBlur,
@@ -216,6 +264,7 @@ function InternalSelect(props, ref) {
         rootCls,
         showSearch,
         prefixCls,
+        direction,
         onBlur,
         onDropdownVisibleChange,
         onFocus,
@@ -234,9 +283,11 @@ function InternalSelect(props, ref) {
         },
     }));
     return (React.createElement("label", { ref: labelRef, className: wrapperClasses, htmlFor: restProps.id },
-        React.createElement(rc_select_1.default, { ref: inputRef, dropdownAlign: {
+        React.createElement(rc_select_1.default, { ref: inputRef, builtinPlacements: builtinPlacements, dropdownAlign: {
                 offset: [offsetY, 5],
-            }, ...inputProps, mode: mode })));
+            }, 
+            // @ts-ignore
+            placement: placement, ...inputProps, mode: mode })));
 }
 exports.Select = React.forwardRef(InternalSelect);
 exports.Select.SECRET_COMBOBOX_MODE_DO_NOT_USE = SECRET_COMBOBOX_MODE_DO_NOT_USE;

package/dist/cjs/components/Control/Select/index.scss

@@ -410,21 +410,21 @@
     }
 }
 
-.uk-select-dropdown-placement-bottomLeft.uk-slide-up-enter.uk-slide-up-enter-active,
-.uk-select-dropdown-placement-bottomLeft.uk-slide-up-appear.uk-slide-up-appear-active {
+.uk-select-dropdown-placement-bottom-left.uk-slide-up-enter.uk-slide-up-enter-active,
+.uk-select-dropdown-placement-bottom-left.uk-slide-up-appear.uk-slide-up-appear-active {
     animation-name: uk-slide-up-in;
 }
 
-.uk-select-dropdown-placement-topLeft.uk-slide-up-enter.uk-slide-up-enter-active,
-.uk-select-dropdown-placement-topLeft.uk-slide-up-appear.uk-slide-up-appear-active {
+.uk-select-dropdown-placement-top-left.uk-slide-up-enter.uk-slide-up-enter-active,
+.uk-select-dropdown-placement-top-left.uk-slide-up-appear.uk-slide-up-appear-active {
     animation-name: uk-slide-down-in;
 }
 
-.uk-select-dropdown-placement-bottomLeft .uk-slide-up-leave.uk-slide-up-leave-active {
+.uk-select-dropdown-placement-bottom-left .uk-slide-up-leave.uk-slide-up-leave-active {
     animation-name: uk-slide-up-out;
 }
 
-.uk-select-dropdown-placement-topLeft.uk-slide-up-leave.uk-slide-up-leave-active {
+.uk-select-dropdown-placement-top-left.uk-slide-up-leave.uk-slide-up-leave-active {
     animation-name: uk-slide-down-out;
 }
 

package/dist/cjs/components/Control/Select/placements.d.ts

@@ -0,0 +1,2 @@
+import { type AlignType } from '@rc-component/trigger/lib/interface';
+export declare function getBuiltInPlacements(dropdownMatchSelectWidth?: number | boolean): Record<string, AlignType>;

package/dist/cjs/components/Control/Select/placements.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBuiltInPlacements = getBuiltInPlacements;
+function getBuiltInPlacements(dropdownMatchSelectWidth) {
+    // Enable horizontal overflow auto-adjustment when a custom dropdown width is provided
+    const adjustX = dropdownMatchSelectWidth === true ? 0 : 1;
+    return {
+        'bottom-left': {
+            htmlRegion: 'scroll',
+            offset: [0, 4],
+            overflow: {
+                adjustX,
+                adjustY: 1,
+            },
+            points: ['tl', 'bl'],
+        },
+        'bottom-right': {
+            htmlRegion: 'scroll',
+            offset: [0, 4],
+            overflow: {
+                adjustX,
+                adjustY: 1,
+            },
+            points: ['tr', 'br'],
+        },
+        'top-left': {
+            htmlRegion: 'scroll',
+            offset: [0, -4],
+            overflow: {
+                adjustX,
+                adjustY: 1,
+            },
+            points: ['bl', 'tl'],
+        },
+        'top-right': {
+            htmlRegion: 'scroll',
+            offset: [0, -4],
+            overflow: {
+                adjustX,
+                adjustY: 1,
+            },
+            points: ['br', 'tr'],
+        },
+    };
+}

package/dist/cjs/components/Control/TextArea/index.d.ts

@@ -1,6 +1,6 @@
 import { type TextAreaProps as RcTextAreaProps, type TextAreaRef } from 'rc-textarea';
 import * as React from 'react';
-import { type SizeType, type StateType } from '../../../components/Control/types';
+import { type SizeType, type StateType } from '../../../types';
 import './index.scss';
 import '../index.scss';
 interface ShowCountProps {

package/dist/cjs/components/Control/TextArea/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __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 };
 };

package/dist/cjs/components/Control/index.scss

@@ -31,7 +31,7 @@
     box-sizing: border-box;
     color: var(--control-color);
     cursor: text;
-    display: flex;
+    display: inline-flex;
     font-size: inherit;
     min-height: var(--control-height);
     padding-left: var(--control-padding-horizontal);

package/dist/cjs/components/Control/types.d.ts

@@ -1,8 +1,5 @@
 import type * as React from 'react';
-import { type Direction } from '../../types';
-export type LiteralUnion<T extends U, U> = T | (U & {});
-export type SizeType = 'small' | 'medium' | 'large';
-export type StateType = 'success' | 'warning' | 'danger' | 'blank';
+import { type Direction, type LiteralUnion, type SizeType, type StateType } from '../../types';
 export type ValueType = string | number;
 export type ControlType = LiteralUnion<'button' | 'checkbox' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'radio' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week', string>;
 export interface ControlProps<T> {

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

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __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 };
 };

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { type InputProps } from '../../components/Control';
+export declare const DatePickerInputPropsContext: React.Context<Pick<InputProps<import("../../components/Control").ValueType>, "className" | "size" | "state">>;

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

@@ -0,0 +1,38 @@
+"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;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePickerInputPropsContext = void 0;
+const React = __importStar(require("react"));
+exports.DatePickerInputPropsContext = React.createContext({});

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { type ButtonProps } from '../../components/Button';
+export declare const PickerButton: React.MemoExoticComponent<(props: ButtonProps) => React.JSX.Element>;

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

@@ -0,0 +1,39 @@
+"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;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PickerButton = void 0;
+const React = __importStar(require("react"));
+const Button_1 = require("../../components/Button");
+exports.PickerButton = React.memo((props) => React.createElement(Button_1.Button, { size: "small", type: "primary", ...props }));

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { type InputProps, type InputRef } from '../../components/Control';
+export declare const PickerInput: React.ForwardRefExoticComponent<InputProps<import("../../components/Control").ValueType> & React.RefAttributes<InputRef>>;

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

@@ -0,0 +1,43 @@
+"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;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PickerInput = void 0;
+const React = __importStar(require("react"));
+const Input_1 = require("../../components/Control/Input/Input");
+const DatePickerInputPropsContext_1 = require("../../components/DatePicker/DatePickerInputPropsContext");
+exports.PickerInput = React.forwardRef((props, ref) => {
+    const ctx = React.useContext(DatePickerInputPropsContext_1.DatePickerInputPropsContext);
+    return React.createElement(Input_1.Input, { ref: ref, ...props, size: ctx.size, state: ctx.state });
+});

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

@@ -0,0 +1,5 @@
+export declare const WEEK: "week", WEEKPICKER: "WeekPicker";
+export declare const MONTH: "month", MONTHPICKER: "MonthPicker";
+export declare const YEAR: "year", YEARPICKER: "YearPicker";
+export declare const QUARTER: "quarter", QUARTERPICKER: "QuarterPicker";
+export declare const TIME: "time", TIMEPICKER: "TimePicker";

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

@@ -0,0 +1,25 @@
+"use strict";
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var _a, _b, _c, _d, _e;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TIMEPICKER = exports.TIME = exports.QUARTERPICKER = exports.QUARTER = exports.YEARPICKER = exports.YEAR = exports.MONTHPICKER = exports.MONTH = exports.WEEKPICKER = exports.WEEK = void 0;
+_a = __read(['week', 'WeekPicker'], 2), exports.WEEK = _a[0], exports.WEEKPICKER = _a[1];
+_b = __read(['month', 'MonthPicker'], 2), exports.MONTH = _b[0], exports.MONTHPICKER = _b[1];
+_c = __read(['year', 'YearPicker'], 2), exports.YEAR = _c[0], exports.YEARPICKER = _c[1];
+_d = __read(['quarter', 'QuarterPicker'], 2), exports.QUARTER = _d[0], exports.QUARTERPICKER = _d[1];
+_e = __read(['time', 'TimePicker'], 2), exports.TIME = _e[0], exports.TIMEPICKER = _e[1];

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

@@ -0,0 +1,22 @@
+import { type GenerateConfig } from 'rc-picker/lib/generate';
+import { type AnyObject } from '../../types';
+export declare const generatePicker: <DateType extends AnyObject = AnyObject>(generateConfig: GenerateConfig<DateType>) => (<ValueType = DateType>(props: import("./types").PickerPropsWithMultiple<DateType, import("./types").PickerProps<DateType>, ValueType>) => React.ReactElement) & {
+    displayName?: string;
+} & {
+    displayName?: string;
+    WeekPicker: (<ValueType = DateType>(props: import("./types").PickerPropsWithMultiple<DateType, Omit<import("./types").PickerProps<DateType>, "picker">, ValueType>) => React.ReactElement) & {
+        displayName?: string;
+    };
+    MonthPicker: (<ValueType = DateType>(props: import("./types").PickerPropsWithMultiple<DateType, Omit<import("./types").PickerProps<DateType>, "picker">, ValueType>) => React.ReactElement) & {
+        displayName?: string;
+    };
+    YearPicker: (<ValueType = DateType>(props: import("./types").PickerPropsWithMultiple<DateType, Omit<import("./types").PickerProps<DateType>, "picker">, ValueType>) => React.ReactElement) & {
+        displayName?: string;
+    };
+    TimePicker: (<ValueType = DateType>(props: import("./types").PickerPropsWithMultiple<DateType, Omit<import("./types").GenericTimePickerProps<DateType>, "picker">, ValueType>) => React.ReactElement) & {
+        displayName?: string;
+    };
+    QuarterPicker: (<ValueType = DateType>(props: import("./types").PickerPropsWithMultiple<DateType, Omit<import("./types").PickerProps<DateType>, "picker">, ValueType>) => React.ReactElement) & {
+        displayName?: string;
+    };
+};

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generatePicker = void 0;
+const generateSinglePicker_1 = require("../../components/DatePicker/generateSinglePicker");
+// eslint-disable-next-line @typescript-eslint/explicit-function-return-type,@typescript-eslint/explicit-module-boundary-types
+const generatePicker = (generateConfig) => {
+    const { DatePicker, MonthPicker, QuarterPicker, TimePicker, WeekPicker, YearPicker, } = (0, generateSinglePicker_1.generateSinglePicker)(generateConfig);
+    const MergedDatePicker = DatePicker;
+    if (process.env.NODE_ENV !== 'production') {
+        MergedDatePicker.displayName = 'DatePicker';
+    }
+    return MergedDatePicker;
+};
+exports.generatePicker = generatePicker;

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

@@ -0,0 +1,24 @@
+import { type GenerateConfig } from 'rc-picker/lib/generate';
+import * as React from 'react';
+import { type GenericTimePickerProps, type PickerProps, type PickerPropsWithMultiple } from '../../components/DatePicker/types';
+import { type AnyObject } from '../../types';
+export declare const generateSinglePicker: <DateType extends AnyObject = AnyObject>(generateConfig: GenerateConfig<DateType>) => {
+    DatePicker: (<ValueType = DateType>(props: PickerPropsWithMultiple<DateType, PickerProps<DateType>, ValueType>) => React.ReactElement) & {
+        displayName?: string;
+    };
+    MonthPicker: (<ValueType = DateType>(props: PickerPropsWithMultiple<DateType, Omit<PickerProps<DateType>, "picker">, ValueType>) => React.ReactElement) & {
+        displayName?: string;
+    };
+    QuarterPicker: (<ValueType = DateType>(props: PickerPropsWithMultiple<DateType, Omit<PickerProps<DateType>, "picker">, ValueType>) => React.ReactElement) & {
+        displayName?: string;
+    };
+    TimePicker: (<ValueType = DateType>(props: PickerPropsWithMultiple<DateType, Omit<GenericTimePickerProps<DateType>, "picker">, ValueType>) => React.ReactElement) & {
+        displayName?: string;
+    };
+    WeekPicker: (<ValueType = DateType>(props: PickerPropsWithMultiple<DateType, Omit<PickerProps<DateType>, "picker">, ValueType>) => React.ReactElement) & {
+        displayName?: string;
+    };
+    YearPicker: (<ValueType = DateType>(props: PickerPropsWithMultiple<DateType, Omit<PickerProps<DateType>, "picker">, ValueType>) => React.ReactElement) & {
+        displayName?: string;
+    };
+};