@infomaximum/ui-kit 0.9.1

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

@@ -0,0 +1,27 @@
+import { ChangeEvent, FocusEvent, InputHTMLAttributes } from 'react';
+import { CheckboxComponent } from './Checkbox';
+import { Group } from './components/Group/Group';
+import { Theme } from '../../themes';
+import { Interpolation } from '@emotion/react';
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    className?: string;
+    styles?: {
+        label: (theme: Theme) => Interpolation;
+        inputWrapper: (theme: Theme) => Interpolation;
+        input: (theme: Theme) => Interpolation;
+        indeterminateInner: (theme: Theme) => Interpolation;
+        checkedInner: (theme: Theme) => Interpolation;
+        labelText: (theme: Theme) => Interpolation;
+    };
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (e: FocusEvent) => void;
+    onFocus?: (e: FocusEvent) => void;
+}
+export type CheckboxFullType = typeof CheckboxComponent & {
+    Group: typeof Group;
+};

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { CheckboxGroupProps } from './Group.type';
+export declare const Group: FC<import('react').PropsWithChildren<CheckboxGroupProps>>;

package/dist/components/Checkbox/components/Group/Group.js

@@ -0,0 +1,67 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { withThemeProvider } from "../../../../hocs/withThemeProvider.js";
+import { memo, useState, useRef, useEffect, useCallback } from "react";
+import { CheckboxComponent } from "../../Checkbox.js";
+import { isObject } from "lodash-es";
+import { isChecked } from "./Group.utils.js";
+import { groupStyle } from "./Group.style.js";
+import { useTheme } from "../../../../hooks/useTheme/useTheme.js";
+const GroupComponent = memo(({
+  defaultValue = [],
+  disabled = false,
+  name,
+  options = [],
+  value,
+  className,
+  styles,
+  onChange
+}) => {
+  const theme = useTheme();
+  const [valueList, setValueList] = useState(defaultValue);
+  const isInitialMount = useRef(true);
+  const currentValueList = value ?? valueList;
+  useEffect(() => {
+    if (isInitialMount.current) {
+      isInitialMount.current = false;
+    } else {
+      onChange == null ? void 0 : onChange(currentValueList);
+    }
+  }, [currentValueList]);
+  const addCheckedValue = useCallback((value2) => {
+    setValueList((prev) => [...prev, value2]);
+  }, []);
+  const removeValue = useCallback((value2) => {
+    setValueList((prev) => prev.filter((currentValue) => currentValue !== value2));
+  }, []);
+  const changeHandle = useCallback((e) => {
+    if (value) {
+      onChange == null ? void 0 : onChange(e.target.checked ? [...value, e.target.value] : value.filter((item) => item !== e.target.value));
+      return;
+    }
+    if (e.target.checked) {
+      addCheckedValue(e.target.value);
+      return;
+    }
+    removeValue(e.target.value);
+  }, [addCheckedValue, onChange, removeValue, value]);
+  const renderCheckboxByOption = (option) => {
+    const {
+      label,
+      value: value2,
+      disabled: localDisabled
+    } = option;
+    const checked = isChecked(currentValueList, value2);
+    return /* @__PURE__ */ jsx(CheckboxComponent, { value: value2, disabled: localDisabled ?? disabled, name, checked, onChange: changeHandle, children: label }, value2);
+  };
+  const renderCheckboxByValue = (value2) => {
+    const checked = isChecked(currentValueList, value2);
+    return /* @__PURE__ */ jsx(CheckboxComponent, { value: value2, disabled, name, checked, onChange: changeHandle, children: value2 }, value2);
+  };
+  return /* @__PURE__ */ jsx("div", { className, css: [groupStyle(theme), styles == null ? void 0 : styles(theme), process.env.NODE_ENV === "production" ? "" : ";label:GroupComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQ2hlY2tib3gvY29tcG9uZW50cy9Hcm91cC9Hcm91cC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUdpQyIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0NoZWNrYm94L2NvbXBvbmVudHMvR3JvdXAvR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgd2l0aFRoZW1lUHJvdmlkZXIgfSBmcm9tIFwiaG9jcy93aXRoVGhlbWVQcm92aWRlclwiO1xuaW1wb3J0IHsgdHlwZSBDaGFuZ2VFdmVudCwgdHlwZSBGQywgbWVtbywgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBDaGVja2JveEdyb3VwUHJvcHMsIE9wdGlvbiB9IGZyb20gXCIuL0dyb3VwLnR5cGVcIjtcbmltcG9ydCB7IENoZWNrYm94Q29tcG9uZW50IGFzIENoZWNrYm94IH0gZnJvbSBcImNvbXBvbmVudHMvQ2hlY2tib3gvQ2hlY2tib3hcIjtcbmltcG9ydCB7IGlzT2JqZWN0IH0gZnJvbSBcImxvZGFzaC1lc1wiO1xuaW1wb3J0IHsgaXNDaGVja2VkIH0gZnJvbSBcIi4vR3JvdXAudXRpbHNcIjtcbmltcG9ydCB7IGdyb3VwU3R5bGUgfSBmcm9tIFwiLi9Hcm91cC5zdHlsZVwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcblxuY29uc3QgR3JvdXBDb21wb25lbnQ6IEZDPENoZWNrYm94R3JvdXBQcm9wcz4gPSBtZW1vKFxuICAoe1xuICAgIGRlZmF1bHRWYWx1ZSA9IFtdLFxuICAgIGRpc2FibGVkID0gZmFsc2UsXG4gICAgbmFtZSxcbiAgICBvcHRpb25zID0gW10sXG4gICAgdmFsdWUsXG4gICAgY2xhc3NOYW1lLFxuICAgIHN0eWxlcyxcbiAgICBvbkNoYW5nZSxcbiAgfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICAgIGNvbnN0IFt2YWx1ZUxpc3QsIHNldFZhbHVlTGlzdF0gPSB1c2VTdGF0ZShkZWZhdWx0VmFsdWUpO1xuICAgIGNvbnN0IGlzSW5pdGlhbE1vdW50ID0gdXNlUmVmKHRydWUpO1xuXG4gICAgY29uc3QgY3VycmVudFZhbHVlTGlzdCA9IHZhbHVlID8/IHZhbHVlTGlzdDtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBpZiAoaXNJbml0aWFsTW91bnQuY3VycmVudCkge1xuICAgICAgICBpc0luaXRpYWxNb3VudC5jdXJyZW50ID0gZmFsc2U7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBvbkNoYW5nZT8uKGN1cnJlbnRWYWx1ZUxpc3QpO1xuICAgICAgfVxuICAgIH0sIFtjdXJyZW50VmFsdWVMaXN0XSk7XG5cbiAgICBjb25zdCBhZGRDaGVja2VkVmFsdWUgPSB1c2VDYWxsYmFjaygodmFsdWU6IHN0cmluZykgPT4ge1xuICAgICAgc2V0VmFsdWVMaXN0KChwcmV2KSA9PiBbLi4ucHJldiwgdmFsdWVdKTtcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCByZW1vdmVWYWx1ZSA9IHVzZUNhbGxiYWNrKCh2YWx1ZTogc3RyaW5nKSA9PiB7XG4gICAgICBzZXRWYWx1ZUxpc3QoKHByZXYpID0+IHByZXYuZmlsdGVyKChjdXJyZW50VmFsdWUpID0+IGN1cnJlbnRWYWx1ZSAhPT0gdmFsdWUpKTtcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCBjaGFuZ2VIYW5kbGUgPSB1c2VDYWxsYmFjayhcbiAgICAgIChlOiBDaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgICAgICBpZiAodmFsdWUpIHtcbiAgICAgICAgICBvbkNoYW5nZT8uKFxuICAgICAgICAgICAgZS50YXJnZXQuY2hlY2tlZFxuICAgICAgICAgICAgICA/IFsuLi52YWx1ZSwgZS50YXJnZXQudmFsdWVdXG4gICAgICAgICAgICAgIDogdmFsdWUuZmlsdGVyKChpdGVtKSA9PiBpdGVtICE9PSBlLnRhcmdldC52YWx1ZSlcbiAgICAgICAgICApO1xuXG4gICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGUudGFyZ2V0LmNoZWNrZWQpIHtcbiAgICAgICAgICBhZGRDaGVja2VkVmFsdWUoZS50YXJnZXQudmFsdWUpO1xuXG4gICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgcmVtb3ZlVmFsdWUoZS50YXJnZXQudmFsdWUpO1xuICAgICAgfSxcbiAgICAgIFthZGRDaGVja2VkVmFsdWUsIG9uQ2hhbmdlLCByZW1vdmVWYWx1ZSwgdmFsdWVdXG4gICAgKTtcblxuICAgIGNvbnN0IHJlbmRlckNoZWNrYm94QnlPcHRpb24gPSAob3B0aW9uOiBPcHRpb24pID0+IHtcbiAgICAgIGNvbnN0IHsgbGFiZWwsIHZhbHVlLCBkaXNhYmxlZDogbG9jYWxEaXNhYmxlZCB9ID0gb3B0aW9uO1xuXG4gICAgICBjb25zdCBjaGVja2VkID0gaXNDaGVja2VkKGN1cnJlbnRWYWx1ZUxpc3QsIHZhbHVlKTtcblxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPENoZWNrYm94XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIGRpc2FibGVkPXtsb2NhbERpc2FibGVkID8/IGRpc2FibGVkfVxuICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgY2hlY2tlZD17Y2hlY2tlZH1cbiAgICAgICAgICBvbkNoYW5nZT17Y2hhbmdlSGFuZGxlfVxuICAgICAgICAgIGtleT17dmFsdWV9XG4gICAgICAgID5cbiAgICAgICAgICB7bGFiZWx9XG4gICAgICAgIDwvQ2hlY2tib3g+XG4gICAgICApO1xuICAgIH07XG5cbiAgICBjb25zdCByZW5kZXJDaGVja2JveEJ5VmFsdWUgPSAodmFsdWU6IHN0cmluZyB8IG51bWJlcikgPT4ge1xuICAgICAgY29uc3QgY2hlY2tlZCA9IGlzQ2hlY2tlZChjdXJyZW50VmFsdWVMaXN0LCB2YWx1ZSk7XG5cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxDaGVja2JveFxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICAgIG9uQ2hhbmdlPXtjaGFuZ2VIYW5kbGV9XG4gICAgICAgICAga2V5PXt2YWx1ZX1cbiAgICAgICAgPlxuICAgICAgICAgIHt2YWx1ZX1cbiAgICAgICAgPC9DaGVja2JveD5cbiAgICAgICk7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBjc3M9e1tncm91cFN0eWxlKHRoZW1lKSwgc3R5bGVzPy4odGhlbWUpXX0+XG4gICAgICAgIHtvcHRpb25zLm1hcCgob3B0aW9uKSA9PiB7XG4gICAgICAgICAgcmV0dXJuIGlzT2JqZWN0KG9wdGlvbikgPyByZW5kZXJDaGVja2JveEJ5T3B0aW9uKG9wdGlvbikgOiByZW5kZXJDaGVja2JveEJ5VmFsdWUob3B0aW9uKTtcbiAgICAgICAgfSl9XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG4pO1xuXG5leHBvcnQgY29uc3QgR3JvdXAgPSB3aXRoVGhlbWVQcm92aWRlcjxDaGVja2JveEdyb3VwUHJvcHM+KEdyb3VwQ29tcG9uZW50KTtcbiJdfQ== */"], children: options.map((option) => {
+    return isObject(option) ? renderCheckboxByOption(option) : renderCheckboxByValue(option);
+  }) });
+});
+const Group = withThemeProvider(GroupComponent);
+export {
+  Group
+};

