@design-factory/core 21.1.0 → 22.0.0-next.1

package/rating-DZ3OQgtt.cjs

@@ -1,183 +0,0 @@
-"use strict";
-const tansu = require("@amadeus-it-group/tansu");
-const types = require("./types.cjs");
-const utils_directive = require("./directive-DyTodNPd.cjs");
-const utils_writables = require("./writables-Dt68gADJ.cjs");
-const utils_func = require("./utils/func.cjs");
-const utils_stores = require("./utils/stores.cjs");
-const utils_widget = require("./utils/widget.cjs");
-const defaultConfig = {
-  rating: 0,
-  tabindex: 0,
-  maxRating: 10,
-  disabled: false,
-  readonly: false,
-  resettable: true,
-  ariaValueTextFn: (rating, maxRating) => `${rating} out of ${maxRating}`,
-  onHover: utils_func.noop,
-  onLeave: utils_func.noop,
-  onRatingChange: utils_func.noop,
-  className: "",
-  ariaLabel: "Rating",
-  ariaLabelledBy: ""
-};
-function getRatingDefaultConfig() {
-  return { ...defaultConfig };
-}
-const configValidator = {
-  rating: utils_writables.typeNumber,
-  tabindex: utils_writables.typeNumber,
-  maxRating: { normalizeValue: (value) => utils_writables.isNumber(value) ? Math.max(0, value) : types.INVALID_VALUE },
-  disabled: utils_writables.typeBoolean,
-  readonly: utils_writables.typeBoolean,
-  resettable: utils_writables.typeBoolean,
-  ariaValueTextFn: utils_writables.typeFunction,
-  onHover: utils_writables.typeFunction,
-  onLeave: utils_writables.typeFunction,
-  onRatingChange: utils_writables.typeFunction,
-  className: utils_writables.typeString,
-  ariaLabel: utils_writables.typeString,
-  ariaLabelledBy: utils_writables.typeString
-};
-const createRating = utils_widget.createWidgetFactory(
-  "rating",
-  (config) => {
-    const [
-      {
-        // dirty inputs that need adjustment:
-        rating$: _dirtyRating$,
-        tabindex$: _dirtyTabindex$,
-        ariaValueTextFn$,
-        onHover$,
-        onLeave$,
-        onRatingChange$,
-        ...stateProps
-      },
-      patch
-    ] = utils_stores.writablesForProps(defaultConfig, config, configValidator);
-    const { ariaLabel$, ariaLabelledBy$, className$, disabled$, maxRating$, readonly$, resettable$ } = stateProps;
-    const tabindex$ = tansu.computed(() => disabled$() ? -1 : _dirtyTabindex$());
-    const rating$ = utils_stores.bindableProp(_dirtyRating$, onRatingChange$, (dirtyRating) => utils_writables.clamp(dirtyRating, maxRating$(), 0));
-    const _hoveredRating$ = tansu.writable(0);
-    const interactive$ = tansu.computed(() => !disabled$() && !readonly$());
-    const visibleRating$ = tansu.computed(() => {
-      const hoveredRating = _hoveredRating$();
-      return hoveredRating !== 0 ? hoveredRating : rating$();
-    });
-    const ariaValueText$ = tansu.computed(() => ariaValueTextFn$()(visibleRating$(), maxRating$()));
-    const stars$ = tansu.computed(() => {
-      const visibleRating = visibleRating$();
-      return Array.from({ length: maxRating$() }, (_v, i) => ({
-        fill: Math.round(Math.max(Math.min(visibleRating - i, 1), 0) * 100),
-        index: i
-      }));
-    });
-    const widget = {
-      ...utils_stores.stateStores({
-        ariaValueText$,
-        interactive$,
-        rating$,
-        stars$,
-        tabindex$,
-        visibleRating$,
-        ...stateProps
-      }),
-      patch,
-      directives: {
-        containerDirective: utils_directive.createAttributesDirective(() => ({
-          events: {
-            keydown: (event) => {
-              if (interactive$()) {
-                const { key } = event;
-                switch (key) {
-                  case "ArrowLeft":
-                  case "ArrowDown":
-                    rating$.update((rating) => rating - 1);
-                    break;
-                  case "ArrowRight":
-                  case "ArrowUp":
-                    rating$.update((rating) => rating + 1);
-                    break;
-                  case "Home":
-                  case "PageDown":
-                    rating$.set(0);
-                    break;
-                  case "End":
-                  case "PageUp":
-                    rating$.set(maxRating$());
-                    break;
-                  default:
-                    return;
-                }
-                event.preventDefault();
-                event.stopPropagation();
-              }
-            },
-            mouseleave: () => {
-              if (interactive$()) {
-                widget.api.leave();
-              }
-            }
-          },
-          attributes: {
-            role: tansu.readable("slider"),
-            class: className$,
-            "aria-valuemin": tansu.readable(0),
-            tabindex: tabindex$,
-            "aria-valuemax": maxRating$,
-            "aria-valuenow": visibleRating$,
-            "aria-valuetext": ariaValueText$,
-            "aria-readonly": tansu.computed(() => readonly$() ? "true" : void 0),
-            "aria-disabled": tansu.computed(() => disabled$() ? "true" : void 0),
-            "aria-label": ariaLabel$,
-            "aria-labelledby": tansu.computed(() => ariaLabelledBy$() || void 0)
-          },
-          classNames: {
-            "au-rating": utils_stores.true$
-          }
-        })),
-        starDirective: utils_directive.createAttributesDirective((starContext$) => {
-          return {
-            events: {
-              mouseenter: () => {
-                const index = starContext$().index + 1;
-                if (interactive$() && index > 0 && index <= maxRating$()) {
-                  _hoveredRating$.set(index);
-                  onHover$()(index);
-                }
-              },
-              click: () => {
-                const index = starContext$().index + 1;
-                if (interactive$() && index > 0 && index <= maxRating$()) {
-                  rating$.update((rating) => rating === index && resettable$() ? 0 : index);
-                }
-              }
-            },
-            styles: {
-              cursor: tansu.computed(() => interactive$() ? "pointer" : "default")
-            },
-            classNames: {
-              "au-rating-star": utils_stores.true$
-            }
-          };
-        })
-      },
-      api: {
-        setRating(index) {
-          rating$.set(index);
-        },
-        setHoveredRating(index) {
-          onHover$()(index);
-          _hoveredRating$.set(index);
-        },
-        leave() {
-          onLeave$()(visibleRating$());
-          _hoveredRating$.set(0);
-        }
-      }
-    };
-    return widget;
-  }
-);
-exports.createRating = createRating;
-exports.getRatingDefaultConfig = getRatingDefaultConfig;

