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

package/textDirection-zqcZ5-eK.cjs

@@ -1,3 +0,0 @@
-"use strict";
-const getTextDirection = (element) => getComputedStyle(element).direction;
-exports.getTextDirection = getTextDirection;

package/toaster-Dlube4Ya.cjs

@@ -1,161 +0,0 @@
-"use strict";
-const tansu = require("@amadeus-it-group/tansu");
-const services_extendWidget = require("./services/extendWidget.cjs");
-const utils_directive = require("./directive-DyTodNPd.cjs");
-const utils_stores = require("./utils/stores.cjs");
-const utils_writables = require("./writables-Dt68gADJ.cjs");
-const common = require("./common-B5jS-Ih_.cjs");
-const utils_widget = require("./utils/widget.cjs");
-const toastDefaultConfig = {
-  autoHide: true,
-  delay: 5e3
-};
-const toastConfigValidator = {
-  autoHide: utils_writables.typeBoolean,
-  delay: utils_writables.typeNumberInRangeFactory(0, Infinity, { strict: true })
-};
-function getToastDefaultConfig() {
-  return { ...common.getCommonAlertDefaultConfig(), ...toastDefaultConfig };
-}
-const createToast = utils_widget.createWidgetFactory(
-  "toast",
-  (config) => {
-    let _timeout;
-    const extendedAlert = services_extendWidget.extendWidgetProps(
-      common.createCommonAlert,
-      toastDefaultConfig,
-      toastConfigValidator
-    )(config);
-    const time$ = tansu.computed(() => {
-      clearTimeout(_timeout);
-      if (extendedAlert.stores.autoHide$()) {
-        _timeout = setTimeout(() => void extendedAlert.api.close(), extendedAlert.stores.delay$());
-      }
-    });
-    const bodyDirective = utils_directive.createAttributesDirective(() => ({
-      attributes: {
-        role: tansu.readable("alert"),
-        "aria-atomic": tansu.readable("true"),
-        class: tansu.computed(() => extendedAlert.stores.className$())
-      },
-      classNames: {
-        "au-toast": utils_stores.true$,
-        toast: utils_stores.true$
-      }
-    }));
-    const closeButtonDirective = utils_directive.createAttributesDirective(() => ({
-      attributes: {
-        type: tansu.readable("button"),
-        "aria-label": tansu.computed(() => extendedAlert.stores.ariaCloseButtonLabel$())
-      },
-      events: {
-        click: () => void extendedAlert.api.close()
-      }
-    }));
-    return {
-      ...extendedAlert,
-      directives: {
-        ...extendedAlert.directives,
-        autoHideDirective: utils_directive.directiveSubscribe(time$),
-        bodyDirective,
-        closeButtonDirective
-      }
-    };
-  }
-);
-const defaultToasterProps = {
-  duration: 5e3,
-  position: "bottomRight",
-  dismissible: false
-};
-class Toaster {
-  constructor(props) {
-    this.#idCount = 0;
-    this.#toasts = tansu.writable([]);
-    this.toasts = tansu.computed(
-      () => this.#toasts().sort((a, b) => b.id - a.id).slice(0, this.options().limit)
-    );
-    this.options = tansu.writable(defaultToasterProps);
-    this.#timers = /* @__PURE__ */ new Map();
-    this.addTimer = (id, duration = this.options().duration) => {
-      if (duration > 0) {
-        this.#timers.set(id, {
-          timeout: setTimeout(() => this.removeToast(id), duration),
-          started: performance.now(),
-          duration
-        });
-      }
-    };
-    this.pauseTimer = (id) => {
-      if (this.#timers.has(id)) {
-        const timer = this.#timers.get(id);
-        if (timer && timer.timeout) {
-          clearTimeout(timer.timeout);
-          timer.timeout = null;
-          timer.paused = performance.now();
-        }
-      }
-    };
-    this.resumeTimer = (id) => {
-      if (this.#timers.has(id)) {
-        const timer = this.#timers.get(id);
-        if (timer) {
-          const paused = timer.paused ?? timer.started;
-          const elapsed = paused - timer.started;
-          const remaining = (timer.duration ?? 0) - elapsed;
-          this.addTimer(id, remaining);
-          timer.duration = remaining;
-          timer.paused = void 0;
-        }
-      }
-    };
-    this.eventsDirective = utils_directive.createAttributesDirective((id) => ({
-      events: {
-        pointerenter: () => this.options().pauseOnHover && this.pauseTimer(id()),
-        pointerleave: () => this.options().pauseOnHover && this.resumeTimer(id())
-      }
-    }));
-    this.addToast = (props2) => {
-      const autoHide = props2.autoHide ?? this.options().duration > 0;
-      this.#toasts.update((toasts) => [...toasts, { id: this.#idCount++, props: props2 }]);
-      if (autoHide) {
-        this.addTimer(this.#idCount - 1, props2.delay);
-      }
-      return this.#idCount - 1;
-    };
-    this.removeToast = (id) => {
-      this.#timers.delete(id);
-      this.#toasts.update((toasts) => toasts.filter((toast) => toast.id !== id));
-    };
-    this.updateToasts = () => {
-      if (this.options().duration === 0) {
-        this.options().dismissible = true;
-      }
-    };
-    this.closeAll = () => {
-      this.#toasts.set([]);
-      this.#timers.clear();
-    };
-    this.options.set({
-      ...defaultToasterProps,
-      ...props
-    });
-    this.options.subscribe(() => {
-      this.updateToasts();
-    });
-  }
-  #idCount;
-  #toasts;
-  #timers;
-  /**
-   * Get the timers value from the store
-   * @returns The map of timers.
-   */
-  get timers() {
-    return new Map(this.#timers);
-  }
-}
-exports.Toaster = Toaster;
-exports.createToast = createToast;
-exports.defaultToasterProps = defaultToasterProps;
-exports.getToastDefaultConfig = getToastDefaultConfig;