package/dist/components/Checkbox/components/Group/Group.style.d.ts

@@ -0,0 +1,6 @@
+import { Theme } from 'themes';
+export declare const groupStyle: (theme: Theme) => {
+    readonly display: "flex";
+    readonly gap: 8;
+    readonly flexWrap: "wrap";
+};

package/dist/components/Checkbox/components/Group/Group.style.js

@@ -0,0 +1,8 @@
+const groupStyle = (theme) => ({
+  display: "flex",
+  gap: theme.spaceM,
+  flexWrap: "wrap"
+});
+export {
+  groupStyle
+};

package/dist/components/Checkbox/components/Group/Group.type.d.ts

@@ -0,0 +1,18 @@
+import { Interpolation } from '@emotion/react';
+import { Theme } from '../../../../themes';
+export type GroupValueType = string | number | boolean;
+export interface CheckboxGroupProps {
+    defaultValue?: (string | number)[];
+    disabled?: boolean;
+    name?: string;
+    options?: string[] | number[] | Option[];
+    value?: GroupValueType[];
+    className?: string;
+    styles?: (theme: Theme) => Interpolation;
+    onChange?: (checkedValue: GroupValueType[]) => void;
+}
+export interface Option {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}

package/dist/components/Checkbox/components/Group/Group.utils.d.ts

