@onereach/ui-components 4.1.1-beta.2540.0 → 4.1.1

package/dist/esm/v3/components/or-date-time-picker-v3/partials/or-date-time-picker-time-control/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const DateTimePickerTimeControl: string[];
-export declare const DateTimePickerTimeControlPlaceholder: string[];

package/dist/esm/v3/components/or-date-time-picker-v3/partials/or-date-time-picker-time-select/OrDateTimePickerTimeSelect.vue.d.ts

@@ -1,54 +0,0 @@
-import { PropType } from 'vue-demi';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    buttonGroupStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    buttonGroupItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
-    hoursOptions: import("@vue/composition-api").ComputedRef<Date[]>;
-    minutesOptions: import("@vue/composition-api").ComputedRef<Date[]>;
-    formatHours: (value: Date) => string;
-    formatMinutes: (value: Date) => string;
-}> & import("@vue/composition-api").Data, {}, {}, {
-    modelValue: {
-        type: DateConstructor;
-        default: undefined;
-    };
-    filter: {
-        type: PropType<(value: Date) => boolean>;
-        default: undefined;
-    };
-}, import("@vue/composition-api").ExtractPropTypes<{
-    modelValue: {
-        type: DateConstructor;
-        default: undefined;
-    };
-    filter: {
-        type: PropType<(value: Date) => boolean>;
-        default: undefined;
-    };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    filter: (value: Date) => boolean;
-    modelValue: Date;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    buttonGroupStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    buttonGroupItemStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
-    hoursOptions: import("@vue/composition-api").ComputedRef<Date[]>;
-    minutesOptions: import("@vue/composition-api").ComputedRef<Date[]>;
-    formatHours: (value: Date) => string;
-    formatMinutes: (value: Date) => string;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    filter: (value: Date) => boolean;
-    modelValue: Date;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {
-    filter: (value: Date) => boolean;
-    modelValue: Date;
-}, true>);
-export default _default;

package/dist/esm/v3/components/or-date-time-picker-v3/partials/or-date-time-picker-time-select/styles.d.ts

@@ -1,3 +0,0 @@
-export declare const DateTimePickerTimeSelect: string[];
-export declare const DateTimePickerTimeSelectButtonGroup: string[];
-export declare const DateTimePickerTimeSelectButtonGroupItem: string[];

package/dist/esm/v3/components/or-date-time-picker-v3/props.d.ts

@@ -1 +0,0 @@
-export { InputBoxSize as DateTimePickerSize } from '../or-input-box-v3';

package/dist/esm/v3/components/or-date-time-picker-v3/styles.d.ts

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

package/dist/esm/v3/components/or-time-picker-v3/OrTimePicker.vue.d.ts

@@ -1,163 +0,0 @@
-import { PropType } from 'vue-demi';
-import { TimePickerSize } from './props';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    control: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    controlRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    popover: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    popoverState: import("@vue/composition-api").ComputedRef<undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
-    draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
-    togglePopover: () => void;
-    closePopover: () => void;
-    formatTimeAlt: (value?: Date) => string;
-}> & import("@vue/composition-api").Data, {}, {}, {
-    modelValue: {
-        type: DateConstructor;
-        default: undefined;
-    };
-    filter: {
-        type: PropType<(value: Date) => boolean>;
-        default: undefined;
-    };
-    size: {
-        type: PropType<TimePickerSize>;
-        default: TimePickerSize;
-    };
-    label: {
-        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;
-    };
-    disableDefaultStyles: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, import("@vue/composition-api").ExtractPropTypes<{
-    modelValue: {
-        type: DateConstructor;
-        default: undefined;
-    };
-    filter: {
-        type: PropType<(value: Date) => boolean>;
-        default: undefined;
-    };
-    size: {
-        type: PropType<TimePickerSize>;
-        default: TimePickerSize;
-    };
-    label: {
-        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;
-    };
-    disableDefaultStyles: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    filter: (value: Date) => boolean;
-    modelValue: Date;
-    size: TimePickerSize;
-    label: string;
-    hint: string;
-    error: string | boolean;
-    required: boolean;
-    readonly: boolean;
-    disabled: boolean;
-    disableDefaultStyles: boolean;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<{
-    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    control: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    controlRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    popover: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
-        [x: string]: ((...args: any[]) => any) | null;
-    } | string[], {} & {}, {
-        [x: number]: string;
-    } | {}, true> | undefined>;
-    popoverState: import("@vue/composition-api").ComputedRef<undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
-    draftModelValue: import("@vue/composition-api").Ref<Date | undefined>;
-    togglePopover: () => void;
-    closePopover: () => void;
-    formatTimeAlt: (value?: Date) => string;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    filter: (value: Date) => boolean;
-    modelValue: Date;
-    size: TimePickerSize;
-    label: string;
-    hint: string;
-    error: string | boolean;
-    required: boolean;
-    readonly: boolean;
-    disabled: boolean;
-    disableDefaultStyles: boolean;
-} & {} & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {
-    filter: (value: Date) => boolean;
-    modelValue: Date;
-    size: TimePickerSize;
-    label: string;
-    hint: string;
-    error: string | boolean;
-    required: boolean;
-    readonly: boolean;
-    disabled: boolean;
-    disableDefaultStyles: boolean;
-}, true>);
-export default _default;

package/dist/esm/v3/components/or-time-picker-v3/index.d.ts

@@ -1,2 +0,0 @@
-export { default as OrTimePickerV3 } from './OrTimePicker.vue';
-export * from './props';

