@onereach/ui-components 25.3.5 → 25.3.6

package/dist/types/components/or-tags-v3/index.d.ts

@@ -0,0 +1,3 @@
+export { default as OrTagsV3 } from './OrTags.vue';
+export * from './props';
+export * from './types';

package/dist/types/components/or-tags-v3/props.d.ts

@@ -0,0 +1,5 @@
+export declare enum TagsOverflow {
+    Wrap = "wrap",
+    Scroll = "scroll",
+    Hidden = "hidden"
+}

package/dist/types/components/or-tags-v3/styles.d.ts

@@ -0,0 +1,6 @@
+import { TagsOverflow } from './props';
+export declare const Tags: string[];
+export declare const TagsContainer: string[];
+export declare const TagsContainerOverflows: Record<TagsOverflow, string[]>;
+export declare const TagsOverflowButton: string[];
+export declare const TagsOverflowPopover: string[];

package/dist/types/components/or-tags-v3/types.d.ts

@@ -0,0 +1,7 @@
+import { OrTagV3 as OrTag } from '@onereach/ui-components.or-tag-v3';
+export type Tag = string | TagObject;
+export type TagObject = {
+    label: string;
+    value: string | number | object;
+    tagProps?: InstanceType<typeof OrTag>['$props'];
+};

package/dist/types/components/or-tags-v3/utils/castToTag.d.ts

@@ -0,0 +1,2 @@
+import { Tag, TagObject } from '../types';
+export declare function castToTagObject(tag: Tag): TagObject;

package/dist/types/components/or-teleport-v3/OrTeleport.vue3.vue.d.ts

@@ -0,0 +1,23 @@
+declare const _default: import("vue").DefineComponent<{
+    to: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    to: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    disabled: boolean;
+    to: string;
+}, {}>;
+export default _default;

package/dist/types/components/or-teleport-v3/index.d.ts

@@ -0,0 +1 @@
+export { default as OrTeleportV3 } from './OrTeleport.vue3.vue';

package/dist/types/components/or-text-v3/OrText.vue.d.ts

@@ -0,0 +1,59 @@
+/**
+ * Use `OrText` component to crop un-wrapped single-line text with ellipsis inside narrow containers.
+ * Ellipsis can be placed in the end or in the middle of the text. Convenient for displaying long labels,
+ * that have same beginning and differ in the ending part.
+ */
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Text to crop.
+     */
+    text: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * The index counted from the end of the string where ellipsis will be placed.
+     * Defines how many ending characters will remain visible.
+     * By default, ellipsis is placed in the end of the line.
+     *
+     * Note: Negative values behave same as corresponding positives still counting from the end of the line.
+     */
+    sliceIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    root: import("vue").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue").ComputedRef<string[]>;
+    mainTextStyles: import("vue").ComputedRef<string[]>;
+    restTextStyles: import("vue").ComputedRef<string[]>;
+    mainText: import("vue").ComputedRef<string>;
+    restText: import("vue").ComputedRef<string>;
+    onFocus: (event: MouseEvent) => void;
+    onClick: (event: MouseEvent) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus")[], "click" | "focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Text to crop.
+     */
+    text: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * The index counted from the end of the string where ellipsis will be placed.
+     * Defines how many ending characters will remain visible.
+     * By default, ellipsis is placed in the end of the line.
+     *
+     * Note: Negative values behave same as corresponding positives still counting from the end of the line.
+     */
+    sliceIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+}, {
+    sliceIndex: number;
+}, {}>;
+export default _default;

package/dist/types/components/or-text-v3/index.d.ts

@@ -0,0 +1 @@
+export { default as OrTextV3 } from './OrText.vue';

package/dist/types/components/or-text-v3/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const TextRoot: string[];
+export declare const MainText: string[];
+export declare const RestText: string[];

package/dist/types/components/or-textarea-v3/OrTextarea.vue.d.ts