@@ -0,0 +1,6 @@
+import { GroupValueType } from './Group.type';
+export declare const towns: {
+    label: string;
+    value: string;
+}[];
+export declare const isChecked: (valueList: GroupValueType[], value: string | number) => boolean;

package/dist/components/Checkbox/components/Group/Group.utils.js

@@ -0,0 +1,6 @@
+const isChecked = (valueList, value) => {
+  return valueList.includes(value);
+};
+export {
+  isChecked
+};

package/dist/components/Checkbox/forStories/CheckAll/CheckAll.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const CheckAll: FC;

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

@@ -0,0 +1,4 @@
+import { CheckboxFullType } from './Checkbox.types';
+export type { CheckboxProps } from './Checkbox.types';
+export type { CheckboxGroupProps } from './components/Group/Group.type';
+export declare const Checkbox: CheckboxFullType;

package/dist/components/Checkbox/index.js

@@ -0,0 +1,8 @@
+import { CheckboxComponent } from "./Checkbox.js";
+import { Group } from "./components/Group/Group.js";
+const CheckboxWithGroup = CheckboxComponent;
+CheckboxWithGroup.Group = Group;
+const Checkbox = CheckboxWithGroup;
+export {
+  Checkbox
+};

package/dist/components/ConfigProvider/ConfigProvider.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ConfigProviderProps } from './ConfigProvider.types';
+export declare const ConfigProvider: FC<ConfigProviderProps>;

