@onereach/ui-components 4.1.2 → 4.1.3-beta.2559.0

package/dist/esm/v3/components/or-checkbox-tree-v3/OrCheckboxTree.vue.d.ts

@@ -0,0 +1,76 @@
+import { PropType } from 'vue-demi';
+import { CheckboxNode } from './types';
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    parentStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    hasChildren: import("@vue/composition-api").ComputedRef<boolean | undefined>;
+    proxyModelValue: import("@vue/composition-api").WritableComputedRef<string[]> | import("@vue/composition-api").Ref<string[]>;
+    isOpen: import("@vue/composition-api").Ref<boolean>;
+    setIsOpen: (value?: boolean | undefined) => boolean;
+    isIntermediate: import("@vue/composition-api").ComputedRef<boolean>;
+    isAllChildrenSelected: import("@vue/composition-api").ComputedRef<boolean>;
+    isAnyChildrenSelected: import("@vue/composition-api").ComputedRef<boolean>;
+    childrenValues: import("@vue/composition-api").ComputedRef<any[]>;
+    handleParentClick: () => void;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    modelValue: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    item: {
+        type: PropType<CheckboxNode>;
+        required: true;
+    };
+    collapsible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    item: {
+        type: PropType<CheckboxNode>;
+        required: true;
+    };
+    collapsible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    modelValue: string[];
+    item: CheckboxNode;
+    collapsible: boolean;
+    disabled: boolean;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    parentStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    hasChildren: import("@vue/composition-api").ComputedRef<boolean | undefined>;
+    proxyModelValue: import("@vue/composition-api").WritableComputedRef<string[]> | import("@vue/composition-api").Ref<string[]>;
+    isOpen: import("@vue/composition-api").Ref<boolean>;
+    setIsOpen: (value?: boolean | undefined) => boolean;
+    isIntermediate: import("@vue/composition-api").ComputedRef<boolean>;
+    isAllChildrenSelected: import("@vue/composition-api").ComputedRef<boolean>;
+    isAnyChildrenSelected: import("@vue/composition-api").ComputedRef<boolean>;
+    childrenValues: import("@vue/composition-api").ComputedRef<any[]>;
+    handleParentClick: () => void;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
+    modelValue: string[];
+    item: CheckboxNode;
+    collapsible: boolean;
+    disabled: boolean;
+} & {}, {
+    modelValue: string[];
+    collapsible: boolean;
+    disabled: boolean;
+}, true>);
+export default _default;

package/dist/esm/v3/components/or-checkbox-tree-v3/index.d.ts

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

package/dist/esm/v3/components/or-checkbox-tree-v3/index.js

@@ -0,0 +1,10 @@
+export { s as OrCheckboxTreeV3 } from '../../OrCheckboxTree-7a2a4b7d.js';
+import 'vue-demi';
+import '@vueuse/core';
+import '../../OrCheckbox-eab735d0.js';
+import '../../useIdAttribute-859439f0.js';
+import '../../OrLabel-4da56db0.js';
+import 'vue';
+import '../../style-inject.es-4c6f2515.js';
+import '../../OrIcon-62793572.js';
+import '../../flattenDeep-e7a8b995.js';

package/dist/esm/v3/components/or-checkbox-tree-v3/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const CheckboxTreeRoot: string[];
+export declare const CheckboxTreeRootParent: string[];

package/dist/esm/v3/components/or-checkbox-tree-v3/types.d.ts

@@ -0,0 +1,7 @@
+export type CheckboxNode = {
+    label: string;
+    value: string;
+    children?: CheckboxNode[];
+    collapsible?: boolean;
+    disabled?: boolean;
+};

package/dist/esm/v3/components/or-checkbox-v3/OrCheckbox.vue.d.ts

@@ -11,17 +11,18 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         'force-state': string | undefined;
         id: string | undefined;
     };
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<boolean | string[]>;
+    isChecked: import("@vue/composition-api").ComputedRef<boolean | "" | 0>;
+    handleChange: () => void;
     focus: () => void;
     blur: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
