@onereach/ui-components 4.12.0 → 4.12.1-beta.2983.0

package/dist/bundled/v3/components/OrSortingV3/OrSortingV3.js

@@ -0,0 +1,88 @@
+import { s as script } from '../../OrSortingV3.vue_vue_type_script_lang-1bb22099.js';
+export { s as default } from '../../OrSortingV3.vue_vue_type_script_lang-1bb22099.js';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createElementVNode, toDisplayString, createBlock, createCommentVNode, Fragment, renderList, createTextVNode } from 'vue';
+import 'vue-demi';
+import './styles.js';
+import '../OrMenuV3/OrMenu.js';
+import '../../OrMenu.vue_vue_type_script_lang-f8611f9d.js';
+import '../OrMenuV3/styles.js';
+import '../OrPopoverV3/OrPopover.js';
+import '../../OrPopover.vue_vue_type_script_lang-d15ec5cb.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../../index-e11e05e2.js';
+import '../../index-f4d8e24c.js';
+import '../OrPopoverV3/props.js';
+import '../OrPopoverV3/styles.js';
+import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-ec375126.js';
+import '../OrBottomSheetV3/props.js';
+import '../OrBottomSheetV3/styles.js';
+import '../OrOverlayV3/OrOverlay.js';
+import '../../OrOverlay.vue_vue_type_script_lang-9036d75d.js';
+import '../OrOverlayV3/styles.js';
+import '../OrTeleportV3/OrTeleport.js';
+import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
+import '../../hooks/useElevation.js';
+import '../../utils/isVisible.js';
+import '../../hooks/usePopoverState.js';
+import '../../hooks/useResponsive/useResponsive.js';
+import '../OrMenuItemV3/OrMenuItem.js';
+import '../../OrMenuItem.vue_vue_type_script_lang-8f6994d5.js';
+import '../OrMenuItemV3/styles.js';
+import '../OrIconV3/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
+import '../OrIconV3/props.js';
+import '../OrIconV3/styles.js';
+import '../OrButtonV3/OrButton.js';
+import '../../OrButton.vue_vue_type_script_lang-7370e903.js';
+import '../OrButtonV3/props.js';
+import '../OrButtonV3/styles.js';
+import '../OrLoaderV3/OrLoader.js';
+import '../../OrLoader.vue_vue_type_script_lang-a21dc976.js';
+import '../OrLoaderV3/props.js';
+import '../OrLoaderV3/styles.js';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrIcon = resolveComponent("OrIcon");
+  const _component_OrButton = resolveComponent("OrButton");
+  const _component_OrMenuItem = resolveComponent("OrMenuItem");
+  const _component_OrMenu = resolveComponent("OrMenu");
+  return openBlock(), createElementBlock("div", {
+    ref: _ctx.root,
+    class: normalizeClass(_ctx.rootStyles)
+  }, [createVNode(_component_OrButton, {
+    ref: "sortButton",
+    variant: "link",
+    color: "primary",
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.sortMenu.toggle())
+  }, {
+    default: withCtx(() => [createElementVNode("span", {
+      class: normalizeClass(_ctx.sortLabelStyles)
+    }, toDisplayString(_ctx.sortLabel), 3 /* TEXT, CLASS */), _ctx.sortMenu ? (openBlock(), createBlock(_component_OrIcon, {
+      key: 0,
+      icon: _ctx.sortMenu.state === 'open' ? 'arrow_drop_up' : 'arrow_drop_down'
+    }, null, 8 /* PROPS */, ["icon"])) : createCommentVNode("v-if", true)]),
+    _: 1 /* STABLE */
+  }, 512 /* NEED_PATCH */), createVNode(_component_OrMenu, {
+    ref: "sortMenu",
+    trigger: _ctx.sortButton && _ctx.sortButton.root,
+    placement: "bottom-start"
+  }, {
+    default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, item => {
+      return openBlock(), createBlock(_component_OrMenuItem, {
+        key: item.value,
+        selected: item.value === _ctx.proxySort,
+        onClick: $event => _ctx.handleSort(item.value)
+      }, {
+        default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1 /* TEXT */)]),
+
+        _: 2 /* DYNAMIC */
+      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "onClick"]);
+    }), 128 /* KEYED_FRAGMENT */))]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["trigger"])], 2 /* CLASS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-sorting-v3/OrSortingV3.vue";

package/dist/bundled/v3/components/OrSortingV3/OrSortingV3.vue.d.ts

@@ -0,0 +1,36 @@
+import { PropType } from 'vue-demi';
+import { SortOption } from './types';
+declare const _default: import("vue-demi").DefineComponent<{
+    sort: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    options: {
+        type: PropType<SortOption[]>;
+        default: () => never[];
+    };
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    sortMenu: import("vue-demi").Ref<any>;
+    sortButton: import("vue-demi").Ref<any>;
+    sortLabel: import("vue-demi").ComputedRef<string | undefined>;
+    proxySort: import("vue-demi").Ref<string | undefined>;
+    handleSort: (sort: string) => void;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+    sortLabelStyles: import("vue-demi").ComputedRef<string[]>;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "change"[], "change", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    sort: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    options: {
+        type: PropType<SortOption[]>;
+        default: () => never[];
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    sort: string;
+    options: SortOption[];
+}>;
+export default _default;

package/dist/bundled/v3/components/OrSortingV3/index.d.ts

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

package/dist/bundled/v3/components/OrSortingV3/index.js

@@ -0,0 +1,42 @@
+export { s as OrSortingV3 } from '../../OrSortingV3.vue_vue_type_script_lang-1bb22099.js';
+import 'vue-demi';
+import './styles.js';
+import '../OrMenuV3/OrMenu.js';
+import '../../OrMenu.vue_vue_type_script_lang-f8611f9d.js';
+import '../OrMenuV3/styles.js';
+import '../OrPopoverV3/OrPopover.js';
+import '../../OrPopover.vue_vue_type_script_lang-d15ec5cb.js';
+import '../../floating-ui.dom.esm-83eba816.js';
+import '../../index-e11e05e2.js';
+import '../../index-f4d8e24c.js';
+import '../OrPopoverV3/props.js';
+import '../OrPopoverV3/styles.js';
+import '../OrBottomSheetV3/OrBottomSheet.js';
+import '../../OrBottomSheet.vue_vue_type_script_lang-ec375126.js';
+import '../OrBottomSheetV3/props.js';
+import '../OrBottomSheetV3/styles.js';
+import '../OrOverlayV3/OrOverlay.js';
+import '../../OrOverlay.vue_vue_type_script_lang-9036d75d.js';
+import '../OrOverlayV3/styles.js';
+import '../OrTeleportV3/OrTeleport.js';
+import '../../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
+import 'vue';
+import '../../hooks/useElevation.js';
+import '../../utils/isVisible.js';
+import '../../hooks/usePopoverState.js';
+import '../../hooks/useResponsive/useResponsive.js';
+import '../OrMenuItemV3/OrMenuItem.js';
+import '../../OrMenuItem.vue_vue_type_script_lang-8f6994d5.js';
+import '../OrMenuItemV3/styles.js';
+import '../OrIconV3/OrIcon.js';
+import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
+import '../OrIconV3/props.js';
+import '../OrIconV3/styles.js';
+import '../OrButtonV3/OrButton.js';
+import '../../OrButton.vue_vue_type_script_lang-7370e903.js';
+import '../OrButtonV3/props.js';
+import '../OrButtonV3/styles.js';
+import '../OrLoaderV3/OrLoader.js';
+import '../../OrLoader.vue_vue_type_script_lang-a21dc976.js';
+import '../OrLoaderV3/props.js';
+import '../OrLoaderV3/styles.js';

package/dist/bundled/v3/components/OrSortingV3/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const SortingRoot: never[];
+export declare const SortingLabel: string[];

package/dist/bundled/v3/components/OrSortingV3/styles.js

@@ -0,0 +1,6 @@
+const SortingRoot = [];
+const SortingLabel = [
+// Theme
+'text-on-background dark:text-on-background-dark'];
+
+export { SortingLabel, SortingRoot };

package/dist/bundled/v3/components/OrSortingV3/types.d.ts

@@ -0,0 +1,4 @@
+export interface SortOption {
+    label: string;
+    value: string;
+}

package/dist/bundled/v3/components/OrTabsV3/OrTabs.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrTabs.vue_vue_type_script_lang-e9ea6c28.js';
-export { s as default } from '../../OrTabs.vue_vue_type_script_lang-e9ea6c28.js';
+import { s as script } from '../../OrTabs.vue_vue_type_script_lang-366b95d9.js';
+export { s as default } from '../../OrTabs.vue_vue_type_script_lang-366b95d9.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, Fragment, renderList, createBlock, withModifiers, withCtx, createTextVNode, toDisplayString, createVNode, createCommentVNode, renderSlot } from 'vue';
 import '../../index-e11e05e2.js';
 import '../../index-f4d8e24c.js';
@@ -32,7 +32,7 @@ import '../../utils/isVisible.js';
 import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrMenuItemV3/OrMenuItem.js';
-import '../../OrMenuItem.vue_vue_type_script_lang-f35dcab4.js';
+import '../../OrMenuItem.vue_vue_type_script_lang-8f6994d5.js';
 import '../OrMenuItemV3/styles.js';
 import '../OrTabV3/OrTab.js';
 import '../../OrTab.vue_vue_type_script_lang-8af58197.js';

package/dist/bundled/v3/components/OrTabsV3/index.js

@@ -1,5 +1,5 @@
 export { TabsVariant } from './props.js';
-export { s as OrTabsV3 } from '../../OrTabs.vue_vue_type_script_lang-e9ea6c28.js';
+export { s as OrTabsV3 } from '../../OrTabs.vue_vue_type_script_lang-366b95d9.js';
 import '../../index-e11e05e2.js';
 import '../../index-f4d8e24c.js';
 import 'vue-demi';
@@ -31,7 +31,7 @@ import '../../utils/isVisible.js';
 import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
 import '../OrMenuItemV3/OrMenuItem.js';
-import '../../OrMenuItem.vue_vue_type_script_lang-f35dcab4.js';
+import '../../OrMenuItem.vue_vue_type_script_lang-8f6994d5.js';
 import '../OrMenuItemV3/styles.js';
 import '../OrTabV3/OrTab.js';
 import '../../OrTab.vue_vue_type_script_lang-8af58197.js';

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

@@ -80,7 +80,7 @@ export * from './or-sidebar-v3';
 export * from './or-skeleton';
 export * from './or-skeleton-v3';
 export * from './or-slider';
-export * from './or-sort-header-v3';
+export * from './or-sorting-v3';
 export * from './or-stepper';
 export * from './or-switch';
 export * from './or-switch-v3';

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

@@ -14,7 +14,7 @@ export { ButtonColor, ButtonType, ButtonVariant } from './OrButtonV3/props.js';
 export { s as OrCard } from '../OrCard.vue_vue_type_script_lang-81561dd8.js';
 export { CARD_COLLECTION_LAYOUT } from './OrCardCollection/constants.js';
 export { s as OrCardCollection } from '../OrCardCollection.vue_vue_type_script_lang-eb86b548.js';
-export { s as OrCardCollectionV3 } from '../OrCardCollection.vue_vue_type_script_lang-9d20dd3c.js';
+export { s as OrCardCollectionV3 } from '../OrCardCollection.vue_vue_type_script_lang-9597e400.js';
 export { DefaultCardCollectionViews, defaultViewModes, gridView, listView } from './OrCardCollectionV3/props.js';
 export { s as OrCardV3 } from '../OrCard.vue_vue_type_script_lang-b204e541.js';
 export { s as OrCheckbox } from '../OrCheckbox.vue_vue_type_script_lang-dedfe767.js';
@@ -35,10 +35,10 @@ export { InputBoxSize as CombinedInputSize, InputBoxSize as DatePickerSize, Inpu
 export { s as OrConfirm } from '../OrConfirm.vue_vue_type_script_lang-836e2a0f.js';
 export { s as OrConfirmV3 } from '../OrConfirm.vue_vue_type_script_lang-1ce271f7.js';
 export { ConfirmType } from './OrConfirmV3/props.js';
-export { s as OrDatePickerV3 } from '../OrDatePicker.vue_vue_type_script_lang-d94c33ca.js';
+export { s as OrDatePickerV3 } from '../OrDatePicker.vue_vue_type_script_lang-04af0e24.js';
 export { s as OrDateTimePicker } from '../OrDateTimePicker.vue_vue_type_script_lang-b7857a99.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
-export { s as OrDateTimePickerV3 } from '../OrDateTimePicker.vue_vue_type_script_lang-46b1735a.js';
+export { s as OrDateTimePickerV3 } from '../OrDateTimePicker.vue_vue_type_script_lang-ec06a304.js';
 export { DateTimePickerTimeFormat, DateTimePickerTimeFormat as TimePickerFormat } from './OrDateTimePickerV3/props.js';
 export { s as OrEmptyStateV3 } from '../OrEmptyState.vue_vue_type_script_lang-2c1f09ef.js';
 export { EmptyStateSize } from './OrEmptyStateV3/props.js';
@@ -83,7 +83,7 @@ export { s as OrLoader } from '../OrLoader.vue_vue_type_script_lang-a1fed697.js'
 export { LoaderViews } from './OrLoader/constants.js';
 export { s as OrLoaderV3 } from '../OrLoader.vue_vue_type_script_lang-a21dc976.js';
 export { LoaderColor, LoaderSize, LoaderVariant } from './OrLoaderV3/props.js';
-export { s as OrMenuItemV3 } from '../OrMenuItem.vue_vue_type_script_lang-f35dcab4.js';
+export { s as OrMenuItemV3 } from '../OrMenuItem.vue_vue_type_script_lang-8f6994d5.js';
 export { s as OrMenuV3 } from '../OrMenu.vue_vue_type_script_lang-f8611f9d.js';
 export { PopoverPlacement as MenuPlacement, PopoverPlacement, PopoverVariant, PopoverPlacement as TooltipPlacement } from './OrPopoverV3/props.js';
 export { s as OrModal } from '../OrModal.vue_vue_type_script_lang-32c395a3.js';
@@ -98,7 +98,7 @@ export { s as OrNumberInput } from '../OrNumberInput.vue_vue_type_script_lang-9d
 export { s as OrOverflowMenu } from '../OrOverflowMenu.vue_vue_type_script_lang-e077c7fd.js';
 export { s as OrOverlay } from '../OrOverlay.vue_vue_type_script_lang-2f5d626d.js';
 export { s as OrOverlayV3 } from '../OrOverlay.vue_vue_type_script_lang-9036d75d.js';
-export { s as OrPaginationV3 } from '../OrPagination.vue_vue_type_script_lang-32a27808.js';
+export { s as OrPaginationV3 } from '../OrPagination.vue_vue_type_script_lang-f4c61af9.js';
 export { s as OrPassword } from '../OrPassword.vue_vue_type_script_lang-0a87f331.js';
 export { s as OrPopoverV3 } from '../OrPopover.vue_vue_type_script_lang-d15ec5cb.js';
 export { s as OrProgress } from '../OrProgress.vue_vue_type_script_lang-89224310.js';
@@ -114,7 +114,7 @@ export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-9d98ed4d.j
 export { s as OrSegmentedControlV3 } from '../OrSegmentedControl.vue_vue_type_script_lang-3a7df112.js';
 export { SegmentedControlSize } from './OrSegmentedControlV3/props.js';
 export { s as OrSelect } from '../OrSelect.vue_vue_type_script_lang-b8b014f6.js';
-export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-69c5cd67.js';
+export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-fe9a7e7c.js';
 export { s as OrSidebar } from '../OrSidebar.vue_vue_type_script_lang-cac8e5b7.js';
 export { OrSidebarSide } from './OrSidebar/constants.js';
 export { s as OrSidebarV3 } from '../OrSidebar.vue_vue_type_script_lang-a79c5901.js';
@@ -127,7 +127,7 @@ export { s as OrSkeletonCircleV3 } from '../OrSkeletonCircle.vue_vue_type_script
 export { s as OrSkeletonRectV3 } from '../OrSkeletonRect.vue_vue_type_script_lang-3a1d6b32.js';
 export { s as OrSkeletonTextV3 } from '../OrSkeletonText.vue_vue_type_script_lang-6703fb3a.js';
 export { s as OrSlider } from '../OrSlider.vue_vue_type_script_lang-9ae4141f.js';
-export { s as OrSortHeaderV3 } from '../OrSortHeader.vue_vue_type_script_lang-a444d88b.js';
+export { s as OrSortingV3 } from '../OrSortingV3.vue_vue_type_script_lang-1bb22099.js';
 export { s as OrStepper } from '../OrStepper.vue_vue_type_script_lang-999e65f6.js';
 export { s as OrSwitch } from '../OrSwitch.vue_vue_type_script_lang-3ef06bbd.js';
 export { s as OrSwitchV3 } from '../OrSwitch.vue_vue_type_script_lang-2014e70b.js';
@@ -135,7 +135,7 @@ export { s as OrTab } from '../OrTab.vue_vue_type_script_lang-d9ee65b6.js';
 export { s as OrTabHeaderItem } from '../OrTabHeaderItem.vue_vue_type_script_lang-e1a0b91f.js';
 export { s as OrTabV3 } from '../OrTab.vue_vue_type_script_lang-8af58197.js';
 export { s as OrTabs } from '../OrTabs.vue_vue_type_script_lang-9129d34b.js';
-export { s as OrTabsV3 } from '../OrTabs.vue_vue_type_script_lang-e9ea6c28.js';
+export { s as OrTabsV3 } from '../OrTabs.vue_vue_type_script_lang-366b95d9.js';
 export { TabsVariant } from './OrTabsV3/props.js';
 export { s as OrTag } from '../OrTag.vue_vue_type_script_lang-42a69c16.js';
 export { s as OrTagInputV3 } from '../OrTagInput.vue_vue_type_script_lang-7f991f8e.js';
@@ -220,11 +220,13 @@ import './OrPopoverV3/OrPopover.js';
 import './OrPopoverV3/styles.js';
 import './OrBottomSheetV3/OrBottomSheet.js';
 import '../hooks/useResponsive/useResponsive.js';
-import './OrButtonV3/OrButton.js';
+import './OrSortingV3/OrSortingV3.js';
+import './OrSortingV3/styles.js';
 import './OrMenuV3/OrMenu.js';
 import './OrMenuV3/styles.js';
 import './OrMenuItemV3/OrMenuItem.js';
 import './OrMenuItemV3/styles.js';
+import './OrButtonV3/OrButton.js';
 import './OrSearchV3/OrSearch.js';
 import './OrInputV3/OrInput.js';
 import './OrInputV3/styles.js';
@@ -270,7 +272,7 @@ import '../index-500b3ace.js';
 import './OrButtonV2/OrButton.js';
 import './OrConfirmV3/styles.js';
 import './OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../OrDateTimePickerMonthSelect-57340c1e.js';
+import '../OrDateTimePickerMonthSelect-1e284be4.js';
 import './OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../OrDateTimePickerPopoverHeader-4959231c.js';
 import './OrDatePickerV3/styles.js';
@@ -315,7 +317,6 @@ import '../hooks/useOverflow.js';
 import './OrSidebarV3/styles.js';
 import '../range-c87289f7.js';
 import './OrSkeletonV3/styles.js';
-import './OrSortHeaderV3/styles.js';
 import './OrSwitchV3/styles.js';
 import './OrTabV3/styles.js';
 import './OrTabHeaderItem/OrTabHeaderItem.js';