@onereach/ui-components 4.1.1-beta.2534.0 → 4.1.1-beta.2536.0

package/dist/bundled/v2/components/OrFormGroupV3/OrFormGroup.js

@@ -0,0 +1,133 @@
+import { defineComponent, ref, computed } from 'vue-demi';
+import { Direction } from './props.js';
+import { FormGroupRoot, FormGroupContent, FormGroupContentDirections } from './styles.js';
+import __vue_component__$1 from '../OrLabelV3/OrLabel.js';
+import __vue_component__$2 from '../OrErrorV3/OrError.js';
+import __vue_component__$3 from '../OrHintV3/OrHint.js';
+import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
+import '../OrLabelV3/props.js';
+import '../OrLabelV3/styles.js';
+import '../OrErrorV3/styles.js';
+import '../OrHintV3/styles.js';
+
+var script = defineComponent({
+  name: 'OrFormGroupV3',
+  components: {
+    OrLabel: __vue_component__$1,
+    OrError: __vue_component__$2,
+    OrHint: __vue_component__$3
+  },
+  props: {
+    label: {
+      type: String,
+      default: undefined
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    collapsible: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    direction: {
+      type: String,
+      default: Direction.Vertical
+    },
+    error: {
+      type: [String, Boolean],
+      default: undefined
+    },
+    hint: {
+      type: String,
+      default: undefined
+    }
+  },
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-form-group-v3', ...FormGroupRoot]);
+    const contentStyles = computed(() => [...FormGroupContent, ...FormGroupContentDirections[props.direction]]);
+    return {
+      root,
+      rootStyles,
+      contentStyles
+    };
+  }
+});
+
+/* 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('div', {
+    ref: "root",
+    class: _vm.rootStyles
+  }, [_c('div', {
+    staticClass: "flex flex-row"
+  }, [_vm._t("label", function () {
+    return [_vm.label ? _c('OrLabel', {
+      staticClass: "!typography-body-2-regular",
+      attrs: {
+        "required": _vm.required,
+        "disabled": _vm.disabled
+      },
+      scopedSlots: _vm._u([{
+        key: "addon",
+        fn: function () {
+          return [_vm._t("addon")];
+        },
+        proxy: true
+      }], null, true)
+    }, [_vm._v("\n        " + _vm._s(_vm.label) + "\n\n        ")]) : _vm._e()];
+  })], 2), _vm._v(" "), _c('div', {
+    class: _vm.contentStyles
+  }, [_vm._t("default")], 2), _vm._v(" "), _vm.hint ? [_c('OrHint', {
+    attrs: {
+      "disabled": _vm.disabled
+    }
+  }, [_vm._v("\n      " + _vm._s(_vm.hint) + "\n    ")])] : _vm._e(), _vm._v(" "), _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: typeof _vm.error === 'string',
+      expression: "typeof error === 'string'"
+    }],
+    class: ['contents']
+  }, [_c('OrError', {
+    attrs: {
+      "disabled": _vm.disabled
+    }
+  }, [_vm._v("\n      " + _vm._s(_vm.error) + "\n    ")])], 1)], 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 default };

package/dist/{esm/v2/components/or-date-time-picker-v3/partials/or-date-time-picker-time-control/OrDateTimePickerTimeControl.vue.d.ts → bundled/v2/components/OrFormGroupV3/OrFormGroup.vue.d.ts}

@@ -1,18 +1,19 @@
+import { PropType } from 'vue-demi';
+import { Direction } 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[]>;
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
-    format: (value?: Date) => string;
+    contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }> & import("@vue/composition-api").Data, {}, {}, {
-    modelValue: {
-        type: DateConstructor;
+    label: {
+        type: StringConstructor;
         default: undefined;
     };
     required: {
         type: BooleanConstructor;
         default: boolean;
     };
-    readonly: {
+    collapsible: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -20,16 +21,28 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
+    direction: {
+        type: PropType<Direction>;
+        default: Direction;
+    };
+    error: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }, import("@vue/composition-api").ExtractPropTypes<{
-    modelValue: {
-        type: DateConstructor;
+    label: {
+        type: StringConstructor;
         default: undefined;
     };
     required: {
         type: BooleanConstructor;
         default: boolean;
     };
-    readonly: {
+    collapsible: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -37,25 +50,45 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: BooleanConstructor;
         default: boolean;
     };
+    direction: {
+        type: PropType<Direction>;
+        default: Direction;
+    };
+    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<{
-    modelValue: Date;
+    label: string;
     required: boolean;
-    readonly: boolean;
+    collapsible: boolean;
     disabled: boolean;
+    direction: Direction;
+    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[]>;
-    proxyModelValue: import("@vue/composition-api").WritableComputedRef<Date>;
-    format: (value?: Date) => string;
+    contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
-    modelValue: Date;
+    label: string;
     required: boolean;
-    readonly: boolean;
+    collapsible: boolean;
     disabled: boolean;
+    direction: Direction;
+    error: string | boolean;
+    hint: string;
 } & {}, {
-    modelValue: Date;
+    label: string;
     required: boolean;
-    readonly: boolean;
+    collapsible: boolean;
     disabled: boolean;
+    direction: Direction;
+    error: string | boolean;
+    hint: string;
 }, true>);
 export default _default;

package/dist/bundled/v2/components/OrFormGroupV3/index.js

@@ -0,0 +1 @@
+

package/dist/bundled/v2/components/OrFormGroupV3/props.d.ts

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

package/dist/bundled/v2/components/OrFormGroupV3/props.js

@@ -0,0 +1,7 @@
+var Direction;
+(function (Direction) {
+  Direction["Vertical"] = "vertical";
+  Direction["Horizontal"] = "horizontal";
+})(Direction || (Direction = {}));
+
+export { Direction };

package/dist/bundled/v2/components/OrFormGroupV3/styles.d.ts

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

package/dist/bundled/v2/components/OrFormGroupV3/styles.js

@@ -0,0 +1,14 @@
+import { Direction } from './props.js';
+
+const FormGroupRoot = [
+// Layout
+'flex', 'flex-col', 'gap-md md:gap-sm'];
+const FormGroupContent = [
+// Layout
+'flex', 'pl-[10px] md:pl-[0]', 'gap-md md:gap-sm'];
+const FormGroupContentDirections = {
+  [Direction.Vertical]: ['flex-col', 'gap-sm'],
+  [Direction.Horizontal]: ['flex-row', 'gap-[18px] md:gap-md']
+};
+
+export { FormGroupContent, FormGroupContentDirections, FormGroupRoot };

package/dist/bundled/v2/components/OrInputBoxV3/styles.js

@@ -30,14 +30,14 @@ const InputBoxRootSizes = {
   // Box
   'children:min-h-[46px] children:md:min-h-[34px]',
   // Spacing
-  'first-child:ml-md first-child:md:ml-sm+', 'last-child:mr-md last-child:md:mr-sm+', 'gap-sm+ md:gap-sm',
+  'first-child:pl-md first-child:md:pl-sm+', 'last-child:pr-md last-child:md:pr-sm+', 'gap-sm+ md:gap-sm',
   // Typography
   'typography-body-2-regular'],
   's': [
   // Box
   'children:min-h-[30px]',
   // Spacing
-  'first-child:ml-md first-child:md:ml-sm+', 'last-child:mr-md last-child:md:mr-sm+', 'gap-[6px]',
+  'first-child:pl-md first-child:md:pl-sm+', 'last-child:pr-md last-child:md:pr-sm+', 'gap-[6px]',
   // Typography
   'typography-caption-regular']
 };

package/dist/bundled/v2/components/OrMenuV3/OrMenu.js

@@ -33,7 +33,7 @@ var script = defineComponent({
     }
   },
   emits: ['update:state'],
-  expose: ['root', 'state', 'isOpen', 'open', 'close', 'toggle'],
+  expose: ['root', 'isOpen', 'open', 'close', 'toggle'],
   setup() {
     // Refs
     const root = ref();
@@ -42,10 +42,6 @@ var script = defineComponent({
       var _a;
       return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.root;
     });
-    const popoverState = computed(() => {
-      var _a;
-      return (_a = popover.value) === null || _a === void 0 ? void 0 : _a.state;
-    });
     // Styles
     const rootStyles = computed(() => ['or-menu-v3', ...MenuRoot]);
     // State
@@ -85,7 +81,6 @@ var script = defineComponent({
       root,
       popover,
       popoverRoot,
-      state: popoverState,
       rootStyles,
       isOpen,
       open,

package/dist/bundled/v2/components/OrMenuV3/OrMenu.vue.d.ts

@@ -8,7 +8,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [x: number]: string;
     } | {}, true> | undefined>;
     popoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    state: import("@vue/composition-api").ComputedRef<undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     isOpen: import("@vue/composition-api").ComputedRef<undefined>;
     open: () => void;
@@ -52,7 +51,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         [x: number]: string;
     } | {}, true> | undefined>;
     popoverRoot: import("@vue/composition-api").ComputedRef<undefined>;
-    state: import("@vue/composition-api").ComputedRef<undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     isOpen: import("@vue/composition-api").ComputedRef<undefined>;
     open: () => void;

package/dist/bundled/v2/components/OrSelectV3/OrSelect.js

@@ -11,9 +11,9 @@ import __vue_component__$8 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$9 from '../OrMenuItemV3/OrMenuItem.js';
 import __vue_component__$a from '../OrPopoverV3/OrPopover.js';
 import __vue_component__$b from '../OrTagV3/OrTag.js';
-import { useOverflow } from '../../hooks/useOverflow.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
+import { useOverflow } from '../../hooks/useOverflow.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrCheckboxV3/styles.js';

package/dist/bundled/v2/components/OrSelectV3/index.js

@@ -54,6 +54,6 @@ import '../OrMenuItemV3/styles.js';
 import '../OrTagV3/OrTag.js';
 import '../OrTagV3/props.js';
 import '../OrTagV3/styles.js';
-import '../../hooks/useOverflow.js';
 import '../../directives/dropdown-close.js';
 import '../../directives/dropdown-open.js';
+import '../../hooks/useOverflow.js';

package/dist/bundled/v2/components/index.d.ts

@@ -17,13 +17,11 @@ export * from './or-collapse';
 export * from './or-color-picker';
 export * from './or-confirm';
 export * from './or-confirm-v3';
-export * from './or-date-picker-v3';
 export * from './or-date-time-picker';
-export * from './or-date-time-picker-v3';
-export * from './or-empty-state-v3';
 export * from './or-error';
 export * from './or-error-tag-v3';
 export * from './or-error-v3';
+export * from './or-empty-state-v3';
 export * from './or-expansion-panel-v3';
 export * from './or-fab-v3';
 export * from './or-floating';
@@ -37,9 +35,9 @@ export * from './or-inline-input-box-v3';
 export * from './or-inline-input-v3';
 export * from './or-inline-text-edit';
 export * from './or-inline-textarea-v3';
-export * from './or-input';
 export * from './or-input-box-v3';
 export * from './or-input-v3';
+export * from './or-input';
 export * from './or-label';
 export * from './or-label-v3';
 export * from './or-link-v3';
@@ -57,8 +55,8 @@ export * from './or-number-input';
 export * from './or-overflow-menu';
 export * from './or-overlay';
 export * from './or-overlay-v3';
-export * from './or-pagination-v3';
 export * from './or-password';
+export * from './or-pagination-v3';
 export * from './or-popover-v3';
 export * from './or-progress';
 export * from './or-progress-v3';
@@ -92,7 +90,6 @@ export * from './or-text-v3';
 export * from './or-textarea';
 export * from './or-textarea-v3';
 export * from './or-textbox';
-export * from './or-time-picker-v3';
 export * from './or-toast';
 export * from './or-toast-v3';
 export * from './or-tooltip';

package/dist/bundled/v2/components/index.js

@@ -30,16 +30,13 @@ export { amber, black, blue, blueGrey, brown, cyan, deepOrange, deepPurple, gree
 export { default as OrConfirm } from './OrConfirm/OrConfirm.js';
 export { default as OrConfirmV3 } from './OrConfirmV3/OrConfirm.js';
 export { ConfirmType } from './OrConfirmV3/props.js';
-export { default as OrDatePickerV3 } from './OrDatePickerV3/OrDatePicker.js';
-export { InputBoxSize as DatePickerSize, InputBoxSize as DateTimePickerSize, InputBoxSize, InputBoxVariant, InputBoxSize as InputSize, InputBoxSize as SearchSize, InputBoxSize as SelectSize, InputBoxSize as TextareaSize, InputBoxSize as TimePickerSize } from './OrInputBoxV3/props.js';
 export { default as OrDateTimePicker } from './OrDateTimePicker/OrDateTimePicker.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
-export { default as OrDateTimePickerV3 } from './OrDateTimePickerV3/OrDateTimePicker.js';
-export { default as OrEmptyStateV3 } from './OrEmptyStateV3/OrEmptyState.js';
-export { EmptyStateSize } from './OrEmptyStateV3/props.js';
 export { default as OrError } from './OrError/OrError.js';
 export { default as OrErrorTagV3 } from './OrErrorTagV3/OrErrorTag.js';
 export { default as OrErrorV3 } from './OrErrorV3/OrError.js';
+export { default as OrEmptyStateV3 } from './OrEmptyStateV3/OrEmptyState.js';
+export { EmptyStateSize } from './OrEmptyStateV3/props.js';
 export { default as OrExpansionPanelV3 } from './OrExpansionPanelV3/OrExpansionPanel.js';
 export { ExpansionPanelColor, ExpansionPanelVariant } from './OrExpansionPanelV3/props.js';
 export { default as OrFabV3 } from './OrFabV3/OrFab.js';
@@ -61,10 +58,11 @@ export { InlineInputType } from './OrInlineInputV3/props.js';
 export { default as OrInlineTextEdit } from './OrInlineTextEdit/OrInlineTextEdit.js';
 export { InlineTextEditTrimmingTypes, InlineTextEditTypes } from './OrInlineTextEdit/constants.js';
 export { default as OrInlineTextareaV3 } from './OrInlineTextareaV3/OrInlineTextarea.js';
-export { default as OrInput } from './OrInput/OrInput.js';
 export { default as OrInputBoxV3 } from './OrInputBoxV3/OrInputBox.js';
+export { InputBoxSize, InputBoxVariant, InputBoxSize as InputSize, InputBoxSize as SearchSize, InputBoxSize as SelectSize, InputBoxSize as TextareaSize } from './OrInputBoxV3/props.js';
 export { default as OrInputV3 } from './OrInputV3/OrInput.js';
 export { InputType } from './OrInputV3/props.js';
+export { default as OrInput } from './OrInput/OrInput.js';
 export { default as OrLabel } from './OrLabel/OrLabel.js';
 export { default as OrLabelV3 } from './OrLabelV3/OrLabel.js';
 export { LabelVariant } from './OrLabelV3/props.js';
@@ -91,8 +89,8 @@ export { default as OrNumberInput } from './OrNumberInput/OrNumberInput.js';
 export { default as OrOverflowMenu } from './OrOverflowMenu/OrOverflowMenu.js';
 export { default as OrOverlay } from './OrOverlay/OrOverlay.js';
 export { default as OrOverlayV3 } from './OrOverlayV3/OrOverlay.js';
-export { default as OrPaginationV3 } from './OrPaginationV3/OrPagination.js';
 export { default as OrPassword } from './OrPassword/OrPassword.js';
+export { default as OrPaginationV3 } from './OrPaginationV3/OrPagination.js';
 export { default as OrPopoverV3 } from './OrPopoverV3/OrPopover.js';
 export { default as OrProgress } from './OrProgress/OrProgress.js';
 export { OrProgressColors, OrProgressTypes } from './OrProgress/constants.js';
@@ -139,7 +137,6 @@ export { default as OrTextarea } from './OrTextarea/OrTextarea.js';
 export { default as OrTextareaV3 } from './OrTextareaV3/OrTextarea.js';
 export { default as OrTextbox } from './OrTextbox/OrTextbox.js';
 export { TextboxTypes } from './OrTextbox/constants.js';
-export { default as OrTimePickerV3 } from './OrTimePickerV3/OrTimePicker.js';
 export { default as OrToast } from './OrToast/OrToast.js';
 export { default as OrToastContainer } from './OrToastContainer/OrToastContainer.js';
 export { default as useToast } from './OrToast/composable/useToast.js';
@@ -202,22 +199,8 @@ import './OrCode/theme.js';
 import './OrColorPicker/utils/defultPalette.js';
 import '../index-63e094a0.js';
 import './OrConfirmV3/styles.js';
-import '../OrDateTimePickerMonthSelect-8f281e89.js';
-import './OrDateTimePickerV3/hooks/useDatePlaceholder.js';
-import './OrDateTimePickerV3/hooks/useDefaultDate.js';
-import './OrDateTimePickerV3/hooks/useDefaultHours.js';
-import './OrDateTimePickerV3/hooks/useDefaultMinutes.js';
-import './OrDateTimePickerV3/hooks/useDefaultMonth.js';
-import './OrDateTimePickerV3/hooks/useDefaultYear.js';
-import '../OrDateTimePickerPopoverHeader-ffdf51e9.js';
-import './OrDatePickerV3/styles.js';
-import '../directives/dropdown-close.js';
-import '../directives/dropdown-open.js';
-import '../OrDateTimePickerTimeSelect-9228ee15.js';
-import './OrDateTimePickerV3/hooks/useTimePlaceholder.js';
-import './OrDateTimePickerV3/styles.js';
-import './OrEmptyStateV3/styles.js';
 import './OrErrorTagV3/styles.js';
+import './OrEmptyStateV3/styles.js';
 import './OrExpansionPanelV3/styles.js';
 import './OrFabV3/styles.js';
 import './OrInlineInputBoxV3/styles.js';
@@ -227,13 +210,15 @@ import './OrLinkV3/styles.js';
 import '../v4-cf8987a3.js';
 import './OrModalV3/styles.js';
 import './OrNotificationV3/styles.js';
-import './OrPaginationV3/styles.js';
 import '../hooks/useToggle.js';
+import './OrPaginationV3/styles.js';
 import './OrProgressV3/styles.js';
 import './OrRadioV3/styles.js';
 import './OrSegmentedControlV3/styles.js';
 import './OrSelect/constants.js';
 import './OrSelectV3/styles.js';
+import '../directives/dropdown-close.js';
+import '../directives/dropdown-open.js';
 import '../hooks/useOverflow.js';
 import './OrTagV3/styles.js';
 import './OrSidebarV3/styles.js';
@@ -244,7 +229,6 @@ import './OrTabV3/styles.js';
 import './OrTabsV3/styles.js';
 import './OrTextV3/styles.js';
 import './OrTextareaV3/styles.js';
-import './OrTimePickerV3/styles.js';
 import './OrToast/composable/useToastEventBus.js';
 import './OrToast/Timer.js';
 import './OrToastV3/styles.js';

package/dist/bundled/v2/directives/dropdown-close.js

@@ -3,7 +3,6 @@ import { isVue3 } from 'vue-demi';
 const created = (element, binding) => {
   element.addEventListener('keydown', event => {
     event.preventDefault();
-    event.stopPropagation();
     if (['Escape'].includes(event.key)) {
       binding.value(event);
     }

package/dist/bundled/v2/directives/dropdown-open.js

@@ -3,16 +3,11 @@ import { isVue3 } from 'vue-demi';
 const created = (element, binding) => {
   element.addEventListener('keydown', event => {
     event.preventDefault();
-    event.stopPropagation();
     if (['Enter', ' '].includes(event.key)) {
       binding.value(event);
     }
   });
-  element.addEventListener('click', event => {
-    event.preventDefault();
-    event.stopPropagation();
-    binding.value(event);
-  });
+  element.addEventListener('click', binding.value);
 };
 const DropdownOpen = {
   [isVue3 ? 'created' : 'bind']: created