-        type: PropType<boolean | string[]>;
-        default: undefined;
+        type: any;
+        default: null;
     };
     value: {
-        type: StringConstructor;
-        default: undefined;
+        type: PropType<string | number | boolean>;
+        default: null;
     };
     label: {
         type: StringConstructor;
@@ -45,12 +46,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
-        type: PropType<boolean | string[]>;
-        default: undefined;
+        type: any;
+        default: null;
     };
     value: {
-        type: StringConstructor;
-        default: undefined;
+        type: PropType<string | number | boolean>;
+        default: null;
     };
     label: {
         type: StringConstructor;
@@ -73,8 +74,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    modelValue: boolean | string[];
-    value: string;
+    modelValue: any;
+    value: string | number | boolean;
     label: string;
     labelVariant: LabelVariant;
     indeterminate: boolean;
@@ -93,12 +94,13 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         'force-state': string | undefined;
         id: string | undefined;
     };
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<boolean | string[]>;
+    isChecked: import("@vue/composition-api").ComputedRef<boolean | "" | 0>;
+    handleChange: () => void;
     focus: () => void;
     blur: () => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    modelValue: boolean | string[];
-    value: string;
+    modelValue: any;
+    value: string | number | boolean;
     label: string;
     labelVariant: LabelVariant;
     indeterminate: boolean;
@@ -107,8 +109,8 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: boolean | string[];
-    value: string;
+    modelValue: any;
+    value: string | number | boolean;
     label: string;
     labelVariant: LabelVariant;
     indeterminate: boolean;

package/dist/esm/v3/components/or-checkbox-v3/index.js

@@ -1,7 +1,7 @@
-export { s as OrCheckboxV3 } from '../../OrCheckbox-56f849f7.js';
+export { s as OrCheckboxV3 } from '../../OrCheckbox-eab735d0.js';
 import 'vue-demi';
-import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
+import '../../useIdAttribute-859439f0.js';
 import '../../OrLabel-4da56db0.js';
 import 'vue';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v3/components/or-form-group-v3/OrFormGroup.vue.d.ts

@@ -0,0 +1,85 @@
+import { PropType } from 'vue-demi';
+import { FormGroupDirection } from './props';
+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[]>;
+    labelStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    direction: {
+        type: PropType<FormGroupDirection>;
+        default: FormGroupDirection;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    direction: {
+        type: PropType<FormGroupDirection>;
+        default: FormGroupDirection;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    label: string;
+    required: boolean;
+    disabled: boolean;
+    direction: FormGroupDirection;
+    error: string | boolean;
+    hint: string;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    labelStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
+    label: string;
+    required: boolean;
+    disabled: boolean;
+    direction: FormGroupDirection;
+    error: string | boolean;
+    hint: string;
+} & {}, {
+    label: string;
+    required: boolean;
+    disabled: boolean;
+    direction: FormGroupDirection;
+    error: string | boolean;
+    hint: string;
+}, true>);
+export default _default;

package/dist/esm/v3/components/or-form-group-v3/index.d.ts

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

package/dist/esm/v3/components/or-form-group-v3/index.js

@@ -0,0 +1,6 @@
+export { F as FormGroupDirection, s as OrFormGroupV3 } from '../../OrFormGroup-d9255559.js';
+import 'vue-demi';
+import '../../OrLabel-4da56db0.js';
+import 'vue';
+import '../../OrError-c01d0c29.js';
+import '../../OrHint-06ab89d7.js';

package/dist/esm/v3/components/or-form-group-v3/props.d.ts

@@ -0,0 +1,4 @@
+export declare enum FormGroupDirection {
+    Vertical = "vertical",
+    Horizontal = "horizontal"
+}

package/dist/esm/v3/components/or-form-group-v3/styles.d.ts

@@ -0,0 +1,6 @@
+import { FormGroupDirection } from './props';
+export declare const FormGroupRoot: string[];
+export declare const FormGroupContent: string[];
+export declare const FormGroupLabel: string[];
+export declare const FormGroupLabelError: string[];
+export declare const FormGroupContentDirections: Record<FormGroupDirection, string[]>;