package/dist/components/ConfigProvider/ConfigProvider.js

@@ -0,0 +1,17 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { useMemo } from "react";
+import { ConfigContext } from "./contexts/ConfigContext.js";
+const ConfigProviderComponent = (props) => {
+  const {
+    locale,
+    children
+  } = props;
+  const contextValue = useMemo(() => ({
+    locale
+  }), [locale]);
+  return /* @__PURE__ */ jsx(ConfigContext.Provider, { value: contextValue, children });
+};
+const ConfigProvider = ConfigProviderComponent;
+export {
+  ConfigProvider
+};

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

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+import { Locale } from './contexts';
+export interface ConfigProviderProps extends PropsWithChildren {
+    locale: Locale;
+}

package/dist/components/ConfigProvider/contexts/ConfigContext.d.ts

@@ -0,0 +1,2 @@
+import { ConfigContextProps } from './ConfigContext.types';
+export declare const ConfigContext: import('react').Context<ConfigContextProps>;

package/dist/components/ConfigProvider/contexts/ConfigContext.js

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+const ConfigContext = createContext({});
+export {
+  ConfigContext
+};

package/dist/components/ConfigProvider/contexts/ConfigContext.types.d.ts

@@ -0,0 +1,6 @@
+/** Расширяется в нужных компонентах */
+export interface Locale {
+}
+export interface ConfigContextProps {
+    locale?: Locale;
+}

package/dist/components/ConfigProvider/contexts/index.d.ts

@@ -0,0 +1 @@
+export type { Locale, ConfigContextProps } from './ConfigContext.types';

package/dist/components/ConfigProvider/hooks/useConfig/index.d.ts

@@ -0,0 +1 @@
+export { useConfig } from './useConfig';

package/dist/components/ConfigProvider/hooks/useConfig/useConfig.d.ts

@@ -0,0 +1,9 @@
+import { ConfigContextProps, Locale } from '../../contexts';
+type OmittedLocale = Omit<ConfigContextProps, "locale">;
+export declare function useConfig(componentName: keyof Locale): OmittedLocale & {
+    locale: Locale[keyof Locale];
+};
+export declare function useConfig(componentName?: keyof Locale): OmittedLocale & {
+    locale: Locale;
+};
+export {};

package/dist/components/ConfigProvider/hooks/useConfig/useConfig.js

