@infomaximum/ui-kit 0.9.1

package/dist/components/InternalPicker/pickers/SinglePicker/SinglePicker.utils.js

@@ -0,0 +1,102 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { CloseCircleFilled } from "@infomaximum/icons";
+import dayjsGenerateConfig from "rc-picker/es/generate/dayjs.js";
+import { upperFirst, isUndefined, isNull, isNumber } from "lodash-es";
+import dayjs from "dayjs";
+const fieldQuarterFormat = "Q-YYYY";
+const cellQuarterFormat = "Q";
+const toRoman = (num) => {
+  const romans = ["I", "II", "III", "IV"];
+  return romans[num - 1] || String(num);
+};
+const replaceQWithRoman = (format, formattedValue) => {
+  if (format !== fieldQuarterFormat && format !== cellQuarterFormat) {
+    return formattedValue;
+  }
+  const quarter = Number(formattedValue[0]);
+  if (!isNumber(quarter)) {
+    return formattedValue;
+  }
+  const romanQuarter = toRoman(quarter);
+  return formattedValue.replace(String(quarter), romanQuarter);
+};
+const localeMap = {
+  en_US: "en"
+};
+const parseLocale = (locale) => {
+  const mapLocale = localeMap[locale];
+  return mapLocale || locale.split("_")[0];
+};
+const generateConfig = {
+  ...dayjsGenerateConfig,
+  locale: {
+    ...dayjsGenerateConfig.locale,
+    format: (locale, date, format) => {
+      const parsedLocale = parseLocale(locale);
+      const formattedValue = date.locale(parsedLocale).format(format);
+      if (parsedLocale !== "ru" || !format.includes("Q")) {
+        return formattedValue;
+      }
+      return replaceQWithRoman(format, formattedValue);
+    },
+    getShortWeekDays: (locale) => {
+      const parsedLocale = parseLocale(locale);
+      const weekdayNames = dayjs().locale(parsedLocale).localeData().weekdaysMin();
+      if (parsedLocale === "ru") {
+        return weekdayNames.map(upperFirst);
+      }
+      return weekdayNames;
+    },
+    getShortMonths: (locale) => {
+      const parsedLocale = parseLocale(locale);
+      const monthNames = dayjs().locale(parsedLocale).localeData().monthsShort();
+      if (parsedLocale === "ru") {
+        return monthNames.map((month) => upperFirst(month).slice(0, 3));
+      }
+      return monthNames;
+    }
+  }
+};
+const defaultProps = {
+  allowClear: {
+    clearIcon: /* @__PURE__ */ jsx(CloseCircleFilled, {})
+  },
+  generateConfig
+};
+const defaultFormats = {
+  dateTime: "DD.MM.YYYY, HH:mm:ss",
+  date: "DD.MM.YYYY",
+  week: "w-YYYY",
+  month: "MM.YYYY",
+  quarter: fieldQuarterFormat
+};
+const getFormatByPicker = (picker, showTime) => {
+  const isDatePicker = isUndefined(picker) || picker === "date";
+  if (isDatePicker && showTime) {
+    return defaultFormats["dateTime"];
+  }
+  if (isDatePicker) {
+    return defaultFormats["date"];
+  }
+  if (picker === "week") {
+    return defaultFormats["week"];
+  }
+  if (picker === "month") {
+    return defaultFormats["month"];
+  }
+};
+const getSinglePlaceholder = (locale, picker, placeholder) => {
+  if (placeholder) {
+    return placeholder;
+  }
+  if (isNull(placeholder) || !picker) {
+    return;
+  }
+  return locale[`${picker}Placeholder`];
+};
+export {
+  defaultFormats,
+  defaultProps,
+  getFormatByPicker,
+  getSinglePlaceholder
+};

package/dist/components/InternalPicker/pickers/SinglePicker/index.d.ts

@@ -0,0 +1,3 @@
+export { SinglePicker } from './SinglePicker';
+export type { SinglePickerProps } from './SinglePicker.types';
+export { defaultProps } from './SinglePicker.utils';

package/dist/components/InternalPicker/pickers/hooks/useComponents/index.d.ts

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

package/dist/components/InternalPicker/pickers/hooks/useComponents/useComponents.d.ts

@@ -0,0 +1,8 @@
+import { UseComponentsOptions } from './useComponents.types';
+import { Dayjs } from 'dayjs';
+export declare const useComponents: (options: UseComponentsOptions) => {
+    components: Partial<Record<import('rc-picker/lib/interface').InternalMode, import('react').ComponentType<import('rc-picker/lib/interface').SharedPanelProps<Dayjs>>> & {
+        button?: React.ComponentType<any> | string;
+        input?: React.ComponentType<any> | string;
+    }> | undefined;
+};

package/dist/components/InternalPicker/pickers/hooks/useComponents/useComponents.js

@@ -0,0 +1,18 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { useMemo } from "react";
+import { Button } from "../../../../Button/Button.js";
+const useComponents = (options) => {
+  const {
+    components: componentsProp
+  } = options;
+  const components = useMemo(() => ({
+    button: (props) => /* @__PURE__ */ jsx(Button, { type: "primary", ...props }),
+    ...componentsProp
+  }), [componentsProp]);
+  return {
+    components
+  };
+};
+export {
+  useComponents
+};

package/dist/components/InternalPicker/pickers/hooks/useComponents/useComponents.types.d.ts

@@ -0,0 +1,5 @@
+import { Dayjs } from 'dayjs';
+import { SharedPickerProps } from 'rc-picker/lib/interface';
+export interface UseComponentsOptions {
+    components: SharedPickerProps<Dayjs>["components"];
+}

package/dist/components/InternalPicker/pickers/index.d.ts

@@ -0,0 +1,2 @@
+export { SinglePicker, type SinglePickerProps } from './SinglePicker';
+export { RangePicker, type RangePickerProps } from './RangePicker';