package/tree-Chcy4ulJ.cjs

@@ -1,228 +0,0 @@
-"use strict";
-const tansu = require("@amadeus-it-group/tansu");
-const services_navManager = require("./services/navManager.cjs");
-const utils_directive = require("./directive-DyTodNPd.cjs");
-const utils_func = require("./utils/func.cjs");
-const utils_stores = require("./utils/stores.cjs");
-const utils_writables = require("./writables-Dt68gADJ.cjs");
-const utils_widget = require("./utils/widget.cjs");
-function getTreeDefaultConfig() {
-  return {
-    ...defaultTreeConfig
-  };
-}
-const defaultTreeConfig = {
-  className: "",
-  nodes: [],
-  onExpandToggle: utils_func.noop,
-  navSelector: (node) => node.querySelectorAll("button"),
-  ariaLabelToggleFn: (label) => `Toggle ${label}`
-};
-const configValidator = {
-  className: utils_writables.typeString,
-  nodes: utils_writables.typeArray,
-  onExpandToggle: utils_writables.typeFunction,
-  navSelector: utils_writables.typeFunction,
-  ariaLabelToggleFn: utils_writables.typeFunction
-};
-const createTree = utils_widget.createWidgetFactory("tree", (config) => {
-  const [{ nodes$, onExpandToggle$, navSelector$, ariaLabelToggleFn$, ...stateProps }, patch] = utils_stores.writablesForProps(
-    defaultTreeConfig,
-    config,
-    configValidator
-  );
-  const treeMap = /* @__PURE__ */ new Map();
-  const _expandedMap = {
-    get(item) {
-      return item.isExpanded;
-    }
-  };
-  const _toggleChange$ = tansu.writable({});
-  const expandedMap$ = tansu.computed(() => {
-    normalizedNodes$();
-    _toggleChange$();
-    return _expandedMap;
-  });
-  const {
-    elementsInDomOrder$,
-    directive: navDirective,
-    refreshElements,
-    focusIndex,
-    focusPrevious,
-    focusNext,
-    focusFirst,
-    focusLast
-  } = services_navManager.createNavManager();
-  const navManagerConfig$ = tansu.computed(() => ({
-    keys: {
-      ArrowUp: focusPrevious,
-      ArrowDown: focusNext,
-      Home: focusFirst,
-      End: focusLast
-    },
-    selector: navSelector$()
-  }));
-  const traverseTree = (node, level, parent) => {
-    const copyNode = {
-      ...node,
-      ariaLabel: node.ariaLabel ?? node.label,
-      level,
-      children: [],
-      isExpanded: node.children?.length ? node.isExpanded ?? false : void 0
-    };
-    treeMap.set(copyNode, {
-      parent
-    });
-    if (node.children) {
-      copyNode.children = node.children.map((child) => traverseTree(child, level + 1, copyNode));
-    }
-    return copyNode;
-  };
-  const normalizedNodes$ = tansu.computed(() => {
-    treeMap.clear();
-    return nodes$().map((node) => traverseTree(node, 0, void 0));
-  });
-  const _lastFocusedTreeItem$ = tansu.writable(
-    normalizedNodes$().find((node) => node.isExpanded !== void 0)
-  );
-  const getTreeItemInfo = (item) => {
-    const treeItem = treeMap.get(item);
-    if (!treeItem) {
-      console.error(`Node ${item.label} doesn't exist in the map`);
-    }
-    return treeItem;
-  };
-  const treeItemElementDirective = utils_directive.browserDirective(
-    (toggleItem, args) => {
-      let treeItemInfo;
-      const destroy = () => {
-        if (treeItemInfo && treeItemInfo.htmlElement === toggleItem) {
-          treeItemInfo.htmlElement = void 0;
-        }
-        treeItemInfo = void 0;
-      };
-      const update = (args2) => {
-        destroy();
-        treeItemInfo = getTreeItemInfo(args2.item);
-        if (treeItemInfo) {
-          if (treeItemInfo.htmlElement) {
-            console.warn(`The tree item directive should be used once per element`);
-          }
-          treeItemInfo.htmlElement = toggleItem;
-        }
-      };
-      update(args);
-      return {
-        update,
-        destroy
-      };
-    }
-  );
-  const focusElementIfExists = (itemToFocus) => {
-    if (itemToFocus) {
-      const mapItemHtml = getTreeItemInfo(itemToFocus)?.htmlElement;
-      if (mapItemHtml) {
-        const index = elementsInDomOrder$().indexOf(mapItemHtml);
-        focusIndex(index, 0);
-      }
-    }
-  };
-  const itemToggleAttributesDirective = utils_directive.createAttributesDirective(
-    (treeItemContext$) => ({
-      events: {
-        focus: () => {
-          const { item } = treeItemContext$();
-          _lastFocusedTreeItem$.set(item);
-        },
-        click: () => {
-          const { item } = treeItemContext$();
-          toggleExpanded(item);
-        },
-        keydown: (event) => {
-          const { key } = event;
-          const { item } = treeItemContext$();
-          const isExpanded = item.isExpanded;
-          refreshElements();
-          switch (key) {
-            case "Enter":
-            case " ":
-              toggleExpanded(item);
-              break;
-            case "ArrowLeft":
-              if (isExpanded) {
-                toggleExpanded(item);
-              } else {
-                focusElementIfExists(getTreeItemInfo(item)?.parent);
-              }
-              break;
-            case "ArrowRight":
-              if (!isExpanded) {
-                toggleExpanded(item);
-              } else {
-                focusElementIfExists(item.children?.[0]);
-              }
-              break;
-            default:
-              return;
-          }
-          event.preventDefault();
-          event.stopPropagation();
-        }
-      },
-      attributes: {
-        "aria-label": tansu.computed(() => {
-          const { item } = treeItemContext$();
-          return ariaLabelToggleFn$()(item.ariaLabel);
-        }),
-        tabindex: tansu.computed(() => {
-          const { item } = treeItemContext$();
-          return item === _lastFocusedTreeItem$() ? "0" : "-1";
-        }),
-        type: tansu.readable("button")
-      },
-      classNames: {
-        "au-tree-expand-icon": utils_stores.true$,
-        "au-tree-expand-icon-expanded": tansu.computed(() => {
-          _toggleChange$();
-          const { item } = treeItemContext$();
-          return item.isExpanded ?? false;
-        })
-      }
-    })
-  );
-  const toggleExpanded = (node) => {
-    const treeItemInfo = getTreeItemInfo(node);
-    if (treeItemInfo === void 0 || node.isExpanded === void 0) {
-      return;
-    }
-    node.isExpanded = !node.isExpanded;
-    _toggleChange$.set({});
-    onExpandToggle$()(node);
-  };
-  const widget = {
-    ...utils_stores.stateStores({ normalizedNodes$, expandedMap$, ...stateProps }),
-    patch,
-    api: {},
-    directives: {
-      navigationDirective: utils_directive.bindDirective(navDirective, navManagerConfig$),
-      itemToggleDirective: utils_directive.mergeDirectives(treeItemElementDirective, itemToggleAttributesDirective),
-      itemAttributesDirective: utils_directive.createAttributesDirective(
-        (treeItemContext$) => ({
-          attributes: {
-            role: tansu.readable("treeitem"),
-            "aria-selected": tansu.readable("false"),
-            // TODO: adapt aria-selected to the actual selected state
-            "aria-expanded": tansu.computed(() => {
-              const { item } = treeItemContext$();
-              _toggleChange$();
-              return item.isExpanded?.toString();
-            })
-          }
-        })
-      )
-    }
-  };
-  return widget;
-});
-exports.createTree = createTree;
-exports.getTreeDefaultConfig = getTreeDefaultConfig;