package/dist/esm/v3/components/or-radio-group-v3/OrRadioGroup.vue.d.ts

@@ -0,0 +1,110 @@
+import { PropType } from 'vue-demi';
+import { FormGroupDirection } from '../or-form-group-v3';
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    proxyModelValue: import("@vue/composition-api").Ref<any> | import("@vue/composition-api").WritableComputedRef<any>;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    modelValue: {
+        type: any;
+        default: null;
+    };
+    direction: {
+        type: PropType<FormGroupDirection>;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: PropType<{
+            label: string;
+            value: any;
+            disabled?: boolean | undefined;
+        }[]>;
+        default: () => never[];
+    };
+    error: {
+        type: StringConstructor;
+        default: string;
+    };
+    hint: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    modelValue: {
+        type: any;
+        default: null;
+    };
+    direction: {
+        type: PropType<FormGroupDirection>;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: PropType<{
+            label: string;
+            value: any;
+            disabled?: boolean | undefined;
+        }[]>;
+        default: () => never[];
+    };
+    error: {
+        type: StringConstructor;
+        default: string;
+    };
+    hint: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    modelValue: any;
+    direction: FormGroupDirection;
+    label: string;
+    options: {
+        label: string;
+        value: any;
+        disabled?: boolean | undefined;
+    }[];
+    error: string;
+    hint: string;
+    disabled: boolean;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    proxyModelValue: import("@vue/composition-api").Ref<any> | import("@vue/composition-api").WritableComputedRef<any>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
+    modelValue: any;
+    direction: FormGroupDirection;
+    label: string;
+    options: {
+        label: string;
+        value: any;
+        disabled?: boolean | undefined;
+    }[];
+    error: string;
+    hint: string;
+    disabled: boolean;
+} & {}, {
+    modelValue: any;
+    direction: FormGroupDirection;
+    label: string;
+    options: {
+        label: string;
+        value: any;
+        disabled?: boolean | undefined;
+    }[];
+    error: string;
+    hint: string;
+    disabled: boolean;
+}, true>);
+export default _default;

package/dist/esm/v3/components/or-radio-group-v3/index.d.ts

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

package/dist/esm/v3/components/or-radio-group-v3/index.js

@@ -0,0 +1,91 @@
+import { defineComponent } from 'vue-demi';
+import { useVModel } from '@vueuse/core';
+import { s as script$1 } from '../../OrFormGroup-d9255559.js';
+import { s as script$2 } from '../../OrRadio-a890ee7c.js';
+import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
+import '../../OrLabel-4da56db0.js';
+import '../../OrError-c01d0c29.js';
+import '../../OrHint-06ab89d7.js';
+import '../../useIdAttribute-859439f0.js';
+import '../../style-inject.es-4c6f2515.js';
+
+var script = defineComponent({
+  name: 'OrRadioGroup',
+  components: {
+    OrFormGroup: script$1,
+    OrRadio: script$2
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: null,
+      default: null
+    },
+    direction: {
+      type: String,
+      default: 'vertical'
+    },
+    label: {
+      type: String,
+      default: ''
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    error: {
+      type: String,
+      default: ''
+    },
+    hint: {
+      type: String,
+      default: ''
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, {
+    emit
+  }) {
+    const proxyModelValue = useVModel(props, 'modelValue', emit);
+    return {
+      proxyModelValue
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrRadio = resolveComponent("OrRadio");
+  const _component_OrFormGroup = resolveComponent("OrFormGroup");
+  return openBlock(), createBlock(_component_OrFormGroup, {
+    direction: _ctx.direction,
+    label: _ctx.label,
+    error: _ctx.error,
+    hint: _ctx.hint,
+    disabled: _ctx.disabled
+  }, {
+    addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+    default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, option => {
+      return openBlock(), createBlock(_component_OrRadio, {
+        key: option.value,
+        modelValue: _ctx.proxyModelValue,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event),
+        label: option.label,
+        value: option.value,
+        disabled: _ctx.disabled || option.disabled
+      }, null, 8 /* PROPS */, ["modelValue", "label", "value", "disabled"]);
+    }), 128 /* KEYED_FRAGMENT */))]),
+
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["direction", "label", "error", "hint", "disabled"]);
+}
+
+script.render = render;
+script.__file = "src/components/or-radio-group-v3/OrRadioGroup.vue";
+
+export { script as OrRadioGroupV3 };

