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

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

@@ -0,0 +1,129 @@
+import { defineComponent } from 'vue-demi';
+import { useVModel } from '@vueuse/core';
+import { _ as __vue_component__$2, F as FormGroupDirection } from '../../OrFormGroup-7a883bce.js';
+import { _ as __vue_component__$1 } from '../../OrCheckboxTree-00fd6cf9.js';
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
+import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
+import '../../OrLabel-63380256.js';
+import '../../OrError-4ffc1c39.js';
+import '../../OrHint-aa221198.js';
+import '../../OrCheckbox-e55228e5.js';
+import '../../useIdAttribute-859439f0.js';
+import '../../OrIcon-d35a84d8.js';
+import '../../flattenDeep-e7a8b995.js';
+
+var script = defineComponent({
+  name: 'OrCheckboxGroup',
+  components: {
+    OrCheckboxTree: __vue_component__$1,
+    OrFormGroup: __vue_component__$2
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    label: {
+      type: String,
+      default: ''
+    },
+    error: {
+      type: String,
+      default: ''
+    },
+    hint: {
+      type: String,
+      default: ''
+    },
+    direction: {
+      type: String,
+      default: FormGroupDirection.Vertical
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, {
+    emit
+  }) {
+    const proxyModelValue = useVModel(props, 'modelValue', emit);
+    return {
+      proxyModelValue
+    };
+  }
+});
+
+var css_248z = "";
+styleInject(css_248z);
+
+/* script */
+const __vue_script__ = script;
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('OrFormGroup', {
+    attrs: {
+      "label": _vm.label,
+      "error": _vm.error,
+      "hint": _vm.hint,
+      "disabled": _vm.disabled,
+      "direction": _vm.direction
+    },
+    scopedSlots: _vm._u([{
+      key: "addon",
+      fn: function () {
+        return [_vm._t("addon")];
+      },
+      proxy: true
+    }], null, true)
+  }, [_vm._v(" "), _vm._l(_vm.options, function (option) {
+    return _c('OrCheckboxTree', {
+      key: option.value,
+      attrs: {
+        "item": option,
+        "disabled": _vm.disabled || option.disabled,
+        "collapsible": option.collapsible
+      },
+      model: {
+        value: _vm.proxyModelValue,
+        callback: function ($$v) {
+          _vm.proxyModelValue = $$v;
+        },
+        expression: "proxyModelValue"
+      }
+    });
+  })], 2);
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = undefined;
+/* scoped */
+const __vue_scope_id__ = "data-v-3e45cf11";
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+
+export { __vue_component__ as OrCheckboxGroupV3 };

package/dist/esm/v2/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/v2/components/or-checkbox-tree-v3/index.d.ts

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

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

@@ -0,0 +1,10 @@
+export { _ as OrCheckboxTreeV3 } from '../../OrCheckboxTree-00fd6cf9.js';
+import 'vue-demi';
+import '@vueuse/core';
+import '../../OrCheckbox-e55228e5.js';
+import '../../useIdAttribute-859439f0.js';
+import '../../OrLabel-63380256.js';
+import '../../normalize-component-6e8e3d80.js';
+import '../../style-inject.es-4c6f2515.js';
+import '../../OrIcon-d35a84d8.js';
+import '../../flattenDeep-e7a8b995.js';

package/dist/esm/v2/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/v2/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/v2/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/v2/components/or-checkbox-v3/index.js

@@ -1,7 +1,7 @@
-export { _ as OrCheckboxV3 } from '../../OrCheckbox-dc587ec9.js';
+export { _ as OrCheckboxV3 } from '../../OrCheckbox-e55228e5.js';
 import 'vue-demi';
-import '../../useIdAttribute-859439f0.js';
 import '@vueuse/core';
+import '../../useIdAttribute-859439f0.js';
 import '../../OrLabel-63380256.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../style-inject.es-4c6f2515.js';

package/dist/esm/v2/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/v2/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/v2/components/or-form-group-v3/index.js

@@ -0,0 +1,6 @@
+export { F as FormGroupDirection, _ as OrFormGroupV3 } from '../../OrFormGroup-7a883bce.js';
+import 'vue-demi';
+import '../../OrLabel-63380256.js';
+import '../../normalize-component-6e8e3d80.js';
+import '../../OrError-4ffc1c39.js';
+import '../../OrHint-aa221198.js';

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

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

package/dist/esm/v2/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/v2/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/v2/components/or-radio-group-v3/index.d.ts

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

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

@@ -0,0 +1,124 @@
+import { defineComponent } from 'vue-demi';
+import { useVModel } from '@vueuse/core';
+import { _ as __vue_component__$1 } from '../../OrFormGroup-7a883bce.js';
+import { _ as __vue_component__$2 } from '../../OrRadio-26031dd3.js';
+import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
+import '../../OrLabel-63380256.js';
+import '../../OrError-4ffc1c39.js';
+import '../../OrHint-aa221198.js';
+import '../../useIdAttribute-859439f0.js';
+import '../../style-inject.es-4c6f2515.js';
+
+var script = defineComponent({
+  name: 'OrRadioGroup',
+  components: {
+    OrFormGroup: __vue_component__$1,
+    OrRadio: __vue_component__$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
+    };
+  }
+});
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('OrFormGroup', {
+    attrs: {
+      "direction": _vm.direction,
+      "label": _vm.label,
+      "error": _vm.error,
+      "hint": _vm.hint,
+      "disabled": _vm.disabled
+    },
+    scopedSlots: _vm._u([{
+      key: "addon",
+      fn: function () {
+        return [_vm._t("addon")];
+      },
+      proxy: true
+    }], null, true)
+  }, [_vm._v(" "), _vm._l(_vm.options, function (option) {
+    return _c('OrRadio', {
+      key: option.value,
+      attrs: {
+        "label": option.label,
+        "value": option.value,
+        "disabled": _vm.disabled || option.disabled
+      },
+      model: {
+        value: _vm.proxyModelValue,
+        callback: function ($$v) {
+          _vm.proxyModelValue = $$v;
+        },
+        expression: "proxyModelValue"
+      }
+    });
+  })], 2);
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = undefined;
+/* scoped */
+const __vue_scope_id__ = undefined;
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+
+export { __vue_component__ as OrRadioGroupV3 };

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

@@ -1,10 +1,10 @@
-export { _ as OrSelectV3 } from '../../OrSelect-40183874.js';
+export { _ as OrSelectV3 } from '../../OrSelect-4031334e.js';
 export { a as SelectSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-23426690.js';
 import 'vue-demi';
 import '../../dropdown-open-0d314aa4.js';
 import '../../useOverflow-af6161c8.js';
 import '@vueuse/core';
-import '../../OrCheckbox-dc587ec9.js';
+import '../../OrCheckbox-e55228e5.js';
 import '../../useIdAttribute-859439f0.js';
 import '../../OrLabel-63380256.js';
 import '../../normalize-component-6e8e3d80.js';