@@ -0,0 +1,17 @@
+import { ConfigContext } from "../../contexts/ConfigContext.js";
+import { useContext } from "react";
+function useConfig(componentName) {
+  var _a;
+  const config = useContext(ConfigContext);
+  const locale = componentName ? (_a = config.locale) == null ? void 0 : _a[componentName] : config.locale;
+  if (!locale) {
+    throw new Error("no locale for components");
+  }
+  return {
+    ...config,
+    locale
+  };
+}
+export {
+  useConfig
+};

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

@@ -0,0 +1,3 @@
+export { ConfigProvider } from './ConfigProvider';
+export { useConfig } from './hooks/useConfig';
+export type { Locale, ConfigContextProps } from './contexts';

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

@@ -0,0 +1,4 @@
+import { ForwardRefExoticComponent, MemoExoticComponent, RefAttributes } from 'react';
+import { DatePickerProps, WithRangePicker } from './DatePicker.types';
+import { PickerRef } from 'rc-picker';
+export declare const DatePicker: MemoExoticComponent<ForwardRefExoticComponent<DatePickerProps & RefAttributes<PickerRef>>> & WithRangePicker;

package/dist/components/DatePicker/DatePicker.js

@@ -0,0 +1,13 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef, memo } from "react";
+import { RangePicker } from "./components/RangePicker/RangePicker.js";
+import { SinglePicker } from "../InternalPicker/pickers/SinglePicker/SinglePicker.js";
+import { defaultProps } from "./DatePicker.utils.js";
+const DatePickerComponent = forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(SinglePicker, { ...defaultProps, ref, ...props });
+});
+const DatePicker = memo(DatePickerComponent);
+DatePicker.RangePicker = RangePicker;
+export {
+  DatePicker
+};

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

@@ -0,0 +1,8 @@
+import { ComponentType } from 'react';
+import { RangePickerProps } from './components/RangePicker/RangePicker.types';
+import { SinglePickerProps } from '../InternalPicker';
+export interface DatePickerProps extends SinglePickerProps {
+}
+export interface WithRangePicker {
+    RangePicker: ComponentType<RangePickerProps>;
+}

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

@@ -0,0 +1,8 @@
+export declare const defaultProps: {
+    picker: "date";
+    suffixIcon: import("@emotion/react/jsx-runtime").JSX.Element;
+    superPrevIcon: import("@emotion/react/jsx-runtime").JSX.Element;
+    prevIcon: import("@emotion/react/jsx-runtime").JSX.Element;
+    nextIcon: import("@emotion/react/jsx-runtime").JSX.Element;
+    superNextIcon: import("@emotion/react/jsx-runtime").JSX.Element;
+};

package/dist/components/DatePicker/DatePicker.utils.js

@@ -0,0 +1,13 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { CalendarOutlined, DoubleLeftOutlined, LeftOutlined, RightOutlined, DoubleRightOutlined } from "@infomaximum/icons";
+const defaultProps = {
+  picker: "date",
+  suffixIcon: /* @__PURE__ */ jsx(CalendarOutlined, {}),
+  superPrevIcon: /* @__PURE__ */ jsx(DoubleLeftOutlined, {}),
+  prevIcon: /* @__PURE__ */ jsx(LeftOutlined, {}),
+  nextIcon: /* @__PURE__ */ jsx(RightOutlined, {}),
+  superNextIcon: /* @__PURE__ */ jsx(DoubleRightOutlined, {})
+};
+export {
+  defaultProps
+};

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

@@ -0,0 +1,4 @@
+import { ForwardRefExoticComponent, MemoExoticComponent, RefAttributes } from 'react';
+import { RangePickerProps } from './RangePicker.types';
+import { RangePickerRef } from 'rc-picker/lib/interface';
+export declare const RangePicker: MemoExoticComponent<ForwardRefExoticComponent<RangePickerProps & RefAttributes<RangePickerRef>>>;

package/dist/components/DatePicker/components/RangePicker/RangePicker.js

@@ -0,0 +1,11 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef, memo } from "react";
+import { RangePicker as RangePicker$1 } from "../../../InternalPicker/pickers/RangePicker/RangePicker.js";
+import { defaultProps } from "../../DatePicker.utils.js";
+const RangePickerComponent = forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(RangePicker$1, { ...defaultProps, ref, ...props });
+});
+const RangePicker = memo(RangePickerComponent);
+export {
+  RangePicker
+};

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