package/types.cjs

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const FACTORY_WIDGET_NAME = /* @__PURE__ */ Symbol();
-const INVALID_VALUE = /* @__PURE__ */ Symbol();
-exports.FACTORY_WIDGET_NAME = FACTORY_WIDGET_NAME;
-exports.INVALID_VALUE = INVALID_VALUE;

package/utils/directive.cjs

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("@amadeus-it-group/tansu");
-require("esm-env");
-const utils_directive = require("../directive-DyTodNPd.cjs");
-require("./func.cjs");
-exports.attributesData = utils_directive.attributesData;
-exports.bindDirective = utils_directive.bindDirective;
-exports.bindDirectiveNoArg = utils_directive.bindDirectiveNoArg;
-exports.browserDirective = utils_directive.browserDirective;
-exports.classDirective = utils_directive.classDirective;
-exports.conditionalDirective = utils_directive.conditionalDirective;
-exports.createAttributesDirective = utils_directive.createAttributesDirective;
-exports.createBrowserStoreArrayDirective = utils_directive.createBrowserStoreArrayDirective;
-exports.createBrowserStoreDirective = utils_directive.createBrowserStoreDirective;
-exports.createConditionalBrowserStoreArrayDirective = utils_directive.createConditionalBrowserStoreArrayDirective;
-exports.createConditionalStoreArrayDirective = utils_directive.createConditionalStoreArrayDirective;
-exports.createStoreArrayDirective = utils_directive.createStoreArrayDirective;
-exports.createStoreDirective = utils_directive.createStoreDirective;
-exports.directiveAttributes = utils_directive.directiveAttributes;
-exports.directiveSubscribe = utils_directive.directiveSubscribe;
-exports.directiveUpdate = utils_directive.directiveUpdate;
-exports.isBrowserHTMLElement = utils_directive.isBrowserHTMLElement;
-exports.mapDirectiveArg = utils_directive.mapDirectiveArg;
-exports.mergeDirectives = utils_directive.mergeDirectives;
-exports.multiDirective = utils_directive.multiDirective;
-exports.registrationArray = utils_directive.registrationArray;
-exports.ssrAttributes = utils_directive.ssrAttributes;