package/scrollbars-f651ntzz.cjs

@@ -1,33 +0,0 @@
-"use strict";
-const utils_func = require("./utils/func.cjs");
-const internalRemoveScrollbars = () => {
-  if (typeof window === "undefined") {
-    return utils_func.noop;
-  }
-  const scrollbarWidth = Math.abs(window.innerWidth - document.documentElement.clientWidth);
-  const body = document.body;
-  const bodyStyle = body.style;
-  const { overflow, paddingRight } = bodyStyle;
-  if (scrollbarWidth > 0) {
-    const actualPadding = parseFloat(window.getComputedStyle(body).paddingRight);
-    bodyStyle.paddingRight = `${actualPadding + scrollbarWidth}px`;
-  }
-  bodyStyle.overflow = "hidden";
-  return () => {
-    if (scrollbarWidth > 0) {
-      bodyStyle.paddingRight = paddingRight;
-    }
-    bodyStyle.overflow = overflow;
-  };
-};
-let internalRevert = utils_func.noop;
-const removeScrollbars = () => {
-  internalRevert();
-  internalRevert = internalRemoveScrollbars();
-};
-const revertScrollbars = () => {
-  internalRevert();
-  internalRevert = utils_func.noop;
-};
-exports.removeScrollbars = removeScrollbars;
-exports.revertScrollbars = revertScrollbars;