@@ -0,0 +1,3 @@
+import { RangePickerProps as InternalRangePickerProps } from '../../../InternalPicker';
+export interface RangePickerProps extends InternalRangePickerProps {
+}

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

@@ -0,0 +1,2 @@
+export { DatePicker } from './DatePicker';
+export type { DatePickerProps } from './DatePicker.types';

package/dist/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+import { DropdownProps } from './Dropdown.types';
+export declare const Dropdown: FC<PropsWithChildren<DropdownProps>>;

package/dist/components/Dropdown/Dropdown.js

@@ -0,0 +1,78 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { BaseTooltip } from "../BaseTooltip/BaseTooltip.js";
+import { withThemeProvider } from "../../hocs/withThemeProvider.js";
+import { memo, useState, useCallback } from "react";
+import { Menu } from "./components/Menu/Menu.js";
+import { isFunction } from "lodash-es";
+import { dropdownContext } from "./contexts/dropdownContext.js";
+import { useSubMenusController } from "./hooks/useSubMenusController.js";
+import { useSelectedKeysController } from "./hooks/useSelectedKeysController.js";
+import { useStepSubMenus } from "./hooks/useStepSubMenus.js";
+const DropdownComponent = memo(({
+  children,
+  menu,
+  dropdownMinWidth = 120,
+  dropdownMaxHeight = 414,
+  disabled = false,
+  loading = false,
+  menuPlaceholder,
+  emptySearchPlaceholder,
+  open,
+  placement = "bottomLeft",
+  trigger = ["click"],
+  dropdownRender,
+  onOpenChange,
+  ...baseProps
+}) => {
+  const items = (menu == null ? void 0 : menu.items) ?? [];
+  const [isOpen, setIsOpen] = useState(open ?? (disabled ? false : void 0));
+  const closeDropdown = useCallback(() => {
+    setIsOpen(false);
+    setTimeout(() => setIsOpen(void 0));
+  }, []);
+  const subMenusController = useSubMenusController();
+  const selectedKeysController = useSelectedKeysController({
+    defaultSelectedKeys: menu == null ? void 0 : menu.defaultSelectedKeys,
+    selectedKeys: menu == null ? void 0 : menu.selectedKeys,
+    multiple: (menu == null ? void 0 : menu.multiple) ?? true,
+    onClick: menu == null ? void 0 : menu.onClick,
+    onDeselect: menu == null ? void 0 : menu.onClick,
+    onSelect: menu == null ? void 0 : menu.onClick
+  });
+  const {
+    currentStep,
+    changeStep,
+    returnToPrevStep,
+    resetSteps
+  } = useStepSubMenus();
+  const handleOpenChange = (open2) => {
+    resetSteps();
+    subMenusController.closeAllSubMenus();
+    onOpenChange == null ? void 0 : onOpenChange(open2);
+  };
+  const menuElement = (menu == null ? void 0 : menu.subMenuOpen) === "overflow" ? /* @__PURE__ */ jsx(Menu, { ...menu, items, withSearch: !!(menu == null ? void 0 : menu.search), menuPlaceholder, emptySearchPlaceholder }) : /* @__PURE__ */ jsx(Menu, { ...menu, items: (currentStep == null ? void 0 : currentStep.children) ?? items, title: currentStep == null ? void 0 : currentStep.label, withSearch: !!(menu == null ? void 0 : menu.search), menuPlaceholder, emptySearchPlaceholder });
+  const floatingElement = isFunction(dropdownRender) ? dropdownRender(menuElement) : menuElement;
+  const providerValue = {
+    ...menu,
+    ...subMenusController,
+    ...selectedKeysController,
+    selectedKeys: selectedKeysController.currentSelectedKey,
+    minWidth: dropdownMinWidth,
+    maxHeight: dropdownMaxHeight,
+    autoAdjustOverflow: baseProps.autoAdjustOverflow ?? true,
+    currentStep,
+    loading,
+    menuPlaceholder,
+    emptySearchPlaceholder,
+    multiple: (menu == null ? void 0 : menu.multiple) ?? true,
+    selectable: (menu == null ? void 0 : menu.selectable) ?? false,
+    changeStep,
+    returnToPrevStep,
+    closeDropdown
+  };
+  return /* @__PURE__ */ jsx(dropdownContext.Provider, { value: providerValue, children: /* @__PURE__ */ jsx(BaseTooltip, { ...baseProps, open: isOpen, placement, trigger, floatingElement, withArrow: false, onOpenChange: handleOpenChange, children }) });
+});
+const Dropdown = withThemeProvider(DropdownComponent);
+export {
+  Dropdown
+};

