@bitrix24/b24ui-nuxt 0.4.10 → 0.5.0

package/dist/runtime/components/SidebarLayout.vue

@@ -1,16 +1,14 @@
 <script lang="ts">
-// import type { VariantProps } from 'tailwind-variants'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/b24ui/sidebar-layout'
 import { tv } from '../utils/tv'
+import { useRoute } from 'vue-router'
 
 const appConfigSidebarLayout = _appConfig as AppConfig & { b24ui: { sidebarLayout: Partial<typeof theme> } }
 
 const sidebarLayout = tv({ extend: tv(theme), ...(appConfigSidebarLayout.b24ui?.sidebarLayout || {}) })
 
-// type SidebarLayoutVariants = VariantProps<typeof sidebarLayout>
-
 export interface SidebarLayoutProps {
   /**
    * The element or component this component should render as.
@@ -26,8 +24,10 @@ export interface SidebarLayoutProps {
 export interface SidebarLayoutSlots {
   /**
    * Menu for all screen sizes.
+   * @param props
+   * @param props.handleClick - Handler for navigation click events
    */
-  sidebar(props?: {}): any
+  sidebar(props: { handleClick: () => void }): any
   /**
    * Menu for mobile screen sizes.
    */
@@ -40,7 +40,7 @@ export interface SidebarLayoutSlots {
 </script>
 
 <script setup lang="ts">
-import { computed } from 'vue'
+import { ref, computed, watch, onUnmounted } from 'vue'
 import { Primitive } from 'reka-ui'
 import B24Slideover from './Slideover.vue'
 import B24Sidebar from './Sidebar.vue'
@@ -55,12 +55,34 @@ const props = withDefaults(defineProps<SidebarLayoutProps>(), {
 })
 const slots = defineSlots<SidebarLayoutSlots>()
 
+const route = useRoute()
 const isUseSideBar = computed(() => !!slots.sidebar)
+const openSidebarSlideover = ref(false)
 
 const b24ui = computed(() => sidebarLayout({
   useSidebar: isUseSideBar.value,
   useLightContent: Boolean(props.useLightContent)
 }))
+
+const closeModal = () => {
+  if (openSidebarSlideover.value) {
+    openSidebarSlideover.value = false
+  }
+}
+
+const stopWatcher = watch(
+  () => route.path,
+  () => closeModal(),
+  { immediate: true }
+)
+
+onUnmounted(() => {
+  stopWatcher()
+})
+
+const handleNavigationClick = () => {
+  closeModal()
+}
 </script>
 
 <template>
@@ -68,14 +90,18 @@ const b24ui = computed(() => sidebarLayout({
     <template v-if="isUseSideBar">
       <div :class="b24ui.sidebar({ class: props.b24ui?.sidebar })">
         <B24Sidebar>
-          <slot name="sidebar" />
+          <slot name="sidebar" :handle-click="handleNavigationClick" />
         </B24Sidebar>
       </div>
     </template>
 
     <header :class="b24ui.header({ class: props.b24ui?.header })">
-      <div :class="b24ui.headerPaddings({ class: props.b24ui?.headerPaddings })">
+      <div
+        v-if="isUseSideBar"
+        :class="b24ui.headerPaddings({ class: props.b24ui?.headerPaddings })"
+      >
         <B24Slideover
+          v-model:open="openSidebarSlideover"
           title="Navigation"
           description="Content navigation"
           side="left"
@@ -104,7 +130,7 @@ const b24ui = computed(() => sidebarLayout({
                   </B24ModalDialogClose>
                 </div>
 
-                <slot name="sidebar" />
+                <slot name="sidebar" :handle-click="handleNavigationClick" />
               </B24Sidebar>
             </div>
           </template>

package/dist/runtime/components/SidebarSection.vue

@@ -24,7 +24,6 @@ export interface SidebarSectionSlots {
 </script>
 
 <script setup lang="ts">
-import { computed } from 'vue'
 import { Primitive } from 'reka-ui'
 
 const props = withDefaults(defineProps<SidebarSectionProps>(), {
@@ -33,7 +32,7 @@ const props = withDefaults(defineProps<SidebarSectionProps>(), {
 defineSlots<SidebarSectionSlots>()
 
 // eslint-disable-next-line vue/no-dupe-keys
-const b24ui = computed(() => sidebarSection({}))
+const b24ui = sidebarSection()
 </script>
 
 <template>

package/dist/runtime/components/SidebarSpacer.vue

@@ -24,7 +24,6 @@ export interface SidebarSpacerSlots {
 </script>
 
 <script setup lang="ts">
-import { computed } from 'vue'
 import { Primitive } from 'reka-ui'
 
 const props = withDefaults(defineProps<SidebarSpacerProps>(), {
@@ -33,7 +32,7 @@ const props = withDefaults(defineProps<SidebarSpacerProps>(), {
 defineSlots<SidebarSpacerSlots>()
 
 // eslint-disable-next-line vue/no-dupe-keys
-const b24ui = computed(() => sidebarSpacer({}))
+const b24ui = sidebarSpacer()
 </script>
 
 <template>

package/dist/runtime/components/StackedLayout.vue

@@ -27,7 +27,6 @@ export interface StackedLayoutSlots {
 </script>
 
 <script setup lang="ts">
-import { computed } from 'vue'
 import { Primitive } from 'reka-ui'
 
 const props = withDefaults(defineProps<StackedLayoutProps>(), {
@@ -36,8 +35,7 @@ const props = withDefaults(defineProps<StackedLayoutProps>(), {
 const slots = defineSlots<StackedLayoutSlots>()
 
 // eslint-disable-next-line vue/no-dupe-keys
-const b24ui = computed(() => stackedLayout({
-}))
+const b24ui = stackedLayout()
 </script>
 
 <template>

package/dist/runtime/composables/defineLocale.js

@@ -1,4 +1,5 @@
 import { defu } from "defu";
+// @__NO_SIDE_EFFECTS__
 export function defineLocale(options) {
   return defu(options, { dir: "ltr" });
 }

package/dist/runtime/composables/defineShortcuts.js

@@ -21,6 +21,7 @@ export function extractShortcuts(items) {
   traverse(items.flat());
   return shortcuts;
 }
+// @__NO_SIDE_EFFECTS__
 export function defineShortcuts(config, options = {}) {
   const chainedInputs = ref([]);
   const clearChainedInput = () => {

package/dist/runtime/composables/useKbd.js

@@ -49,4 +49,4 @@ const _useKbd = () => {
     getKbdKey
   };
 };
-export const useKbd = createSharedComposable(_useKbd);
+export const useKbd = /* @__PURE__ */ createSharedComposable(_useKbd);

package/dist/runtime/composables/useLocale.js

@@ -2,9 +2,9 @@ import { computed, inject, toRef } from "vue";
 import { createSharedComposable } from "@vueuse/core";
 import { buildLocaleContext } from "../utils/locale.js";
 import en from "../locale/en.js";
-export const localeContextInjectionKey = Symbol("bitrix24-ui.locale-context");
+export const localeContextInjectionKey = Symbol.for("bitrix24-ui.locale-context");
 const _useLocale = (localeOverrides) => {
   const locale = localeOverrides || toRef(inject(localeContextInjectionKey));
   return buildLocaleContext(computed(() => locale.value || en));
 };
-export const useLocale = createSharedComposable(_useLocale);
+export const useLocale = /* @__PURE__ */ createSharedComposable(_useLocale);

package/dist/runtime/composables/useOverlay.js

@@ -68,4 +68,4 @@ function _useOverlay() {
     unMount
   };
 }
-export const useOverlay = createSharedComposable(_useOverlay);
+export const useOverlay = /* @__PURE__ */ createSharedComposable(_useOverlay);

package/dist/runtime/index.css

@@ -1 +1 @@
-@plugin "@bitrix24/b24style";@import "#build/b24ui.css";@import "./keyframes.css";@variant light (&:where(.light, .light *));@variant dark (&:where(.dark, .dark *));@layer base{--b24ui-header-height:calc(var(--spacing)*16);body{@apply antialiased scheme-light dark:scheme-dark}}@layer theme{:host,:root{--spacing:.25rem}}.scrollbar-thin{scrollbar-width:thin}.scrollbar-transparent{scrollbar-color:hsla(0,0%,100%,.21) transparent}.scrollbar-transparent:hover{scrollbar-color:rgba(82,92,105,.36) transparent}.dark .scrollbar-transparent{scrollbar-color:rgba(0,0,0,.21) transparent}.dark .scrollbar-transparent:hover{scrollbar-color:#515a67 transparent}
+@plugin "@bitrix24/b24style";@import "#build/b24ui.css";@import "./keyframes.css";@variant light (&:where(.light, .light *));@variant dark (&:where(.dark, .dark *));@layer base{--b24ui-header-height:calc(var(--spacing)*16);body{@apply antialiased scheme-light dark:scheme-dark}}@layer theme{:host,:root{--spacing:.25rem}}.scrollbar-thin{scrollbar-width:thin}.scrollbar-transparent{scrollbar-color:transparent transparent;scrollbar-gutter:stable}.scrollbar-transparent:hover{scrollbar-color:rgba(82,92,105,.36) transparent}.dark .scrollbar-transparent{scrollbar-color:rgba(0,0,0,.21) transparent}.dark .scrollbar-transparent:hover{scrollbar-color:#515a67 transparent}

package/dist/runtime/types/form.d.ts

@@ -1,9 +1,7 @@
 import type { StandardSchemaV1 } from '@standard-schema/spec';
 import type { ComputedRef, DeepReadonly, Ref } from 'vue';
-import type { ZodSchema } from 'zod';
 import type { Schema as JoiSchema } from 'joi';
 import type { ObjectSchema as YupObjectSchema } from 'yup';
-import type { GenericSchema as ValibotSchema, GenericSchemaAsync as ValibotSchemaAsync, SafeParser as ValibotSafeParser, SafeParserAsync as ValibotSafeParserAsync } from 'valibot';
 import type { GetObjectField } from './utils';
 import type { Struct as SuperstructSchema } from 'superstruct';
 export interface Form<T extends object> {
@@ -24,7 +22,7 @@ export interface Form<T extends object> {
     touchedFields: DeepReadonly<Set<keyof T>>;
     blurredFields: DeepReadonly<Set<keyof T>>;
 }
-export type FormSchema<T extends object> = ZodSchema | YupObjectSchema<T> | ValibotSchema | ValibotSchemaAsync | ValibotSafeParser<any, any> | ValibotSafeParserAsync<any, any> | JoiSchema<T> | SuperstructSchema<any, any> | StandardSchemaV1;
+export type FormSchema<T extends object> = YupObjectSchema<T> | JoiSchema<T> | SuperstructSchema<any, any> | StandardSchemaV1;
 export type FormInputEvents = 'input' | 'blur' | 'change' | 'focus';
 export interface FormError<P extends string = string> {
     name?: P;

package/dist/runtime/types/index.d.ts

@@ -9,6 +9,7 @@ export * from '../components/ButtonGroup.vue';
 export * from '../components/Calendar.vue';
 export * from '../components/Checkbox.vue';
 export * from '../components/Chip.vue';
+export * from '../components/Collapsible.vue';
 export * from '../components/Container.vue';
 export * from '../components/Countdown.vue';
 export * from '../components/DescriptionList.vue';
@@ -22,6 +23,7 @@ export * from '../components/Kbd.vue';
 export * from '../components/Link.vue';
 export * from '../components/Modal.vue';
 export * from '../components/ModalDialogClose.vue';
+export * from '../components/NavigationMenu.vue';
 export * from '../components/Popover.vue';
 export * from '../components/Progress.vue';
 export * from '../components/RadioGroup.vue';

package/dist/runtime/types/index.js

@@ -9,6 +9,7 @@ export * from "../components/ButtonGroup.vue";
 export * from "../components/Calendar.vue";
 export * from "../components/Checkbox.vue";
 export * from "../components/Chip.vue";
+export * from "../components/Collapsible.vue";
 export * from "../components/Container.vue";
 export * from "../components/Countdown.vue";
 export * from "../components/DescriptionList.vue";
@@ -22,6 +23,7 @@ export * from "../components/Kbd.vue";
 export * from "../components/Link.vue";
 export * from "../components/Modal.vue";
 export * from "../components/ModalDialogClose.vue";
+export * from "../components/NavigationMenu.vue";
 export * from "../components/Popover.vue";
 export * from "../components/Progress.vue";
 export * from "../components/RadioGroup.vue";

package/dist/runtime/utils/form.d.ts

@@ -1,17 +1,13 @@
 import type { StandardSchemaV1 } from '@standard-schema/spec';
-import type { ZodSchema } from 'zod';
 import type { ValidationError as JoiError, Schema as JoiSchema } from 'joi';
 import type { ObjectSchema as YupObjectSchema, ValidationError as YupError } from 'yup';
-import type { GenericSchema as ValibotSchema, GenericSchemaAsync as ValibotSchemaAsync, SafeParser as ValibotSafeParser, SafeParserAsync as ValibotSafeParserAsync } from 'valibot';
 import type { Struct } from 'superstruct';
 import type { FormSchema, ValidateReturnSchema } from '../types/form';
 export declare function isYupSchema(schema: any): schema is YupObjectSchema<any>;
 export declare function isYupError(error: any): error is YupError;
 export declare function isSuperStructSchema(schema: any): schema is Struct<any, any>;
-export declare function isZodSchema(schema: any): schema is ZodSchema;
 export declare function isJoiSchema(schema: any): schema is JoiSchema;
 export declare function isJoiError(error: any): error is JoiError;
-export declare function isValibotSchema(schema: any): schema is ValibotSchema | ValibotSchemaAsync | ValibotSafeParser<any, any> | ValibotSafeParserAsync<any, any>;
 export declare function isStandardSchema(schema: any): schema is StandardSchemaV1;
 export declare function validateStandardSchema(state: any, schema: StandardSchemaV1): Promise<ValidateReturnSchema<typeof state>>;
 export declare function validateSchema<T extends object>(state: T, schema: FormSchema<T>): Promise<ValidateReturnSchema<typeof state>>;

package/dist/runtime/utils/form.js

@@ -7,18 +7,12 @@ export function isYupError(error) {
 export function isSuperStructSchema(schema) {
   return "schema" in schema && typeof schema.coercer === "function" && typeof schema.validator === "function" && typeof schema.refiner === "function";
 }
-export function isZodSchema(schema) {
-  return schema.parse !== void 0;
-}
 export function isJoiSchema(schema) {
   return schema.validateAsync !== void 0 && schema.id !== void 0;
 }
 export function isJoiError(error) {
   return error.isJoi === true;
 }
-export function isValibotSchema(schema) {
-  return "_run" in schema || typeof schema === "function" && "schema" in schema;
-}
 export function isStandardSchema(schema) {
   return "~standard" in schema;
 }
@@ -77,23 +71,6 @@ async function validateSuperstructSchema(state, schema) {
     result
   };
 }
-async function validateZodSchema(state, schema) {
-  const result = await schema.safeParseAsync(state);
-  if (result.success === false) {
-    const errors = result.error.issues.map((issue) => ({
-      name: issue.path.join("."),
-      message: issue.message
-    }));
-    return {
-      errors,
-      result: null
-    };
-  }
-  return {
-    result: result.data,
-    errors: null
-  };
-}
 async function validateJoiSchema(state, schema) {
   try {
     const result = await schema.validateAsync(state, { abortEarly: false });
@@ -116,33 +93,11 @@ async function validateJoiSchema(state, schema) {
     }
   }
 }
-async function validateValibotSchema(state, schema) {
-  const result = await ("_run" in schema ? schema._run({ typed: false, value: state }, {}) : schema(state));
-  if (!result.issues || result.issues.length === 0) {
-    const output = "output" in result ? result.output : "value" in result ? result.value : null;
-    return {
-      errors: null,
-      result: output
-    };
-  }
-  const errors = result.issues.map((issue) => ({
-    name: issue.path?.map((item) => item.key).join(".") || "",
-    message: issue.message
-  }));
-  return {
-    errors,
-    result: null
-  };
-}
 export function validateSchema(state, schema) {
-  if (isZodSchema(schema)) {
-    return validateZodSchema(state, schema);
+  if (isStandardSchema(schema)) {
+    return validateStandardSchema(state, schema);
   } else if (isJoiSchema(schema)) {
     return validateJoiSchema(state, schema);
-  } else if (isStandardSchema(schema)) {
-    return validateStandardSchema(state, schema);
-  } else if (isValibotSchema(schema)) {
-    return validateValibotSchema(state, schema);
   } else if (isYupSchema(schema)) {
     return validateYupSchema(state, schema);
   } else if (isSuperStructSchema(schema)) {

package/dist/runtime/utils/link.d.ts

@@ -6,24 +6,24 @@ export declare function pickLinkProps(link: LinkProps & {
     replace: any;
     type: any;
     title: any;
-    href: any;
-    target: any;
-    as: any;
-    prefetch: any;
-    rel: any;
-    external: any;
-    exact: any;
     active: any;
-    disabled: any;
     activeClass: any;
     ariaCurrentValue: any;
     ariaLabel: any;
+    as: any;
+    disabled: any;
+    exact: any;
     exactActiveClass: any;
     exactHash: any;
     exactQuery: any;
+    external: any;
+    href: any;
     inactiveClass: any;
     noPrefetch: any;
     noRel: any;
+    prefetch: any;
     prefetchedClass: any;
+    rel: any;
+    target: any;
     to: any;
 };

package/dist/runtime/utils/tv.js

@@ -1,4 +1,4 @@
 import { createTV } from "tailwind-variants";
 import _appConfig from "#build/app.config";
 const appConfigTv = _appConfig;
-export const tv = createTV(appConfigTv.b24ui?.tv);
+export const tv = /* @__PURE__ */ createTV(appConfigTv.b24ui?.tv);

package/dist/runtime/vue/stubs.d.ts

@@ -12,7 +12,7 @@ export declare const useColorMode: () => {
     preference?: undefined;
     readonly value?: undefined;
 } | {
-    preference: "dark" | "light" | "system";
+    preference: "light" | "dark" | "system";
     readonly value: import("@vueuse/core").BasicColorMode;
     forced: boolean;
 };