package/services/extendWidget.cjs

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tansu = require("@amadeus-it-group/tansu");
-const utils_stores = require("../utils/stores.cjs");
-const types = require("../types.cjs");
-const extendWidgetProps = (factory, extraPropsDefaults, extraPropsConfig, overrideDefaults) => {
-  const extendedFactory = (propsConfig) => {
-    const extraPropsWritables = utils_stores.writablesWithDefault(
-      extraPropsDefaults,
-      propsConfig,
-      extraPropsConfig
-    );
-    const propsConfigConfig = propsConfig?.config;
-    const config = utils_stores.isStore(propsConfigConfig) ? tansu.computed(() => ({ ...overrideDefaults, ...propsConfigConfig() })) : { ...overrideDefaults, ...propsConfigConfig ?? {} };
-    const widget = factory({ props: propsConfig?.props, config });
-    return {
-      ...widget,
-      ...utils_stores.stateStores({ ...widget.stores, ...extraPropsWritables }),
-      patch: (storesValues) => tansu.batch(() => {
-        let widgetProps;
-        for (const [name, value] of Object.entries(storesValues ?? {})) {
-          const extraPropsStore = extraPropsWritables[`${name}$`];
-          if (extraPropsStore) {
-            extraPropsStore.set(value);
-          } else {
-            if (!widgetProps) {
-              widgetProps = {};
-            }
-            widgetProps[name] = value;
-          }
-        }
-        if (widgetProps) {
-          widget.patch(widgetProps);
-        }
-      })
-    };
-  };
-  extendedFactory[types.FACTORY_WIDGET_NAME] = factory[types.FACTORY_WIDGET_NAME];
-  return extendedFactory;
-};
-exports.extendWidgetProps = extendWidgetProps;

package/services/floatingUI.cjs

@@ -1,111 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tansu = require("@amadeus-it-group/tansu");
-const dom = require("@floating-ui/dom");
-const utils_directive = require("../directive-DyTodNPd.cjs");
-const promise = require("../promise-CxCD3NYv.cjs");
-const utils_stores = require("../utils/stores.cjs");
-const defaultConfig = {
-  computePositionOptions: {},
-  autoUpdateOptions: {},
-  arrowOptions: {}
-};
-const createFloatingUI = (propsConfig) => {
-  const [
-    { autoUpdateOptions$, computePositionOptions$: computePositionInputOptions$, arrowOptions$: arrowInputOptions$ },
-    patch
-  ] = utils_stores.writablesForProps(defaultConfig, propsConfig);
-  const { directive: floatingDirective, element$: floatingElement$ } = utils_directive.createBrowserStoreDirective();
-  const { directive: referenceDirective, element$: referenceElement$ } = utils_directive.createBrowserStoreDirective();
-  const { directive: arrowDirective, element$: arrowElement$ } = utils_directive.createBrowserStoreDirective();
-  const arrowOptions$ = tansu.computed(() => {
-    const arrowElement = arrowElement$();
-    if (!arrowElement) {
-      return null;
-    }
-    const arrowInputOptions = arrowInputOptions$();
-    return typeof arrowInputOptions === "function" ? (state) => ({ ...arrowInputOptions(state), element: arrowElement }) : { ...arrowInputOptions, element: arrowElement };
-  });
-  const computePositionOptions$ = tansu.computed(() => {
-    let options = computePositionInputOptions$();
-    const arrowOptions = arrowOptions$();
-    if (arrowOptions) {
-      options = {
-        ...options,
-        middleware: [...options.middleware ?? [], dom.arrow(arrowOptions)]
-      };
-    }
-    return options;
-  });
-  const promisePosition$ = tansu.derived(
-    [floatingElement$, referenceElement$, computePositionOptions$, autoUpdateOptions$],
-    ([floatingElement, referenceElement, computePositionOptions, autoUpdateOptions], set) => {
-      if (floatingElement && referenceElement) {
-        const clean = dom.autoUpdate(
-          referenceElement,
-          floatingElement,
-          () => {
-            set(dom.computePosition(referenceElement, floatingElement, computePositionOptions));
-          },
-          autoUpdateOptions
-        );
-        return () => {
-          set(null);
-          clean();
-        };
-      }
-      return void 0;
-    },
-    null
-  );
-  const position$ = promise.promiseStoreToValueStore(promisePosition$, null);
-  const placement$ = tansu.computed(() => position$()?.placement);
-  const middlewareData$ = tansu.computed(() => position$()?.middlewareData);
-  const x$ = tansu.computed(() => position$()?.x);
-  const y$ = tansu.computed(() => position$()?.y);
-  const strategy$ = tansu.computed(() => position$()?.strategy);
-  const arrowX$ = tansu.computed(() => middlewareData$()?.arrow?.x);
-  const arrowY$ = tansu.computed(() => middlewareData$()?.arrow?.y);
-  const floatingStyleApplyAction$ = tansu.computed(() => {
-    const floatingElement = floatingElement$();
-    if (floatingElement) {
-      floatingElement.style.left = `${x$() ?? 0}px`;
-      floatingElement.style.top = `${y$() ?? 0}px`;
-    }
-  });
-  const arrowStyleApplyAction$ = tansu.computed(() => {
-    const arrowElement = arrowElement$();
-    if (arrowElement) {
-      const arrowX = arrowX$();
-      const arrowY = arrowY$();
-      arrowElement.style.left = arrowX != null ? `${arrowX}px` : "";
-      arrowElement.style.top = arrowY != null ? `${arrowY}px` : "";
-    }
-  });
-  return {
-    patch,
-    ...utils_stores.stateStores({
-      x$,
-      y$,
-      strategy$,
-      placement$,
-      middlewareData$
-    }),
-    directives: {
-      /**
-       * Directive to be used on the reference element from where the floating element will be positioned
-       */
-      referenceDirective,
-      /**
-       * Directive to be used on the floating element
-       */
-      floatingDirective: utils_directive.mergeDirectives(floatingDirective, utils_directive.directiveSubscribe(floatingStyleApplyAction$)),
-      /**
-       * Directive to be used on the arrow element, if any
-       */
-      arrowDirective: utils_directive.mergeDirectives(arrowDirective, utils_directive.directiveSubscribe(arrowStyleApplyAction$))
-    },
-    api: {}
-  };
-};
-exports.createFloatingUI = createFloatingUI;

