@cloud-ru/uikit-product-mobile-fields 0.11.24

package/src/types/index.ts

@@ -0,0 +1,2 @@
+export * from './allFields';
+export * from './dateFields';

package/src/utils/adaptiveField.tsx

@@ -0,0 +1,19 @@
+import { ComponentType, forwardRef, RefAttributes } from 'react';
+
+import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
+
+export function getAdaptiveFieldProps<T extends WithLayoutType<{ autoFocus?: boolean }>>({ layoutType, autoFocus }: T) {
+  const isMobile = layoutType === 'mobile';
+
+  return {
+    autoFocus: isMobile ? false : autoFocus,
+  };
+}
+
+export function withAdaptiveField<TProps extends { autoFocus?: boolean }, TRef = undefined>(
+  Component: ComponentType<TProps & RefAttributes<TRef>>,
+) {
+  return forwardRef<TRef, WithLayoutType<TProps>>(function WithAdaptiveField(props, ref) {
+    return <Component {...props} {...getAdaptiveFieldProps(props)} ref={ref} />;
+  });
+}

package/src/utils/dateFields.ts

@@ -0,0 +1,75 @@
+import { SLOT_ORDER, SlotKey, SLOTS } from '../constants';
+import { Mode, NoSecondsMode, TimeMode } from '../types';
+
+export function getSlotKeyFromIndexHandler(mode: Mode | TimeMode | NoSecondsMode) {
+  return (index: number | null): SlotKey | undefined => {
+    if (index !== null) {
+      for (const key in SLOTS[mode]) {
+        if (index >= SLOTS[mode][key].start && index <= SLOTS[mode][key].end) {
+          return key as SlotKey;
+        }
+      }
+    }
+
+    return undefined;
+  };
+}
+
+export function getNextSlotKeyHandler(mode: Mode | TimeMode | NoSecondsMode) {
+  const order = SLOT_ORDER[mode];
+
+  return (slotKey: SlotKey | undefined) => {
+    const defaultIndex = order.length - 1;
+    const defaultSLot = order[defaultIndex];
+    const currentIndex = order.indexOf(slotKey as SlotKey);
+    return currentIndex === -1 || currentIndex === defaultIndex ? defaultSLot : order[currentIndex + 1];
+  };
+}
+
+export function getPrevSlotKeyHandler(mode: Mode | TimeMode | NoSecondsMode) {
+  const order = SLOT_ORDER[mode];
+
+  return (slotKey: SlotKey | undefined) => {
+    const defaultIndex = 0;
+    const defaultSLot = order[defaultIndex];
+    const currentIndex = order.indexOf(slotKey as SlotKey);
+    return currentIndex === -1 || currentIndex === defaultIndex ? defaultSLot : order[currentIndex - 1];
+  };
+}
+
+const DATE_STUB = new Date();
+
+/**
+ * Преобразует строковое значение поля FieldDate в тип Date
+ * @function  helper
+ */
+export function parseDate(value: string) {
+  if (!value) {
+    return undefined;
+  }
+
+  const splittedValue = value.split(', ');
+  const date = splittedValue[0];
+  let time = splittedValue[1];
+
+  let [day, month, year] = date.split('.').map(Number);
+  month -= 1;
+
+  if (date.includes(':')) {
+    time = date;
+  }
+
+  if (time) {
+    if (isNaN(year) || isNaN(month) || isNaN(day)) {
+      year = DATE_STUB.getFullYear();
+      month = DATE_STUB.getMonth();
+      day = DATE_STUB.getDay();
+    }
+
+    const [hours = 0, minutes = 0, seconds = 0] = time.split(':').map(str => Number(str ?? 0));
+
+    return new Date(year, month, day, hours, minutes, seconds);
+  }
+
+  return new Date(year, month, day);
+}

package/src/utils/getValidationState.ts

@@ -0,0 +1,6 @@
+import { VALIDATION_STATE } from '../constants';
+import { ValidationState } from '../types';
+
+export function getValidationState({ validationState, error }: { validationState?: ValidationState; error?: string }) {
+  return error ? VALIDATION_STATE.Error : (validationState ?? VALIDATION_STATE.Default);
+}