@dxtmisha/constructor 0.23.0

package/src/constructors/Field/basicTypes.ts

@@ -0,0 +1,90 @@
+import type { ConstrBind } from '@dxtmisha/functional'
+
+import type { IconPropsBasic } from '../Icon'
+import type { FieldMessagePropsBasic } from '../FieldMessage'
+import type { FieldLabelPropsBasic } from '../FieldLabel'
+import type { FieldCounterPropsBasic } from '../FieldCounter'
+import type { ProgressPropsBasic } from '../Progress'
+
+import type { FieldPropsBasic } from './props'
+import type { FieldSlots } from './types'
+
+/**
+ * Control data passed to slots and subcomponents/
+ * Данные управления, передаваемые в слоты и под-компоненты
+ */
+export type FieldControl = {
+  /**
+   * Unique element identifier for binding label and input/
+   * Уникальный идентификатор элемента для связывания label и input
+   */
+  id: string
+  /**
+   * CSS classes for the visible input area/
+   * CSS-классы для видимой зоны ввода
+   */
+  className: string
+  /**
+   * CSS classes for the hidden native input element/
+   * CSS-классы для скрытого нативного элемента ввода
+   */
+  classHidden: string
+}
+
+/**
+ * Interface for describing which components need to be connected for Field work/
+ * Интерфейс для описания, какие компоненты надо подключить для работы Field
+ */
+export type FieldComponentInclude = {
+  field: object
+}
+
+/**
+ * Type describing available slots for Field/
+ * Тип, описывающий доступные слоты для Field
+ */
+export interface FieldSlotsInclude extends Omit<FieldSlots, 'default'> {
+}
+
+/**
+ * Properties that can be passed to FieldInclude/
+ * Свойства, которые можно передать в FieldInclude
+ */
+export interface FieldPropsInclude<
+  Icon extends IconPropsBasic = IconPropsBasic,
+  Field extends FieldPropsBasic = FieldPropsBasic,
+  FieldLabel extends FieldLabelPropsBasic = FieldLabelPropsBasic,
+  FieldMessage extends FieldMessagePropsBasic = FieldMessagePropsBasic,
+  FieldCounter extends FieldCounterPropsBasic = FieldCounterPropsBasic,
+  Progress extends ProgressPropsBasic = ProgressPropsBasic
+> extends Omit<
+  FieldPropsBasic<Icon, FieldLabel, FieldMessage, FieldCounter, Progress>,
+  // Status
+  'disabledPrevious'
+  | 'disabledNext'
+
+  // Value
+  | 'to'
+  | 'value'
+  | 'maxlength'
+
+  // Style
+  | 'counter'
+  | 'counterTemplate'
+  | 'counterTop'
+  | 'iconArrowLeft'
+  | 'iconArrowRight'
+  | 'iconPlus'
+  | 'iconMinus'
+  | 'iconClose'
+> {
+  // Status
+  focus?: boolean
+  selected?: boolean
+  readonly?: boolean
+  disabled?: boolean
+
+  // Style
+  cancel?: 'auto' | 'always'
+  fieldAttrs?: ConstrBind<Field>
+}

package/src/constructors/Field/index.ts

@@ -0,0 +1,5 @@
+export * from './Field'
+export * from './FieldDesign'
+export * from './props'
+export * from './types'
+export * from './basicTypes'

package/src/constructors/Field/properties.json

@@ -0,0 +1,86 @@
+{
+  "padding": {
+    "_type": "var"
+  },
+  "space": {
+    "_type": "var"
+  },
+  "height": {
+    "_type": "var"
+  },
+  "border-width": {
+    "_type": "var"
+  },
+  "border-color": {
+    "_type": "var"
+  },
+  "border-opacity": {
+    "_type": "var"
+  },
+  "border-radius": {
+    "_type": "var"
+  },
+  "focusWithin": {
+    "_type": "var"
+  },
+  "validation": {
+    "_type": "var"
+  },
+  "#body": {
+    "#input": {},
+    "#title": {
+      "#label": {
+        "#text": {}
+      }
+    },
+    "#scoreboard": {
+      "#left": {},
+      "#right": {},
+      "#space": {},
+      "#input": {}
+    },
+    "#border": {}
+  },
+  "#required": {},
+  "focus": {},
+  "active": {},
+  "~selected": {},
+  "readonly": {},
+  "disabled": {},
+  "~block": {},
+  "~isValue": {},
+  "~basic": {
+    "_category": "style"
+  },
+  "~boxed": {
+    "_category": "style"
+  },
+  "~tonal": {
+    "_category": "style"
+  },
+  "~filled": {
+    "_category": "style"
+  },
+  "~outlined": {
+    "_category": "style"
+  },
+  "~classic": {
+    "_category": "style"
+  },
+  "~arrowCarousel": {},
+  "~arrowStepper": {},
+  "~cancel": {
+    "~auto": {},
+    "~always": {},
+    "_default": "auto"
+  },
+  "~align": {
+    "~center": {},
+    "~right": {},
+    "~left": {},
+    "_default": "center"
+  },
+  "~width": {
+    "_style": true
+  }
+}