package/utils/func.cjs

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const noop = () => {
-};
-const identity = (x) => x;
-exports.identity = identity;
-exports.noop = noop;

package/utils/id.cjs

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-let idCount = 0;
-const generateId = () => `dfId-${idCount++}`;
-exports.generateId = generateId;

package/utils/stores.cjs

@@ -1,172 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tansu = require("@amadeus-it-group/tansu");
-const types = require("../types.cjs");
-const utils_func = require("./func.cjs");
-const utils_id = require("./id.cjs");
-function createPatch(stores) {
-  return function(storesValues) {
-    tansu.batch(() => {
-      for (const [name, value] of Object.entries(storesValues)) {
-        stores[`${name}$`]?.set(value);
-      }
-    });
-  };
-}
-function findChangedProperties(obj1, obj2) {
-  if (obj1 === obj2) {
-    return null;
-  }
-  let hasUpdate = false;
-  const changedValues = {};
-  const keys = /* @__PURE__ */ new Set([...Object.keys(obj1), ...Object.keys(obj2)]);
-  for (const key of keys) {
-    const value = obj2[key];
-    if (obj1[key] !== value) {
-      changedValues[key] = value;
-      hasUpdate = true;
-    }
-  }
-  return hasUpdate ? changedValues : null;
-}
-function writableWithDefault(defValue, config$ = tansu.readable(void 0), options = {}, own$ = tansu.writable(void 0)) {
-  const { normalizeValue = utils_func.identity, equal = Object.is } = options;
-  const getDefValue = () => defValue;
-  const callNormalizeValue = (value, defValue2 = getDefValue) => {
-    const normalizedValue = value === void 0 ? void 0 : normalizeValue(value);
-    if (normalizedValue === types.INVALID_VALUE) {
-      console.error("Not using invalid value", value);
-      return defValue2();
-    }
-    if (normalizedValue === void 0) {
-      return defValue2();
-    }
-    return normalizedValue;
-  };
-  const validatedDefConfig$ = tansu.computed(() => callNormalizeValue(config$()), { equal });
-  const validatedOwnValue$ = tansu.computed(() => callNormalizeValue(own$(), validatedDefConfig$), { equal });
-  return tansu.asWritable(validatedOwnValue$, (value) => {
-    if (value !== void 0) {
-      const normalizedValue = normalizeValue(value);
-      if (normalizedValue === types.INVALID_VALUE) {
-        console.error("Not setting invalid value", value);
-        return;
-      }
-      value = normalizedValue;
-    }
-    own$.set(value);
-  });
-}
-const isStore = (x) => !!(x && typeof x === "function" && "subscribe" in x);
-const toReadableStore = (x) => isStore(x) ? x : tansu.readable(x);
-const toWritableStore = (x) => isStore(x) ? x : tansu.writable(x);
-const normalizeConfigStores = (keys, config) => {
-  const res = {};
-  if (config) {
-    const configIsStore = isStore(config);
-    for (const key of keys) {
-      res[key] = configIsStore ? tansu.computed(() => config()[key]) : toReadableStore(config[key]);
-    }
-  }
-  return res;
-};
-const mergeConfigStores = (keys, config1, config2) => {
-  const res = {};
-  for (const key of keys) {
-    const config1Store = config1?.[key];
-    const config2Store = config2?.[key];
-    res[key] = config1Store && config2Store ? tansu.computed(() => config1Store() ?? config2Store()) : config1Store || config2Store;
-  }
-  return res;
-};
-const writablesWithDefault = (defConfig, propsConfig, options) => {
-  const res = {};
-  const keys = Object.keys(defConfig);
-  const configStores = normalizeConfigStores(keys, propsConfig?.config);
-  const props = propsConfig?.props;
-  for (const key of keys) {
-    const propValue = props?.[key];
-    res[`${key}$`] = writableWithDefault(defConfig[key], configStores[key], options?.[key], toWritableStore(propValue));
-  }
-  return res;
-};
-const writablesForProps = (defConfig, propsConfig, options) => {
-  const stores = writablesWithDefault(defConfig, propsConfig, options);
-  return [stores, createPatch(stores)];
-};
-const stateStores = (inputStores) => {
-  const storesNames = [];
-  const storesArray = [];
-  const stores = {};
-  for (const [key, store] of Object.entries(inputStores)) {
-    if (key.endsWith("$")) {
-      storesNames.push(key.substring(0, key.length - 1));
-      storesArray.push(store);
-      stores[key] = tansu.asReadable(store);
-    }
-  }
-  return {
-    stores,
-    state$: tansu.computed(() => {
-      const values = storesArray.map(tansu.get);
-      const res = {};
-      storesNames.forEach((name, index) => {
-        res[name] = values[index];
-      });
-      return res;
-    })
-  };
-};
-const bindableDerived = (onChange$, stores, adjustValue = (arg) => arg[0], equal = (currentValue, newValue) => newValue === currentValue) => {
-  let currentValue = stores[0]();
-  return tansu.asWritable(
-    tansu.derived(stores, {
-      derive(values) {
-        const newValue = adjustValue(values);
-        const rectifiedValue = !equal(values[0], newValue);
-        if (rectifiedValue) {
-          stores[0].set(newValue);
-        }
-        if (rectifiedValue || !equal(currentValue, newValue)) {
-          currentValue = newValue;
-          onChange$()(newValue);
-        }
-        return newValue;
-      },
-      equal
-    }),
-    stores[0].set.bind(stores[0])
-  );
-};
-const bindableProp = (store$, onChange$, adjustValue = utils_func.identity, equal = tansu.equal) => tansu.asWritable(
-  tansu.computed(() => adjustValue(store$()), { equal }),
-  (newValue) => {
-    const adjustedValue = adjustValue(newValue);
-    if (!equal(store$(), adjustedValue)) {
-      store$.set(adjustedValue);
-      onChange$()(adjustedValue);
-    }
-  }
-);
-function idWithDefault(id$) {
-  const autoId$ = tansu.computed(() => utils_id.generateId());
-  return tansu.computed(() => id$() || autoId$());
-}
-const true$ = tansu.readable(true);
-const false$ = tansu.readable(false);
-exports.bindableDerived = bindableDerived;
-exports.bindableProp = bindableProp;
-exports.createPatch = createPatch;
-exports.false$ = false$;
-exports.findChangedProperties = findChangedProperties;
-exports.idWithDefault = idWithDefault;
-exports.isStore = isStore;
-exports.mergeConfigStores = mergeConfigStores;
-exports.normalizeConfigStores = normalizeConfigStores;
-exports.stateStores = stateStores;
-exports.toReadableStore = toReadableStore;
-exports.toWritableStore = toWritableStore;
-exports.true$ = true$;
-exports.writableWithDefault = writableWithDefault;
-exports.writablesForProps = writablesForProps;
-exports.writablesWithDefault = writablesWithDefault;

package/utils/widget.cjs

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const types = require("../types.cjs");
-function createWidgetFactory(widgetName, factory) {
-  factory[types.FACTORY_WIDGET_NAME] = widgetName;
-  return factory;
-}
-exports.createWidgetFactory = createWidgetFactory;

package/utils/writables.cjs

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_writables = require("../writables-Dt68gADJ.cjs");
-require("../types.cjs");
-exports.createTypeEnum = utils_writables.createTypeEnum;
-exports.testToNormalizeValue = utils_writables.testToNormalizeValue;
-exports.typeArray = utils_writables.typeArray;
-exports.typeBoolean = utils_writables.typeBoolean;
-exports.typeBooleanOrNull = utils_writables.typeBooleanOrNull;
-exports.typeFunction = utils_writables.typeFunction;
-exports.typeHTMLElementOrNull = utils_writables.typeHTMLElementOrNull;
-exports.typeNumber = utils_writables.typeNumber;
-exports.typeNumberInRangeFactory = utils_writables.typeNumberInRangeFactory;
-exports.typeNumberOrNull = utils_writables.typeNumberOrNull;
-exports.typeString = utils_writables.typeString;
-exports.typeStringOrNull = utils_writables.typeStringOrNull;