@@ -0,0 +1,162 @@
+import { InputBoxSize, InputBoxVariant } from '@onereach/ui-components.or-input-box-v3';
+import { PropType } from 'vue';
+import { TextareaModelValue, TextareaRows } from './types';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: PropType<TextareaModelValue>;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    variant: {
+        type: PropType<`${InputBoxVariant}`>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<`${InputBoxSize}`>;
+        default: () => InputBoxSize;
+    };
+    rows: {
+        type: PropType<TextareaRows>;
+        default: number;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    attributes: {
+        required: boolean | undefined;
+        minlength: number | undefined;
+        maxlength: number | undefined;
+        pattern: string | undefined;
+        min: number | undefined;
+        max: number | undefined;
+        step: number | undefined;
+        readonly: boolean | undefined;
+        disabled: boolean | undefined;
+        'force-state': string | undefined;
+        id: string | undefined;
+    };
+    root: import("vue").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue").ComputedRef<string[]>;
+    control: import("vue").Ref<HTMLTextAreaElement | undefined>;
+    controlStyles: import("vue").ComputedRef<string[]>;
+    controlInlineStyles: import("vue").ComputedRef<{
+        minHeight: string;
+        maxHeight: string | undefined;
+    } | {
+        minHeight?: undefined;
+        maxHeight?: undefined;
+    }>;
+    model: import("@onereach/ui-components-common/hooks").UseProxyModelValueReturn<string>;
+    length: import("vue").ComputedRef<number>;
+    maxLength: import("vue").ComputedRef<number | undefined>;
+    focus: () => void;
+    blur: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "input" | "update:modelValue" | "keydown" | "keyup")[], "focus" | "blur" | "input" | "update:modelValue" | "keydown" | "keyup", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<TextareaModelValue>;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    variant: {
+        type: PropType<`${InputBoxVariant}`>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<`${InputBoxSize}`>;
+        default: () => InputBoxSize;
+    };
+    rows: {
+        type: PropType<TextareaRows>;
+        default: number;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onKeyup?: ((...args: any[]) => any) | undefined;
+}, {
+    name: string;
+    disabled: boolean;
+    variant: "styled" | "unstyled" | "embedded";
+    size: "m" | "s";
+    required: boolean;
+    readonly: boolean;
+    modelValue: TextareaModelValue;
+    autocomplete: string;
+    label: string;
+    placeholder: string;
+    hint: string;
+    error: string | boolean;
+    rows: TextareaRows;
+}, {}>;
+export default _default;

package/dist/types/components/or-textarea-v3/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OrTextareaV3 } from './OrTextarea.vue';
+export * from './types';

package/dist/types/components/or-textarea-v3/styles.d.ts

@@ -0,0 +1,4 @@
+import { InputBoxSize } from '@onereach/ui-components.or-input-box-v3';
+export declare const Textarea: string[];
+export declare const TextareaControl: string[];
+export declare const TextareaControlSizes: Record<InputBoxSize, string[]>;

package/dist/types/components/or-textarea-v3/types.d.ts

@@ -0,0 +1,6 @@
+import { ModelValue } from '@onereach/ui-components-common/types';
+export type TextareaModelValue = ModelValue<string>;
+export type TextareaRows = number | {
+    min: number;
+    max?: number;
+};

package/dist/types/components/or-time-format-v3/OrTimeFormat.vue.d.ts

@@ -0,0 +1,50 @@
+import { FormatFunction, TimeFormat } from '@onereach/ui-components-common/types';
+import { DateTimePickerModelValue } from '@onereach/ui-components.or-date-time-picker-v3';
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: PropType<DateTimePickerModelValue>;
+        default: undefined;
+    };
+    format: {
+        type: PropType<`${TimeFormat}` | FormatFunction<DateTimePickerModelValue>>;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}, {
+    root: import("vue").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue").ComputedRef<string[]>;
+    resolvedFormat: import("@onereach/ui-components-common/hooks").UseTimeFormatReturn;
+    resolvedLocale: import("@onereach/ui-components-common/hooks").UseLocaleReturn;
+    formatTime: (value: Date, format: `${TimeFormat}` | FormatFunction<Date>, locale: import("@onereach/ui-components-common/types").Locale) => string;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<DateTimePickerModelValue>;
+        default: undefined;
+    };
+    format: {
+        type: PropType<`${TimeFormat}` | FormatFunction<DateTimePickerModelValue>>;
+        default: undefined;
+    };
+    locale: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>>, {
+    modelValue: DateTimePickerModelValue;
+    placeholder: string;
+    format: "auto" | "h12" | "h23" | FormatFunction<DateTimePickerModelValue>;
+    locale: string;
+}, {}>;
+export default _default;

package/dist/types/components/or-time-format-v3/index.d.ts

@@ -0,0 +1 @@
+export { default as OrTimeFormatV3 } from './OrTimeFormat.vue';

package/dist/types/components/or-time-format-v3/styles.d.ts

@@ -0,0 +1 @@
+export declare const TimeFormat: string[];