package/src/constructors/Field/props.ts

@@ -0,0 +1,88 @@
+import type { PrefixProps } from '../../types/prefixTypes'
+import type { SuffixProps } from '../../types/suffixTypes'
+import type { CaptionProps } from '../../types/captionTypes'
+import type { EnabledProps } from '../../types/enabledTypes'
+import type { EventClickProps } from '../../types/eventClickTypes'
+
+import type { IconPropsBasic, IconTrailingPropsInclude, IconValue } from '../Icon'
+import type { ProgressPropsBasic, ProgressPropsInclude } from '../Progress'
+import type { FieldLabelPropsBasic, FieldLabelPropsInclude } from '../FieldLabel'
+import type { FieldCounterPropsBasic } from '../FieldCounter'
+import type { FieldMessagePropsBasic, FieldMessagePropsInclude } from '../FieldMessage'
+import type { SkeletonPropsInclude } from '../Skeleton'
+
+interface FieldPropsToken {
+  // :type [!] System label / Системная метка
+  focus?: boolean
+  disabled?: boolean
+  selected?: boolean
+  readonly?: boolean
+  block?: boolean
+  isValue?: boolean
+  basic?: boolean
+  boxed?: boolean
+  tonal?: boolean
+  filled?: boolean
+  outlined?: boolean
+  classic?: boolean
+  arrowCarousel?: boolean
+  arrowStepper?: boolean
+  cancel?: 'auto' | 'always'
+  align?: 'center' | 'right' | 'left'
+  width?: string | 'custom'
+  // :type [!] System label / Системная метка
+}
+
+export interface FieldPropsBasic<
+  Icon extends IconPropsBasic = IconPropsBasic,
+  FieldLabel extends FieldLabelPropsBasic = FieldLabelPropsBasic,
+  FieldMessage extends FieldMessagePropsBasic = FieldMessagePropsBasic,
+  FieldCounter extends FieldCounterPropsBasic = FieldCounterPropsBasic,
+  Progress extends ProgressPropsBasic = ProgressPropsBasic
+> extends IconTrailingPropsInclude<Icon>,
+  PrefixProps,
+  SuffixProps,
+  CaptionProps,
+  FieldLabelPropsInclude<FieldLabel, FieldCounter>,
+  FieldMessagePropsInclude<FieldMessage, FieldCounter>,
+  ProgressPropsInclude<Progress>,
+  EnabledProps,
+  EventClickProps,
+  SkeletonPropsInclude {
+  // Status
+  disabledPrevious?: boolean
+  disabledNext?: boolean
+
+  // Style
+  counterTop?: boolean
+
+  cancelShow?: boolean
+
+  iconArrowLeft?: IconValue<Icon>
+  iconArrowRight?: IconValue<Icon>
+  iconPlus?: IconValue<Icon>
+  iconMinus?: IconValue<Icon>
+  iconClose?: IconValue<Icon>
+}
+
+/**
+ * Type describing incoming properties.
+ *
+ * Тип, описывающий входящие свойства.
+ */
+export interface FieldProps extends FieldPropsBasic, FieldPropsToken {
+}
+
+/**
+ * Default value for property.
+ *
+ * Значение по умолчанию для свойства.
+ */
+export const defaultsField = {
+  ...{
+    // :default [!] System label / Системная метка
+    cancel: 'auto',
+    align: 'center'
+    // :default [!] System label / Системная метка
+  }
+}