@semcore/bulk-textarea 17.0.0-prerelease.29 → 17.0.0-prerelease.30

package/CHANGELOG.md

@@ -2,12 +2,16 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [17.0.0] - 2026-02-27
+## [17.0.0] - 2026-03-09
 
 ### BREAK
 
 - New major version.
 
+### Fixed
+
+- Fixed types for `Bulktextarea.InputField`.
+
 ## [16.6.2] - 2025-11-17
 
 ### Changed

package/lib/cjs/BulkTextarea.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"BulkTextarea.types.js","names":[],"sources":["../../src/BulkTextarea.types.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type Button from '@semcore/button';\nimport type { Intergalactic } from '@semcore/core';\n\nimport type { CounterProps } from './components/Counter';\nimport type { ErrorsNavigationProps } from './components/ErrorsNavigation';\nimport type { InputFieldProps } from './components/InputField/InputField';\n\nexport type BulkTextareaProps<T extends string | string[]> = {\n  /** The current value */\n  value?: InputFieldProps<T>['value'];\n  /** Callback triggered when the onBlur event is emmited */\n  onChange?: InputFieldProps<T>['onBlur'];\n  /** Placeholder text */\n  placeholder?: InputFieldProps<T>['placeholder'];\n  /** Component size */\n  size?: InputFieldProps<T>['size'];\n  /** State for show errors or valid(green) borders */\n  state?: InputFieldProps<T>['state'];\n  /** Defines whether the textarea is disabled */\n  disabled?: InputFieldProps<T>['disabled'];\n  /** Defines whether the textarea is readonly */\n  readonly?: InputFieldProps<T>['readonly'];\n  /** Minimum number of rows to display */\n  minRows?: InputFieldProps<T>['minRows'];\n  /** Maximum number of rows to display */\n  maxRows?: InputFieldProps<T>['maxRows'];\n  /** An event when a validation occurs */\n  validateOn?: InputFieldProps<T>['validateOn'];\n  /** A function to valide the line */\n  lineValidation?: InputFieldProps<T>['lineValidation'];\n  /** Line delimeters */\n  linesDelimiters?: InputFieldProps<T>['linesDelimiters'];\n  /** Defines the props for paste action */\n  pasteProps?: InputFieldProps<T>['pasteProps'];\n  /** Maximum number of allowed lines/values */\n  maxLines?: InputFieldProps<T>['maxLines'];\n  /** Function to process individual lines during input */\n  lineProcessing?: InputFieldProps<T>['lineProcessing'];\n  /** List of errors */\n  errors?: InputFieldProps<T>['errors'];\n  /** Defines whether to show errors or not */\n  showErrors?: boolean;\n  /** Internal */\n  onErrorsChange?: InputFieldProps<T>['onErrorsChange'];\n  /** Internal */\n  onShowErrorsChange?: InputFieldProps<T>['onShowErrorsChange'];\n  /** Internal */\n  onImmediatelyChange?: InputFieldProps<T>['onImmediatelyChange'];\n};\n\ntype BulkTextareaComponent = (<T extends string | string[]>(\n  props: Intergalactic.InternalTypings.ComponentProps<\n    'div',\n    'div',\n    BoxProps & BulkTextareaProps<T>\n  >,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\nIntergalactic.InternalTypings.ComponentAdditive<'div', 'div', {}>;\n\nexport type BulkTextareaType<T extends string | string[]> = BulkTextareaComponent & {\n  InputField: Intergalactic.Component<\n    'div',\n    Pick<InputFieldProps<T>, 'commonErrorMessage' | 'id'> & Partial<BulkTextareaProps<T>> & BoxProps\n  >;\n  Counter: Intergalactic.Component<'div', Partial<CounterProps>>;\n  ClearAll: typeof Button;\n  ErrorsNavigation: Intergalactic.Component<'div', Partial<ErrorsNavigationProps>>;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"BulkTextarea.types.js","names":[],"sources":["../../src/BulkTextarea.types.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type Button from '@semcore/button';\nimport type { Intergalactic } from '@semcore/core';\n\nimport type { CounterProps } from './components/Counter';\nimport type { ErrorsNavigationProps } from './components/ErrorsNavigation';\nimport type { InputFieldProps } from './components/InputField/InputField';\nimport type { PasteProps } from './components/InputField/InputField.types';\n\nexport type BulkTextareaProps<T extends string | string[]> = {\n  /** The current value */\n  value?: InputFieldProps<T>['value'];\n  /** Callback triggered when the onBlur event is emmited */\n  onChange?: InputFieldProps<T>['onBlur'];\n  /** Placeholder text */\n  placeholder?: InputFieldProps<T>['placeholder'];\n  /** Component size */\n  size?: InputFieldProps<T>['size'];\n  /** State for show errors or valid(green) borders */\n  state?: InputFieldProps<T>['state'];\n  /** Defines whether the textarea is disabled */\n  disabled?: InputFieldProps<T>['disabled'];\n  /** Defines whether the textarea is readonly */\n  readonly?: InputFieldProps<T>['readonly'];\n  /** Minimum number of rows to display */\n  minRows?: InputFieldProps<T>['minRows'];\n  /** Maximum number of rows to display */\n  maxRows?: InputFieldProps<T>['maxRows'];\n  /** An event when a validation occurs */\n  validateOn?: InputFieldProps<T>['validateOn'];\n  /** A function to valide the line */\n  lineValidation?: InputFieldProps<T>['lineValidation'];\n  /** Line delimeters */\n  linesDelimiters?: InputFieldProps<T>['linesDelimiters'];\n  /** Defines the props for paste action */\n  pasteProps?: InputFieldProps<T>['pasteProps'];\n  /** Maximum number of allowed lines/values */\n  maxLines?: InputFieldProps<T>['maxLines'];\n  /** Function to process individual lines during input */\n  lineProcessing?: InputFieldProps<T>['lineProcessing'];\n  /** List of errors */\n  errors?: InputFieldProps<T>['errors'];\n  /** Defines whether to show errors or not */\n  showErrors?: InputFieldProps<T>['showErrors'];\n  /** Internal */\n  onErrorsChange?: InputFieldProps<T>['onErrorsChange'];\n  /** Internal */\n  onShowErrorsChange?: InputFieldProps<T>['onShowErrorsChange'];\n  /** Internal */\n  onImmediatelyChange?: InputFieldProps<T>['onImmediatelyChange'];\n};\n\ntype BulkTextareaComponent = (<T extends string | string[]>(\n  props: Intergalactic.InternalTypings.ComponentProps<\n    'div',\n    'div',\n    BoxProps & BulkTextareaProps<T>\n  >,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\nIntergalactic.InternalTypings.ComponentAdditive<'div', 'div', {}>;\n\nexport type BulkTextareaInputFieldProps<T extends string | string[] = string | string[]> = BoxProps & {\n  /**\n   * Unique id\n   */\n  id?: string;\n  /**\n   * Placeholder for field\n   */\n  placeholder?: string;\n  /**\n   * String to render in textarea. OnChanging value, it will go throw paste pipeline\n   */\n  value?: T;\n  /**\n   * This component doesn't have default onChange callback, because we think that you need only the result after every changes/fixes\n   */\n  onBlur?: (value: T, e: Event) => void;\n  /**\n   * Size of component\n   * @default m\n   */\n  size?: 'm' | 'l';\n  /**\n   * State for show errors or valid(green) borders\n   * @default normal\n   */\n  state?: 'normal' | 'valid' | 'invalid';\n  /**\n   * Flag for disabling field\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * Flag for readonly field\n   * @default false\n   */\n  readonly?: boolean;\n  /**\n   * Min rows\n   * @default 2\n   */\n  minRows?: number;\n  /**\n   * Max rows\n   * @default 10\n   */\n  maxRows?: number;\n  /**\n   * List of available points to validate value\n   * @default blur\n   */\n  validateOn?: ('blur' | 'blurLine' | 'paste')[];\n  /**\n   * Function to validate line\n   */\n  lineValidation?: (line: string, lines: string[]) => { isValid: boolean; errorMessage: string };\n  /**\n   * Message for display error about whole field, not only one line.\n   * If set empty string, field will not have invalid state.\n   */\n  commonErrorMessage: string;\n  /**\n   * Delimiters (event.key) for lines\n   * @default Enter\n   */\n  linesDelimiters?: string[];\n  /**\n   * Count of max lines in badge\n   * @default 100\n   */\n  maxLines?: number;\n  /**\n   * Paste props\n   */\n  pasteProps?: PasteProps;\n  /**\n   * Function for process line after it was blurred\n   */\n  lineProcessing?: (line: string, lines: string[]) => string;\n};\n\nexport type BulkTextareaType<T extends string | string[]> = BulkTextareaComponent & {\n  InputField: Intergalactic.Component<\n    'div',\n    BulkTextareaInputFieldProps<T>\n  >;\n  Counter: Intergalactic.Component<'div', Partial<CounterProps>>;\n  ClearAll: typeof Button;\n  ErrorsNavigation: Intergalactic.Component<'div', Partial<ErrorsNavigationProps>>;\n};\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/components/InputField/InputField.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputField.types.js","names":[],"sources":["../../../../src/components/InputField/InputField.types.ts"],"sourcesContent":["type PasteProps = {\n  /**\n   * @default '\\n'\n   */\n  delimiter?: string | RegExp;\n  /**\n   * @default row.trim();\n   */\n  lineProcessing?: (line: string, lineIndex: number, totalLinesCount: number) => string;\n  /**\n   * @default true\n   */\n  skipEmptyLines?: boolean;\n};\n\nexport type ErrorItem = {\n  lineIndex: number;\n  lineNode?: Node;\n  errorMessage: string;\n};\n\nexport type InputFieldProps<T extends string | string[]> = {\n  /**\n   * Unique id\n   */\n  id?: string;\n\n  /**\n   * Placeholder for field\n   */\n  placeholder?: string;\n  /**\n   * String to render in textarea. OnChanging value, it will go throw paste pipeline\n   */\n  value: T;\n  /**\n   * This component doesn't have default onChange callback, because we think that you need only the result after every changes/fixes\n   */\n  onBlur: (value: T, e: Event) => void;\n\n  /**\n   * Size of component\n   * @default m\n   */\n  size: 'm' | 'l';\n  /**\n   * State for show errors or valid(green) borders\n   * @default normal\n   */\n  state: 'normal' | 'valid' | 'invalid';\n\n  /**\n   * Flag for disabling field\n   * @default false\n   */\n  disabled?: boolean;\n\n  /**\n   * Flag for readonly field\n   * @default false\n   */\n  readonly?: boolean;\n\n  /**\n   * Min rows\n   * @default 2\n   */\n  minRows: number;\n  /**\n   * Max rows\n   * @default 10\n   */\n  maxRows: number;\n\n  /**\n   * List of available points to validate value\n   * @default blur\n   */\n  validateOn: ('blur' | 'blurLine' | 'paste')[];\n\n  /**\n   * Function to validate line\n   */\n  lineValidation?: (line: string, lines: string[]) => { isValid: boolean; errorMessage: string };\n\n  /**\n   * Message for display error about whole field, not only one line.\n   * If set empty string, field will not have invalid state.\n   */\n  commonErrorMessage: string;\n\n  /**\n   * Delimiters (event.key) for lines\n   * @default Enter\n   */\n  linesDelimiters?: string[];\n\n  /**\n   * Count of max lines in badge\n   * @default 100\n   */\n  maxLines: number;\n\n  /**\n   * Paste props\n   */\n  pasteProps: PasteProps;\n\n  /**\n   * Function for process line after it was blurred\n   */\n  lineProcessing?: (line: string, lines: string[]) => string;\n\n  /**\n   * Internal\n   */\n  prevError: ErrorItem;\n\n  /**\n   * Internal\n   */\n  currentLineIndex: number;\n\n  /**\n   * Internal\n   */\n  linesCount: number;\n  /**\n   * Internal\n   */\n  onChangeLineIndex: (newIndex: number) => void;\n  /**\n   * Internal\n   */\n  onChangeLinesCount: (rowsCount: number) => void;\n\n  /**\n   * Internal\n   */\n  showErrors: boolean;\n  /**\n   * Internal\n   * List of errors in rows\n   */\n  errors: ErrorItem[];\n  /**\n   * Internal\n   * Select row with error\n   */\n  errorIndex: number;\n  /**\n   * Internal\n   * Flag for select all row\n   */\n  highlightErrorIndex: boolean;\n  /**\n   * Internal\n   */\n  onErrorsChange: (errors: ErrorItem[]) => void;\n  /**\n   * Internal\n   */\n  onShowErrorsChange: (showErrors: boolean) => void;\n  /**\n   * Internal\n   */\n  onErrorIndexChange: (errorIndex: number) => void;\n\n  /**\n   * Return lines from textarea immediately they changed (uses mutation observer on textarea node under the hood)\n   * Throttling may be required during processing this cb\n   * Internal\n   */\n  onImmediatelyChange?: (lines: string[], value: string) => void;\n} & {\n  /**\n   * Internal\n   */\n  'aria-describedby'?: string;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"InputField.types.js","names":[],"sources":["../../../../src/components/InputField/InputField.types.ts"],"sourcesContent":["import type { BulkTextareaInputFieldProps } from '../../BulkTextarea.types';\n\nexport type PasteProps = {\n  /**\n   * @default '\\n'\n   */\n  delimiter?: string | RegExp;\n  /**\n   * @default row.trim();\n   */\n  lineProcessing?: (line: string, lineIndex: number, totalLinesCount: number) => string;\n  /**\n   * @default true\n   */\n  skipEmptyLines?: boolean;\n};\n\nexport type ErrorItem = {\n  lineIndex: number;\n  lineNode?: Node;\n  errorMessage: string;\n};\n\nexport type InputFieldProps<T extends string | string[]> =\n  BulkTextareaInputFieldProps<T>\n  & Required<\n    Pick<\n      BulkTextareaInputFieldProps<T>,\n      'value' | 'onBlur' | 'size' | 'state' | 'minRows' | 'maxRows' | 'validateOn' | 'maxLines' | 'pasteProps'\n    >\n  >\n  & {\n    prevError: ErrorItem;\n    currentLineIndex: number;\n    linesCount: number;\n    onChangeLineIndex: (newIndex: number) => void;\n    onChangeLinesCount: (rowsCount: number) => void;\n    showErrors: boolean;\n    /** List of errors in rows */\n    errors: ErrorItem[];\n    /** Select row with error */\n    errorIndex: number;\n    /** Flag for select all row */\n    highlightErrorIndex: boolean;\n    onErrorsChange: (errors: ErrorItem[]) => void;\n    onShowErrorsChange: (showErrors: boolean) => void;\n    onErrorIndexChange: (errorIndex: number) => void;\n    /**\n   * Return lines from textarea immediately they changed (uses mutation observer on textarea node under the hood)\n   * Throttling may be required during processing this cb\n   */\n    onImmediatelyChange?: (lines: string[], value: string) => void;\n  }\n  & { 'aria-describedby'?: string };\n"],"mappings":"","ignoreList":[]}

package/lib/es6/BulkTextarea.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"BulkTextarea.types.js","names":[],"sources":["../../src/BulkTextarea.types.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type Button from '@semcore/button';\nimport type { Intergalactic } from '@semcore/core';\n\nimport type { CounterProps } from './components/Counter';\nimport type { ErrorsNavigationProps } from './components/ErrorsNavigation';\nimport type { InputFieldProps } from './components/InputField/InputField';\n\nexport type BulkTextareaProps<T extends string | string[]> = {\n  /** The current value */\n  value?: InputFieldProps<T>['value'];\n  /** Callback triggered when the onBlur event is emmited */\n  onChange?: InputFieldProps<T>['onBlur'];\n  /** Placeholder text */\n  placeholder?: InputFieldProps<T>['placeholder'];\n  /** Component size */\n  size?: InputFieldProps<T>['size'];\n  /** State for show errors or valid(green) borders */\n  state?: InputFieldProps<T>['state'];\n  /** Defines whether the textarea is disabled */\n  disabled?: InputFieldProps<T>['disabled'];\n  /** Defines whether the textarea is readonly */\n  readonly?: InputFieldProps<T>['readonly'];\n  /** Minimum number of rows to display */\n  minRows?: InputFieldProps<T>['minRows'];\n  /** Maximum number of rows to display */\n  maxRows?: InputFieldProps<T>['maxRows'];\n  /** An event when a validation occurs */\n  validateOn?: InputFieldProps<T>['validateOn'];\n  /** A function to valide the line */\n  lineValidation?: InputFieldProps<T>['lineValidation'];\n  /** Line delimeters */\n  linesDelimiters?: InputFieldProps<T>['linesDelimiters'];\n  /** Defines the props for paste action */\n  pasteProps?: InputFieldProps<T>['pasteProps'];\n  /** Maximum number of allowed lines/values */\n  maxLines?: InputFieldProps<T>['maxLines'];\n  /** Function to process individual lines during input */\n  lineProcessing?: InputFieldProps<T>['lineProcessing'];\n  /** List of errors */\n  errors?: InputFieldProps<T>['errors'];\n  /** Defines whether to show errors or not */\n  showErrors?: boolean;\n  /** Internal */\n  onErrorsChange?: InputFieldProps<T>['onErrorsChange'];\n  /** Internal */\n  onShowErrorsChange?: InputFieldProps<T>['onShowErrorsChange'];\n  /** Internal */\n  onImmediatelyChange?: InputFieldProps<T>['onImmediatelyChange'];\n};\n\ntype BulkTextareaComponent = (<T extends string | string[]>(\n  props: Intergalactic.InternalTypings.ComponentProps<\n    'div',\n    'div',\n    BoxProps & BulkTextareaProps<T>\n  >,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\nIntergalactic.InternalTypings.ComponentAdditive<'div', 'div', {}>;\n\nexport type BulkTextareaType<T extends string | string[]> = BulkTextareaComponent & {\n  InputField: Intergalactic.Component<\n    'div',\n    Pick<InputFieldProps<T>, 'commonErrorMessage' | 'id'> & Partial<BulkTextareaProps<T>> & BoxProps\n  >;\n  Counter: Intergalactic.Component<'div', Partial<CounterProps>>;\n  ClearAll: typeof Button;\n  ErrorsNavigation: Intergalactic.Component<'div', Partial<ErrorsNavigationProps>>;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"BulkTextarea.types.js","names":[],"sources":["../../src/BulkTextarea.types.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type Button from '@semcore/button';\nimport type { Intergalactic } from '@semcore/core';\n\nimport type { CounterProps } from './components/Counter';\nimport type { ErrorsNavigationProps } from './components/ErrorsNavigation';\nimport type { InputFieldProps } from './components/InputField/InputField';\nimport type { PasteProps } from './components/InputField/InputField.types';\n\nexport type BulkTextareaProps<T extends string | string[]> = {\n  /** The current value */\n  value?: InputFieldProps<T>['value'];\n  /** Callback triggered when the onBlur event is emmited */\n  onChange?: InputFieldProps<T>['onBlur'];\n  /** Placeholder text */\n  placeholder?: InputFieldProps<T>['placeholder'];\n  /** Component size */\n  size?: InputFieldProps<T>['size'];\n  /** State for show errors or valid(green) borders */\n  state?: InputFieldProps<T>['state'];\n  /** Defines whether the textarea is disabled */\n  disabled?: InputFieldProps<T>['disabled'];\n  /** Defines whether the textarea is readonly */\n  readonly?: InputFieldProps<T>['readonly'];\n  /** Minimum number of rows to display */\n  minRows?: InputFieldProps<T>['minRows'];\n  /** Maximum number of rows to display */\n  maxRows?: InputFieldProps<T>['maxRows'];\n  /** An event when a validation occurs */\n  validateOn?: InputFieldProps<T>['validateOn'];\n  /** A function to valide the line */\n  lineValidation?: InputFieldProps<T>['lineValidation'];\n  /** Line delimeters */\n  linesDelimiters?: InputFieldProps<T>['linesDelimiters'];\n  /** Defines the props for paste action */\n  pasteProps?: InputFieldProps<T>['pasteProps'];\n  /** Maximum number of allowed lines/values */\n  maxLines?: InputFieldProps<T>['maxLines'];\n  /** Function to process individual lines during input */\n  lineProcessing?: InputFieldProps<T>['lineProcessing'];\n  /** List of errors */\n  errors?: InputFieldProps<T>['errors'];\n  /** Defines whether to show errors or not */\n  showErrors?: InputFieldProps<T>['showErrors'];\n  /** Internal */\n  onErrorsChange?: InputFieldProps<T>['onErrorsChange'];\n  /** Internal */\n  onShowErrorsChange?: InputFieldProps<T>['onShowErrorsChange'];\n  /** Internal */\n  onImmediatelyChange?: InputFieldProps<T>['onImmediatelyChange'];\n};\n\ntype BulkTextareaComponent = (<T extends string | string[]>(\n  props: Intergalactic.InternalTypings.ComponentProps<\n    'div',\n    'div',\n    BoxProps & BulkTextareaProps<T>\n  >,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\nIntergalactic.InternalTypings.ComponentAdditive<'div', 'div', {}>;\n\nexport type BulkTextareaInputFieldProps<T extends string | string[] = string | string[]> = BoxProps & {\n  /**\n   * Unique id\n   */\n  id?: string;\n  /**\n   * Placeholder for field\n   */\n  placeholder?: string;\n  /**\n   * String to render in textarea. OnChanging value, it will go throw paste pipeline\n   */\n  value?: T;\n  /**\n   * This component doesn't have default onChange callback, because we think that you need only the result after every changes/fixes\n   */\n  onBlur?: (value: T, e: Event) => void;\n  /**\n   * Size of component\n   * @default m\n   */\n  size?: 'm' | 'l';\n  /**\n   * State for show errors or valid(green) borders\n   * @default normal\n   */\n  state?: 'normal' | 'valid' | 'invalid';\n  /**\n   * Flag for disabling field\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * Flag for readonly field\n   * @default false\n   */\n  readonly?: boolean;\n  /**\n   * Min rows\n   * @default 2\n   */\n  minRows?: number;\n  /**\n   * Max rows\n   * @default 10\n   */\n  maxRows?: number;\n  /**\n   * List of available points to validate value\n   * @default blur\n   */\n  validateOn?: ('blur' | 'blurLine' | 'paste')[];\n  /**\n   * Function to validate line\n   */\n  lineValidation?: (line: string, lines: string[]) => { isValid: boolean; errorMessage: string };\n  /**\n   * Message for display error about whole field, not only one line.\n   * If set empty string, field will not have invalid state.\n   */\n  commonErrorMessage: string;\n  /**\n   * Delimiters (event.key) for lines\n   * @default Enter\n   */\n  linesDelimiters?: string[];\n  /**\n   * Count of max lines in badge\n   * @default 100\n   */\n  maxLines?: number;\n  /**\n   * Paste props\n   */\n  pasteProps?: PasteProps;\n  /**\n   * Function for process line after it was blurred\n   */\n  lineProcessing?: (line: string, lines: string[]) => string;\n};\n\nexport type BulkTextareaType<T extends string | string[]> = BulkTextareaComponent & {\n  InputField: Intergalactic.Component<\n    'div',\n    BulkTextareaInputFieldProps<T>\n  >;\n  Counter: Intergalactic.Component<'div', Partial<CounterProps>>;\n  ClearAll: typeof Button;\n  ErrorsNavigation: Intergalactic.Component<'div', Partial<ErrorsNavigationProps>>;\n};\n"],"mappings":"","ignoreList":[]}

package/lib/es6/components/InputField/InputField.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputField.types.js","names":[],"sources":["../../../../src/components/InputField/InputField.types.ts"],"sourcesContent":["type PasteProps = {\n  /**\n   * @default '\\n'\n   */\n  delimiter?: string | RegExp;\n  /**\n   * @default row.trim();\n   */\n  lineProcessing?: (line: string, lineIndex: number, totalLinesCount: number) => string;\n  /**\n   * @default true\n   */\n  skipEmptyLines?: boolean;\n};\n\nexport type ErrorItem = {\n  lineIndex: number;\n  lineNode?: Node;\n  errorMessage: string;\n};\n\nexport type InputFieldProps<T extends string | string[]> = {\n  /**\n   * Unique id\n   */\n  id?: string;\n\n  /**\n   * Placeholder for field\n   */\n  placeholder?: string;\n  /**\n   * String to render in textarea. OnChanging value, it will go throw paste pipeline\n   */\n  value: T;\n  /**\n   * This component doesn't have default onChange callback, because we think that you need only the result after every changes/fixes\n   */\n  onBlur: (value: T, e: Event) => void;\n\n  /**\n   * Size of component\n   * @default m\n   */\n  size: 'm' | 'l';\n  /**\n   * State for show errors or valid(green) borders\n   * @default normal\n   */\n  state: 'normal' | 'valid' | 'invalid';\n\n  /**\n   * Flag for disabling field\n   * @default false\n   */\n  disabled?: boolean;\n\n  /**\n   * Flag for readonly field\n   * @default false\n   */\n  readonly?: boolean;\n\n  /**\n   * Min rows\n   * @default 2\n   */\n  minRows: number;\n  /**\n   * Max rows\n   * @default 10\n   */\n  maxRows: number;\n\n  /**\n   * List of available points to validate value\n   * @default blur\n   */\n  validateOn: ('blur' | 'blurLine' | 'paste')[];\n\n  /**\n   * Function to validate line\n   */\n  lineValidation?: (line: string, lines: string[]) => { isValid: boolean; errorMessage: string };\n\n  /**\n   * Message for display error about whole field, not only one line.\n   * If set empty string, field will not have invalid state.\n   */\n  commonErrorMessage: string;\n\n  /**\n   * Delimiters (event.key) for lines\n   * @default Enter\n   */\n  linesDelimiters?: string[];\n\n  /**\n   * Count of max lines in badge\n   * @default 100\n   */\n  maxLines: number;\n\n  /**\n   * Paste props\n   */\n  pasteProps: PasteProps;\n\n  /**\n   * Function for process line after it was blurred\n   */\n  lineProcessing?: (line: string, lines: string[]) => string;\n\n  /**\n   * Internal\n   */\n  prevError: ErrorItem;\n\n  /**\n   * Internal\n   */\n  currentLineIndex: number;\n\n  /**\n   * Internal\n   */\n  linesCount: number;\n  /**\n   * Internal\n   */\n  onChangeLineIndex: (newIndex: number) => void;\n  /**\n   * Internal\n   */\n  onChangeLinesCount: (rowsCount: number) => void;\n\n  /**\n   * Internal\n   */\n  showErrors: boolean;\n  /**\n   * Internal\n   * List of errors in rows\n   */\n  errors: ErrorItem[];\n  /**\n   * Internal\n   * Select row with error\n   */\n  errorIndex: number;\n  /**\n   * Internal\n   * Flag for select all row\n   */\n  highlightErrorIndex: boolean;\n  /**\n   * Internal\n   */\n  onErrorsChange: (errors: ErrorItem[]) => void;\n  /**\n   * Internal\n   */\n  onShowErrorsChange: (showErrors: boolean) => void;\n  /**\n   * Internal\n   */\n  onErrorIndexChange: (errorIndex: number) => void;\n\n  /**\n   * Return lines from textarea immediately they changed (uses mutation observer on textarea node under the hood)\n   * Throttling may be required during processing this cb\n   * Internal\n   */\n  onImmediatelyChange?: (lines: string[], value: string) => void;\n} & {\n  /**\n   * Internal\n   */\n  'aria-describedby'?: string;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"InputField.types.js","names":[],"sources":["../../../../src/components/InputField/InputField.types.ts"],"sourcesContent":["import type { BulkTextareaInputFieldProps } from '../../BulkTextarea.types';\n\nexport type PasteProps = {\n  /**\n   * @default '\\n'\n   */\n  delimiter?: string | RegExp;\n  /**\n   * @default row.trim();\n   */\n  lineProcessing?: (line: string, lineIndex: number, totalLinesCount: number) => string;\n  /**\n   * @default true\n   */\n  skipEmptyLines?: boolean;\n};\n\nexport type ErrorItem = {\n  lineIndex: number;\n  lineNode?: Node;\n  errorMessage: string;\n};\n\nexport type InputFieldProps<T extends string | string[]> =\n  BulkTextareaInputFieldProps<T>\n  & Required<\n    Pick<\n      BulkTextareaInputFieldProps<T>,\n      'value' | 'onBlur' | 'size' | 'state' | 'minRows' | 'maxRows' | 'validateOn' | 'maxLines' | 'pasteProps'\n    >\n  >\n  & {\n    prevError: ErrorItem;\n    currentLineIndex: number;\n    linesCount: number;\n    onChangeLineIndex: (newIndex: number) => void;\n    onChangeLinesCount: (rowsCount: number) => void;\n    showErrors: boolean;\n    /** List of errors in rows */\n    errors: ErrorItem[];\n    /** Select row with error */\n    errorIndex: number;\n    /** Flag for select all row */\n    highlightErrorIndex: boolean;\n    onErrorsChange: (errors: ErrorItem[]) => void;\n    onShowErrorsChange: (showErrors: boolean) => void;\n    onErrorIndexChange: (errorIndex: number) => void;\n    /**\n   * Return lines from textarea immediately they changed (uses mutation observer on textarea node under the hood)\n   * Throttling may be required during processing this cb\n   */\n    onImmediatelyChange?: (lines: string[], value: string) => void;\n  }\n  & { 'aria-describedby'?: string };\n"],"mappings":"","ignoreList":[]}

package/lib/types/BulkTextarea.types.d.ts

@@ -4,6 +4,7 @@ import type { Intergalactic } from '@semcore/core';
 import type { CounterProps } from './components/Counter';
 import type { ErrorsNavigationProps } from './components/ErrorsNavigation';
 import type { InputFieldProps } from './components/InputField/InputField';
+import type { PasteProps } from './components/InputField/InputField.types';
 export type BulkTextareaProps<T extends string | string[]> = {
     /** The current value */
     value?: InputFieldProps<T>['value'];
@@ -38,7 +39,7 @@ export type BulkTextareaProps<T extends string | string[]> = {
     /** List of errors */
     errors?: InputFieldProps<T>['errors'];
     /** Defines whether to show errors or not */
-    showErrors?: boolean;
+    showErrors?: InputFieldProps<T>['showErrors'];
     /** Internal */
     onErrorsChange?: InputFieldProps<T>['onErrorsChange'];
     /** Internal */
@@ -47,8 +48,91 @@ export type BulkTextareaProps<T extends string | string[]> = {
     onImmediatelyChange?: InputFieldProps<T>['onImmediatelyChange'];
 };
 type BulkTextareaComponent = (<T extends string | string[]>(props: Intergalactic.InternalTypings.ComponentProps<'div', 'div', BoxProps & BulkTextareaProps<T>>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', {}>;
+export type BulkTextareaInputFieldProps<T extends string | string[] = string | string[]> = BoxProps & {
+    /**
+     * Unique id
+     */
+    id?: string;
+    /**
+     * Placeholder for field
+     */
+    placeholder?: string;
+    /**
+     * String to render in textarea. OnChanging value, it will go throw paste pipeline
+     */
+    value?: T;
+    /**
+     * This component doesn't have default onChange callback, because we think that you need only the result after every changes/fixes
+     */
+    onBlur?: (value: T, e: Event) => void;
+    /**
+     * Size of component
+     * @default m
+     */
+    size?: 'm' | 'l';
+    /**
+     * State for show errors or valid(green) borders
+     * @default normal
+     */
+    state?: 'normal' | 'valid' | 'invalid';
+    /**
+     * Flag for disabling field
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Flag for readonly field
+     * @default false
+     */
+    readonly?: boolean;
+    /**
+     * Min rows
+     * @default 2
+     */
+    minRows?: number;
+    /**
+     * Max rows
+     * @default 10
+     */
+    maxRows?: number;
+    /**
+     * List of available points to validate value
+     * @default blur
+     */
+    validateOn?: ('blur' | 'blurLine' | 'paste')[];
+    /**
+     * Function to validate line
+     */
+    lineValidation?: (line: string, lines: string[]) => {
+        isValid: boolean;
+        errorMessage: string;
+    };
+    /**
+     * Message for display error about whole field, not only one line.
+     * If set empty string, field will not have invalid state.
+     */
+    commonErrorMessage: string;
+    /**
+     * Delimiters (event.key) for lines
+     * @default Enter
+     */
+    linesDelimiters?: string[];
+    /**
+     * Count of max lines in badge
+     * @default 100
+     */
+    maxLines?: number;
+    /**
+     * Paste props
+     */
+    pasteProps?: PasteProps;
+    /**
+     * Function for process line after it was blurred
+     */
+    lineProcessing?: (line: string, lines: string[]) => string;
+};
 export type BulkTextareaType<T extends string | string[]> = BulkTextareaComponent & {
-    InputField: Intergalactic.Component<'div', Pick<InputFieldProps<T>, 'commonErrorMessage' | 'id'> & Partial<BulkTextareaProps<T>> & BoxProps>;
+    InputField: Intergalactic.Component<'div', BulkTextareaInputFieldProps<T>>;
     Counter: Intergalactic.Component<'div', Partial<CounterProps>>;
     ClearAll: typeof Button;
     ErrorsNavigation: Intergalactic.Component<'div', Partial<ErrorsNavigationProps>>;

package/lib/types/components/InputField/InputField.types.d.ts

@@ -1,4 +1,5 @@
-type PasteProps = {
+import type { BulkTextareaInputFieldProps } from '../../BulkTextarea.types';
+export type PasteProps = {
     /**
      * @default '\n'
      */
@@ -17,149 +18,27 @@ export type ErrorItem = {
     lineNode?: Node;
     errorMessage: string;
 };
-export type InputFieldProps<T extends string | string[]> = {
-    /**
-     * Unique id
-     */
-    id?: string;
-    /**
-     * Placeholder for field
-     */
-    placeholder?: string;
-    /**
-     * String to render in textarea. OnChanging value, it will go throw paste pipeline
-     */
-    value: T;
-    /**
-     * This component doesn't have default onChange callback, because we think that you need only the result after every changes/fixes
-     */
-    onBlur: (value: T, e: Event) => void;
-    /**
-     * Size of component
-     * @default m
-     */
-    size: 'm' | 'l';
-    /**
-     * State for show errors or valid(green) borders
-     * @default normal
-     */
-    state: 'normal' | 'valid' | 'invalid';
-    /**
-     * Flag for disabling field
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Flag for readonly field
-     * @default false
-     */
-    readonly?: boolean;
-    /**
-     * Min rows
-     * @default 2
-     */
-    minRows: number;
-    /**
-     * Max rows
-     * @default 10
-     */
-    maxRows: number;
-    /**
-     * List of available points to validate value
-     * @default blur
-     */
-    validateOn: ('blur' | 'blurLine' | 'paste')[];
-    /**
-     * Function to validate line
-     */
-    lineValidation?: (line: string, lines: string[]) => {
-        isValid: boolean;
-        errorMessage: string;
-    };
-    /**
-     * Message for display error about whole field, not only one line.
-     * If set empty string, field will not have invalid state.
-     */
-    commonErrorMessage: string;
-    /**
-     * Delimiters (event.key) for lines
-     * @default Enter
-     */
-    linesDelimiters?: string[];
-    /**
-     * Count of max lines in badge
-     * @default 100
-     */
-    maxLines: number;
-    /**
-     * Paste props
-     */
-    pasteProps: PasteProps;
-    /**
-     * Function for process line after it was blurred
-     */
-    lineProcessing?: (line: string, lines: string[]) => string;
-    /**
-     * Internal
-     */
+export type InputFieldProps<T extends string | string[]> = BulkTextareaInputFieldProps<T> & Required<Pick<BulkTextareaInputFieldProps<T>, 'value' | 'onBlur' | 'size' | 'state' | 'minRows' | 'maxRows' | 'validateOn' | 'maxLines' | 'pasteProps'>> & {
     prevError: ErrorItem;
-    /**
-     * Internal
-     */
     currentLineIndex: number;
-    /**
-     * Internal
-     */
     linesCount: number;
-    /**
-     * Internal
-     */
     onChangeLineIndex: (newIndex: number) => void;
-    /**
-     * Internal
-     */
     onChangeLinesCount: (rowsCount: number) => void;
-    /**
-     * Internal
-     */
     showErrors: boolean;
-    /**
-     * Internal
-     * List of errors in rows
-     */
+    /** List of errors in rows */
     errors: ErrorItem[];
-    /**
-     * Internal
-     * Select row with error
-     */
+    /** Select row with error */
     errorIndex: number;
-    /**
-     * Internal
-     * Flag for select all row
-     */
+    /** Flag for select all row */
     highlightErrorIndex: boolean;
-    /**
-     * Internal
-     */
     onErrorsChange: (errors: ErrorItem[]) => void;
-    /**
-     * Internal
-     */
     onShowErrorsChange: (showErrors: boolean) => void;
-    /**
-     * Internal
-     */
     onErrorIndexChange: (errorIndex: number) => void;
     /**
-     * Return lines from textarea immediately they changed (uses mutation observer on textarea node under the hood)
-     * Throttling may be required during processing this cb
-     * Internal
-     */
+   * Return lines from textarea immediately they changed (uses mutation observer on textarea node under the hood)
+   * Throttling may be required during processing this cb
+   */
     onImmediatelyChange?: (lines: string[], value: string) => void;
 } & {
-    /**
-     * Internal
-     */
     'aria-describedby'?: string;
 };
-export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/bulk-textarea",
   "description": "Semrush BulkTextarea Component",
-  "version": "17.0.0-prerelease.29",
+  "version": "17.0.0-prerelease.30",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,10 +14,10 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/button": "^17.0.0-prerelease.29",
-    "@semcore/typography": "^17.0.0-prerelease.29",
-    "@semcore/counter": "^17.0.0-prerelease.29",
-    "@semcore/tooltip": "^17.0.0-prerelease.29",
+    "@semcore/button": "^17.0.0-prerelease.30",
+    "@semcore/typography": "^17.0.0-prerelease.30",
+    "@semcore/counter": "^17.0.0-prerelease.30",
+    "@semcore/tooltip": "^17.0.0-prerelease.30",
     "dompurify": "3.2.3"
   },
   "peerDependencies": {
@@ -31,10 +31,10 @@
   },
   "devDependencies": {
     "@types/dompurify": "3.2.0",
-    "@semcore/base-components": "17.0.0-prerelease.29",
-    "@semcore/core": "17.0.0-prerelease.29",
+    "@semcore/core": "17.0.0-prerelease.30",
+    "@semcore/base-components": "17.0.0-prerelease.30",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/icon": "16.7.2-prerelease.29"
+    "@semcore/icon": "16.7.2-prerelease.30"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=ts && pnpm vite build"