package/dist/esm/v3/components/or-select-v3/index.js

@@ -1,10 +1,10 @@
-export { s as OrSelectV3 } from '../../OrSelect-5502d82d.js';
+export { s as OrSelectV3 } from '../../OrSelect-ebdab996.js';
 export { a as SelectSize } from '../../OrInputBox-11389afd.js';
 import 'vue-demi';
 import '../../dropdown-open-0d314aa4.js';
 import '../../useOverflow-af6161c8.js';
 import '@vueuse/core';
-import '../../OrCheckbox-56f849f7.js';
+import '../../OrCheckbox-eab735d0.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../OrLabel-4da56db0.js';
 import 'vue';

package/dist/esm/v3/flattenDeep-e7a8b995.js

@@ -0,0 +1,5 @@
+function flattenDeep(arr = []) {
+  return arr.flatMap(subArray => Array.isArray(subArray) ? flattenDeep(subArray) : subArray);
+}
+
+export { flattenDeep as f };

package/dist/esm/v3/index.d.ts

@@ -2,3 +2,4 @@ export * from './components';
 export * from './directives';
 export * from './hooks';
 export * from './utils/functions/text';
+export { default as flattenDeep } from './utils/functions/flattenDeep';

package/dist/esm/v3/index.js

@@ -12,7 +12,7 @@ export { s as OrCardV3 } from './OrCard-cc82902c.js';
 export { s as OrCarousel } from './OrCarousel-03597740.js';
 export { s as OrCarouselItem } from './OrCarouselItem-8c7ccd0f.js';
 export { s as OrCheckbox } from './OrCheckbox-7efd5f26.js';
-export { s as OrCheckboxV3 } from './OrCheckbox-56f849f7.js';
+export { s as OrCheckboxV3 } from './OrCheckbox-eab735d0.js';
 export { s as OrChip } from './OrChip-97a85e10.js';
 export { s as OrChips } from './OrChips-64b86761.js';
 export { s as OrCode, O as OrCodeLanguages } from './OrCode-6f2e4d99.js';
@@ -69,7 +69,7 @@ export { s as OrSearch } from './OrSearch-c4caf04e.js';
 export { s as OrSearchV3 } from './OrSearch-d5d46937.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-4587c7a9.js';
 export { s as OrSelect } from './OrSelect-d8a78242.js';
-export { s as OrSelectV3 } from './OrSelect-5502d82d.js';
+export { s as OrSelectV3 } from './OrSelect-ebdab996.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
 export { s as OrSidebarV3 } from './OrSidebar-0d715029.js';
 export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-4d7497ec.js';
@@ -113,6 +113,7 @@ export { u as useResponsive } from './useResponsive-a02e95b7.js';
 export { u as useToggle } from './useToggle-29e4d7c7.js';
 export { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { R as RX_ABBREVIATION_FROM_STRING } from './color-1f348774.js';
+export { f as flattenDeep } from './flattenDeep-e7a8b995.js';
 import 'vue-demi';
 import 'lodash';
 import 'vue';

package/dist/esm/v3/utils/functions/flattenDeep.d.ts

@@ -0,0 +1,2 @@
+declare function flattenDeep(arr?: any[]): any[];
+export default flattenDeep;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "4.1.2",
+  "version": "4.1.3-beta.2559.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -152,6 +152,5 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  },
-  "gitHead": "26bf58770624d260c6b33bf1c13ba22e60a88461"
+  }
 }

package/src/components/or-checkbox-group-v3/OrCheckboxGroup.docs.mdx

@@ -0,0 +1,7 @@
+import { DocsPage } from '@storybook/addon-docs';
+
+```ts
+import { OrCheckboxGroupV3 as OrCheckboxGroup } from '@onereach/ui-components';
+```
+
+<DocsPage />