package/services/floatingUI.d.ts

@@ -1,76 +0,0 @@
-import type { ArrowOptions, AutoUpdateOptions, ComputePositionConfig, Derivable, MiddlewareData, Placement, Strategy } from '@floating-ui/dom';
-import type { Directive, PropsConfig, SSRHTMLElement, Widget } from '../types';
-/**
- * Interface representing the properties for configuring Floating UI.
- */
-export interface FloatingUIProps {
-    /**
-     * Options to use when calling computePosition from Floating UI
-     */
-    computePositionOptions: ComputePositionConfig;
-    /**
-     * Options to use when calling autoUpdate from Floating UI
-     */
-    autoUpdateOptions: AutoUpdateOptions;
-    /**
-     * Options to use when calling the arrow middleware from Floating UI
-     */
-    arrowOptions: Omit<ArrowOptions, 'element'> | Derivable<Omit<ArrowOptions, 'element'>>;
-}
-/**
- * Represents the state of a floating UI element.
- */
-export interface FloatingUIState {
-    /**
-     * The x coordinate of the floating ui
-     */
-    x: number | undefined;
-    /**
-     * The y coordinate of the floating ui
-     */
-    y: number | undefined;
-    /**
-     * The strategy used to position the floating element
-     */
-    strategy: Strategy | undefined;
-    /**
-     * The final chosen placement of the floating element
-     */
-    placement: Placement | undefined;
-    /**
-     * Object containing data returned from all middleware, keyed by their name
-     */
-    middlewareData: MiddlewareData | undefined;
-}
-/**
- * Interface representing the directives used to enable floating ui.
- */
-export interface FloatingUIDirectives {
-    /**
-     * Directive to attach to the reference element
-     */
-    referenceDirective: Directive<void, SSRHTMLElement>;
-    /**
-     * Directive to attach to the floating element
-     */
-    floatingDirective: Directive<void, SSRHTMLElement>;
-    /**
-     * Directive to attach to the arrow element
-     */
-    arrowDirective: Directive<void, SSRHTMLElement>;
-}
-/**
- * Represents the type returned by the `createFloatingUI` function.
- *
- * This type is used to define the structure and behavior of the Floating UI component.
- */
-export type FloatingUI = Widget<FloatingUIProps, FloatingUIState, object, FloatingUIDirectives>;
-/**
- * Create a floating UI service.
- *
- * The returned service includes the patch method to patch the states, the stores to track the states and directives to apply.
- *
- * @param propsConfig - the props config for the floating UI service
- * @returns the floating UI service
- */
-export declare const createFloatingUI: (propsConfig?: PropsConfig<FloatingUIProps>) => FloatingUI;