package/dist/esm/v3/components/or-time-picker-v3/index.js

@@ -1,23 +0,0 @@
-export { s as OrTimePickerV3 } from '../../OrTimePicker-f5161162.js';
-export { I as TimePickerSize } from '../../OrInputBox-a6d68437.js';
-import 'vue-demi';
-import '../../dropdown-open-e1f90e0a.js';
-import '../../OrDateTimePickerPopoverHeader-70bf7220.js';
-import '../../OrLabel-4da56db0.js';
-import 'vue';
-import '../../OrButton-c2b6aa9e.js';
-import '../../OrLoader-b79022da.js';
-import '@vueuse/core';
-import '../../OrDateTimePickerTimeSelect-d86e1c85.js';
-import '../../OrError-c01d0c29.js';
-import '../../OrHint-06ab89d7.js';
-import '../../OrIconButton-786b9346.js';
-import '../../OrIcon-62793572.js';
-import '../../OrTooltip-56ed42c7.js';
-import '../../OrPopover-d6d82a06.js';
-import '@floating-ui/dom';
-import '../../useElevation-df91fa50.js';
-import '../../useResponsive-a02e95b7.js';
-import '../../OrBottomSheet-95bc694e.js';
-import '../../OrOverlay-d63d39c3.js';
-import '../../OrTeleport.vue3-8099178c.js';

package/dist/esm/v3/components/or-time-picker-v3/props.d.ts

@@ -1 +0,0 @@
-export { InputBoxSize as TimePickerSize } from '../or-input-box-v3';

package/dist/esm/v3/components/or-time-picker-v3/styles.d.ts

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

package/src/components/or-date-picker-v3/OrDatePicker.stories3.ts

@@ -1,168 +0,0 @@
-import { action } from '@storybook/addon-actions';
-import { Meta, StoryFn } from '@storybook/vue3';
-import * as Faker from 'faker';
-import { ref, watch } from 'vue-demi';
-import { OrIconV3 as OrIcon } from '../or-icon-v3';
-import OrDatePickerDocs from './OrDatePicker.docs.mdx';
-import OrDatePicker from './OrDatePicker.vue';
-import { DatePickerSize } from './props';
-
-export default {
-  title: 'Components/Date Picker',
-  component: OrDatePicker,
-
-  argTypes: {
-    // Slots
-    addon: {
-      type: {
-        name: 'string',
-        required: false,
-      },
-
-      control: { type: 'text' },
-    },
-
-    // Props
-    modelValue: {
-      control: { type: 'text' },
-    },
-
-    filter: {
-      table: { disable: true },
-    },
-
-    size: {
-      control: { type: 'select' },
-      options: Object.values(DatePickerSize),
-    },
-
-    label: {
-      control: { type: 'text' },
-    },
-
-    hint: {
-      control: { type: 'text' },
-    },
-
-    error: {
-      control: { type: 'text' },
-    },
-
-    required: {
-      control: { type: 'boolean' },
-    },
-
-    readonly: {
-      control: { type: 'boolean' },
-    },
-
-    disabled: {
-      control: { type: 'boolean' },
-    },
-
-    disableDefaultStyles: {
-      control: { type: 'boolean' },
-    },
-
-    // Events
-    'update:modelValue': {
-      table: { disable: true },
-    },
-
-    input: {
-      table: { disable: true },
-    },
-
-    keydown: {
-      table: { disable: true },
-    },
-
-    keyup: {
-      table: { disable: true },
-    },
-
-    focus: {
-      table: { disable: true },
-    },
-
-    blur: {
-      table: { disable: true },
-    },
-  },
-
-  parameters: {
-    layout: 'centered',
-
-    docs: {
-      page: OrDatePickerDocs,
-    },
-
-    design: {
-      type: 'figma',
-      url: 'https://www.figma.com/file/o7DdkaznUW2PtX4wiSuhhQ/Core?node-id=3175-41854&t=fEpVdGUcSv9iaRfM-0',
-    },
-  },
-} as Meta<typeof OrDatePicker>;
-
-const Template: StoryFn<typeof OrDatePicker> = (args) => ({
-  components: {
-    OrIcon,
-    OrDatePicker,
-  },
-
-  setup() {
-    // State
-    const model = ref<Date>();
-
-    // Effects
-    watch(model, (value) => {
-      console.debug(value);
-    });
-
-    return {
-      args,
-      model,
-      onUpdateModelValue: action('update:modelValue'),
-      onKeydown: action('keydown'),
-      onKeyup: action('keyup'),
-      onFocus: action('focus'),
-      onBlur: action('blur'),
-    };
-  },
-
-  template: `
-    <OrDatePicker
-      v-model="model"
-      v-bind="args"
-      @update:modelValue="onUpdateModelValue"
-      @keydown="onKeydown"
-      @keyup="onKeyup"
-      @focus="onFocus"
-      @blur="onBlur"
-    >
-      <template #addon>
-        ${args.addon}
-      </template>
-    </OrDatePicker>
-  `,
-});
-
-export const Default = Template.bind({});
-
-Default.args = {
-  // Slots
-  addon: '<OrIcon icon="info" />',
-
-  // Props
-  label: 'Label',
-  hint: Faker.lorem.sentence(20),
-};
-
-export const WithFilter = Template.bind({});
-
-WithFilter.args = {
-  ...Default.args,
-
-  // Props
-  filter: (value) => Number(value) >= Date.now(),
-};