package/dist/components/Dropdown/Dropdown.tokens.d.ts

@@ -0,0 +1,13 @@
+import { Theme } from 'themes';
+export declare const getDropdownTokens: (theme: Theme) => {
+    dropdownItemText: "#262626";
+    dropdownItemTextSelected: "#0CB3B3";
+    dropdownItemTextDisabled: "#8C8C8C";
+    dropdownItemTextExtra: "#8C8C8C";
+    dropdownItemTextTitle: "#8C8C8C";
+    dropdownItemBgHover: "#F5F5F5";
+    dropdownItemDivider: "#E5E5E5";
+    dropdownItemPaddingVertical: 4;
+    dropdownItemPaddingHorizontal: 8;
+};
+export type DropdownTokensType = ReturnType<typeof getDropdownTokens>;

package/dist/components/Dropdown/Dropdown.tokens.js

@@ -0,0 +1,14 @@
+const getDropdownTokens = (theme) => ({
+  dropdownItemText: theme.textPrimary,
+  dropdownItemTextSelected: theme.primaryBase,
+  dropdownItemTextDisabled: theme.textDisabled,
+  dropdownItemTextExtra: theme.textSecondary,
+  dropdownItemTextTitle: theme.textSecondary,
+  dropdownItemBgHover: theme.bgContainerHover,
+  dropdownItemDivider: theme.lineDivider,
+  dropdownItemPaddingVertical: theme.x1,
+  dropdownItemPaddingHorizontal: theme.x2
+});
+export {
+  getDropdownTokens
+};

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

@@ -0,0 +1,98 @@
+import { BaseTooltipProps } from '../BaseTooltip/BaseTooltip.types';
+import { CSSProperties, MouseEvent, ReactNode } from 'react';
+import { Theme } from '../../themes';
+import { DropdownSubMenuTrigger } from './components/SubMenu/SubMenu.types';
+type ExcludedFields = "floatingElement" | "arrowColor" | "withArrow" | "defaultOpen" | "mouseEnterDelay" | "mouseLeaveDelay" | "trigger" | "placement";
+export type DropdownPlacement = "bottom" | "bottomLeft" | "bottomRight" | "top" | "topLeft" | "topRight";
+export type DropdownTrigger = "click" | "hover" | "contextMenu";
+export type ItemType = MenuItem | GroupType | Divider | SubMenuType;
+export interface DropdownMenu {
+    items: ItemType[];
+    inlineIndent?: number;
+    selectable?: boolean;
+    multiple?: boolean;
+    defaultSelectedKeys?: string[];
+    selectedKeys?: string[];
+    menuPlaceholder?: ReactNode;
+    emptySearchPlaceholder?: ReactNode;
+    search?: boolean;
+    subMenuOpen?: "overflow" | "step";
+    subMenuCloseDelay?: number;
+    subMenuOpenDelay?: number;
+    forceSubMenuRender?: boolean;
+    triggerSubMenuAction?: DropdownSubMenuTrigger;
+    styles?: {
+        wrapper: (theme: Theme) => CSSProperties;
+    };
+    onClick?: (props: {
+        item: ItemType;
+        key: string;
+        e: MouseEvent;
+    }) => void;
+    onSelect?: (props: {
+        item: ItemType;
+        key: string;
+        e: MouseEvent;
+    }) => void;
+    onDeselect?: (props: {
+        item: ItemType;
+        key: string;
+        e: MouseEvent;
+    }) => void;
+    onOpenChange?: (openKeys: string[]) => void;
+}
+export interface DropdownProps extends Omit<BaseTooltipProps, ExcludedFields> {
+    menu?: DropdownMenu;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    destroyDropdownOnHide?: boolean;
+    dropdownMaxHeight?: number;
+    dropdownMinWidth?: number;
+    className?: string;
+    placement?: DropdownPlacement;
+    trigger?: DropdownTrigger[];
+    menuPlaceholder?: ReactNode;
+    emptySearchPlaceholder?: ReactNode;
+    loading?: boolean;
+    dropdownRender?: (menu: ReactNode) => ReactNode;
+}
+export interface MenuItem {
+    disabled?: boolean;
+    extra?: ReactNode;
+    icon?: ReactNode;
+    key: string;
+    label?: ReactNode;
+}
+export interface GroupType {
+    type: "group";
+    children: ItemType[];
+    label?: ReactNode;
+    icon?: ReactNode;
+    key?: string;
+}
+export interface Divider {
+    type: "divider";
+}
+export interface GetMenuBySchemaParams {
+    schema: ItemType[];
+    selectedKeys: string[];
+    selectable: boolean;
+    onClick: (itemKey: string, item: ItemType, e: MouseEvent) => void;
+    clearSearchValue: () => void;
+}
+export interface SubMenuType {
+    children: ItemType[];
+    disabled?: boolean;
+    icon?: ReactNode;
+    key: string;
+    label?: ReactNode;
+    onClick?: ({ key, e }: {
+        key: string;
+        e: MouseEvent;
+    }) => void;
+}
+export declare const isSubMenu: (item: ItemType) => item is SubMenuType;
+export declare const isMenuItem: (item: ItemType) => item is MenuItem;
+export declare const isGroupType: (item: ItemType) => item is GroupType;
+export declare const isDivider: (item: ItemType) => item is Divider;
+export {};