package/services/floatingUI.js

@@ -1,111 +0,0 @@
-import { computed, derived } from "@amadeus-it-group/tansu";
-import { arrow, autoUpdate, computePosition } from "@floating-ui/dom";
-import { i as createBrowserStoreDirective, s as mergeDirectives, o as directiveSubscribe } from "../directive-CNNSo5Yn.js";
-import { a as promiseStoreToValueStore } from "../promise-D-RZVPuv.js";
-import { writablesForProps, stateStores } from "../utils/stores.js";
-const defaultConfig = {
-  computePositionOptions: {},
-  autoUpdateOptions: {},
-  arrowOptions: {}
-};
-const createFloatingUI = (propsConfig) => {
-  const [
-    { autoUpdateOptions$, computePositionOptions$: computePositionInputOptions$, arrowOptions$: arrowInputOptions$ },
-    patch
-  ] = writablesForProps(defaultConfig, propsConfig);
-  const { directive: floatingDirective, element$: floatingElement$ } = createBrowserStoreDirective();
-  const { directive: referenceDirective, element$: referenceElement$ } = createBrowserStoreDirective();
-  const { directive: arrowDirective, element$: arrowElement$ } = createBrowserStoreDirective();
-  const arrowOptions$ = computed(() => {
-    const arrowElement = arrowElement$();
-    if (!arrowElement) {
-      return null;
-    }
-    const arrowInputOptions = arrowInputOptions$();
-    return typeof arrowInputOptions === "function" ? (state) => ({ ...arrowInputOptions(state), element: arrowElement }) : { ...arrowInputOptions, element: arrowElement };
-  });
-  const computePositionOptions$ = computed(() => {
-    let options = computePositionInputOptions$();
-    const arrowOptions = arrowOptions$();
-    if (arrowOptions) {
-      options = {
-        ...options,
-        middleware: [...options.middleware ?? [], arrow(arrowOptions)]
-      };
-    }
-    return options;
-  });
-  const promisePosition$ = derived(
-    [floatingElement$, referenceElement$, computePositionOptions$, autoUpdateOptions$],
-    ([floatingElement, referenceElement, computePositionOptions, autoUpdateOptions], set) => {
-      if (floatingElement && referenceElement) {
-        const clean = autoUpdate(
-          referenceElement,
-          floatingElement,
-          () => {
-            set(computePosition(referenceElement, floatingElement, computePositionOptions));
-          },
-          autoUpdateOptions
-        );
-        return () => {
-          set(null);
-          clean();
-        };
-      }
-      return void 0;
-    },
-    null
-  );
-  const position$ = promiseStoreToValueStore(promisePosition$, null);
-  const placement$ = computed(() => position$()?.placement);
-  const middlewareData$ = computed(() => position$()?.middlewareData);
-  const x$ = computed(() => position$()?.x);
-  const y$ = computed(() => position$()?.y);
-  const strategy$ = computed(() => position$()?.strategy);
-  const arrowX$ = computed(() => middlewareData$()?.arrow?.x);
-  const arrowY$ = computed(() => middlewareData$()?.arrow?.y);
-  const floatingStyleApplyAction$ = computed(() => {
-    const floatingElement = floatingElement$();
-    if (floatingElement) {
-      floatingElement.style.left = `${x$() ?? 0}px`;
-      floatingElement.style.top = `${y$() ?? 0}px`;
-    }
-  });
-  const arrowStyleApplyAction$ = computed(() => {
-    const arrowElement = arrowElement$();
-    if (arrowElement) {
-      const arrowX = arrowX$();
-      const arrowY = arrowY$();
-      arrowElement.style.left = arrowX != null ? `${arrowX}px` : "";
-      arrowElement.style.top = arrowY != null ? `${arrowY}px` : "";
-    }
-  });
-  return {
-    patch,
-    ...stateStores({
-      x$,
-      y$,
-      strategy$,
-      placement$,
-      middlewareData$
-    }),
-    directives: {
-      /**
-       * Directive to be used on the reference element from where the floating element will be positioned
-       */
-      referenceDirective,
-      /**
-       * Directive to be used on the floating element
-       */
-      floatingDirective: mergeDirectives(floatingDirective, directiveSubscribe(floatingStyleApplyAction$)),
-      /**
-       * Directive to be used on the arrow element, if any
-       */
-      arrowDirective: mergeDirectives(arrowDirective, directiveSubscribe(arrowStyleApplyAction$))
-    },
-    api: {}
-  };
-};
-export {
-  createFloatingUI
-};