package/dist/components/Dropdown/Dropdown.types.js

@@ -0,0 +1,30 @@
+const isSubMenu = (item) => {
+  if ("type" in item || !("children" in item)) {
+    return false;
+  }
+  return true;
+};
+const isMenuItem = (item) => {
+  if ("type" in item || "children" in item) {
+    return false;
+  }
+  return true;
+};
+const isGroupType = (item) => {
+  if ("type" in item && item.type === "group") {
+    return true;
+  }
+  return false;
+};
+const isDivider = (item) => {
+  if ("type" in item && item.type === "divider") {
+    return true;
+  }
+  return false;
+};
+export {
+  isDivider,
+  isGroupType,
+  isMenuItem,
+  isSubMenu
+};

package/dist/components/Dropdown/Dropdown.utils.d.ts

@@ -0,0 +1,4 @@
+import { DropdownMenu, GetMenuBySchemaParams } from './Dropdown.types';
+export declare const getMenuBySchema: ({ schema, selectedKeys, selectable, onClick, clearSearchValue, }: GetMenuBySchemaParams) => import("@emotion/react/jsx-runtime").JSX.Element[];
+export declare const menuData: DropdownMenu;
+export declare const subMenuData: DropdownMenu;

package/dist/components/Dropdown/Dropdown.utils.js

@@ -0,0 +1,40 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { createElement } from "@emotion/react";
+import "@infomaximum/icons";
+import { Divider } from "./components/Divider/Divider.js";
+import { Group } from "./components/Group/Group.js";
+import { Item } from "./components/Item/Item.js";
+import { isGroupType, isSubMenu, isDivider } from "./Dropdown.types.js";
+import { SubMenu } from "./components/SubMenu/SubMenu.js";
+const getMenuBySchema = ({
+  schema,
+  selectedKeys,
+  selectable,
+  onClick,
+  clearSearchValue
+}) => {
+  const content = schema.map((item, index) => {
+    if (isGroupType(item)) {
+      return /* @__PURE__ */ createElement(Group, { ...item, selectedKeys, onClick, key: item.key, clearSearchValue });
+    }
+    if (isSubMenu(item)) {
+      return /* @__PURE__ */ createElement(SubMenu, { ...item, itemKey: item.key, key: item.key, clearSearchValue });
+    }
+    if (isDivider(item)) {
+      return /* @__PURE__ */ jsx(Divider, {}, `divider-${index}`);
+    }
+    const selected = selectedKeys.includes(item.key);
+    const handleClick = (e) => {
+      e.stopPropagation();
+      if (item.disabled || !selectable) {
+        return;
+      }
+      onClick(item.key, item, e);
+    };
+    return /* @__PURE__ */ createElement(Item, { ...item, selected, onClick: handleClick, key: item.key });
+  });
+  return content;
+};
+export {
+  getMenuBySchema
+};

package/dist/components/Dropdown/components/Divider/Divider.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Divider: FC;