package/services/focusElement.cjs

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_directive = require("../directive-DyTodNPd.cjs");
-const isFocusable = require("../isFocusable-DfzDLeAN.cjs");
-const stack = [];
-let stackProcessPlanned = false;
-const processStack = () => {
-  stackProcessPlanned = false;
-  const candidates = [];
-  while (stack.length > 0) {
-    const top = stack[stack.length - 1];
-    if (top.element) {
-      candidates.push(top.element);
-      break;
-    } else {
-      if (top.previousElement) {
-        candidates.push(top.previousElement);
-      }
-      stack.pop();
-    }
-  }
-  for (const candidate of candidates) {
-    if (isFocusable.isFocusable(candidate)) {
-      candidate.focus();
-      return;
-    }
-  }
-};
-const planProcessStack = () => {
-  if (!stackProcessPlanned) {
-    stackProcessPlanned = true;
-    setTimeout(processStack, 0);
-  }
-};
-const focusElement = utils_directive.browserDirective((element) => {
-  const stackEntry = { element, previousElement: document.activeElement };
-  stack.push(stackEntry);
-  planProcessStack();
-  return {
-    destroy() {
-      stackEntry.element = null;
-      planProcessStack();
-    }
-  };
-});
-exports.focusElement = focusElement;

package/services/focustrack.cjs

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tansu = require("@amadeus-it-group/tansu");
-const utils_directive = require("../directive-DyTodNPd.cjs");
-const esmEnv = require("esm-env");
-const evtFocusIn = "focusin";
-const evtFocusOut = "focusout";
-const activeElement$ = !esmEnv.BROWSER ? tansu.readable(null) : tansu.readable(null, {
-  onUse({ set }) {
-    function setActiveElement() {
-      set(document.activeElement);
-    }
-    setActiveElement();
-    const container = document.documentElement;
-    function onFocusOut() {
-      setTimeout(setActiveElement);
-    }
-    container.addEventListener(evtFocusIn, setActiveElement, { capture: true });
-    container.addEventListener(evtFocusOut, onFocusOut, { capture: true });
-    return () => {
-      container.removeEventListener(evtFocusIn, setActiveElement, { capture: true });
-      container.removeEventListener(evtFocusOut, onFocusOut, { capture: true });
-    };
-  },
-  equal: Object.is
-});
-function createHasFocus() {
-  const { elements$, directive } = utils_directive.createBrowserStoreArrayDirective();
-  const hasFocus$ = tansu.computed(() => {
-    const activeElement = activeElement$();
-    if (!activeElement) {
-      return false;
-    }
-    for (const element of elements$()) {
-      if (element === activeElement || element.contains(activeElement)) {
-        return true;
-      }
-    }
-    return false;
-  });
-  return {
-    directive,
-    hasFocus$
-  };
-}
-exports.activeElement$ = activeElement$;
-exports.createHasFocus = createHasFocus;

package/services/hash.cjs

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tansu = require("@amadeus-it-group/tansu");
-const hash$ = tansu.readable("", {
-  onUse({ set }) {
-    function handleHashChange() {
-      const hash = location.hash;
-      set(hash ? hash.substring(1) : "");
-    }
-    handleHashChange();
-    window.addEventListener("hashchange", handleHashChange);
-    return () => window.removeEventListener("hashchange", handleHashChange);
-  }
-});
-exports.hash$ = hash$;