@wordpress/components 31.0.1-next.6deb34194.0 → 31.0.1-next.738bb1424.0

package/build/custom-select-control/index.js

@@ -1,193 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/components/src/custom-select-control/index.tsx
-var custom_select_control_exports = {};
-__export(custom_select_control_exports, {
-  default: () => custom_select_control_default
-});
-module.exports = __toCommonJS(custom_select_control_exports);
-var Ariakit = __toESM(require("@ariakit/react"));
-var import_clsx = __toESM(require("clsx"));
-var import_compose = require("@wordpress/compose");
-var import_i18n = require("@wordpress/i18n");
-var import_custom_select = __toESM(require("../custom-select-control-v2/custom-select"));
-var import_item = __toESM(require("../custom-select-control-v2/item"));
-var Styled = __toESM(require("../custom-select-control-v2/styles"));
-var import_visually_hidden = require("../visually-hidden");
-var import_deprecated_36px_size = require("../utils/deprecated-36px-size");
-var import_jsx_runtime = require("react/jsx-runtime");
-function useDeprecatedProps({
-  __experimentalShowSelectedHint,
-  ...otherProps
-}) {
-  return {
-    showSelectedHint: __experimentalShowSelectedHint,
-    ...otherProps
-  };
-}
-function applyOptionDeprecations({
-  __experimentalHint,
-  ...rest
-}) {
-  return {
-    hint: __experimentalHint,
-    ...rest
-  };
-}
-function getDescribedBy(currentName, describedBy) {
-  if (describedBy) {
-    return describedBy;
-  }
-  return (0, import_i18n.sprintf)((0, import_i18n.__)("Currently selected: %s"), currentName);
-}
-function CustomSelectControl(props) {
-  var _options$map$find;
-  const {
-    __next40pxDefaultSize = false,
-    __shouldNotWarnDeprecated36pxSize,
-    describedBy,
-    options,
-    onChange,
-    size = "default",
-    value,
-    className: classNameProp,
-    showSelectedHint = false,
-    ...restProps
-  } = useDeprecatedProps(props);
-  (0, import_deprecated_36px_size.maybeWarnDeprecated36pxSize)({
-    componentName: "CustomSelectControl",
-    __next40pxDefaultSize,
-    size,
-    __shouldNotWarnDeprecated36pxSize
-  });
-  const descriptionId = (0, import_compose.useInstanceId)(CustomSelectControl, "custom-select-control__description");
-  const store = Ariakit.useSelectStore({
-    async setValue(nextValue) {
-      const nextOption = options.find((item) => item.key === nextValue);
-      if (!onChange || !nextOption) {
-        return;
-      }
-      await Promise.resolve();
-      const state = store.getState();
-      const changeObject = {
-        highlightedIndex: state.renderedItems.findIndex((item) => item.value === nextValue),
-        inputValue: "",
-        isOpen: state.open,
-        selectedItem: nextOption,
-        type: ""
-      };
-      onChange(changeObject);
-    },
-    value: value?.key,
-    // Setting the first option as a default value when no value is provided
-    // is already done natively by the underlying Ariakit component,
-    // but doing this explicitly avoids the `onChange` callback from firing
-    // on initial render, thus making this implementation closer to the v1.
-    defaultValue: options[0]?.key
-  });
-  const children = options.map(applyOptionDeprecations).map(({
-    name,
-    key,
-    hint,
-    style,
-    className
-  }) => {
-    const withHint = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Styled.WithHintItemWrapper, {
-      children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-        children: name
-      }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Styled.WithHintItemHint, {
-        // Keeping the classname for legacy reasons
-        className: "components-custom-select-control__item-hint",
-        children: hint
-      })]
-    });
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_item.default, {
-      value: key,
-      children: hint ? withHint : name,
-      style,
-      className: (0, import_clsx.default)(
-        className,
-        // Keeping the classnames for legacy reasons
-        "components-custom-select-control__item",
-        {
-          "has-hint": hint
-        }
-      )
-    }, key);
-  });
-  const currentValue = Ariakit.useStoreState(store, "value");
-  const selectedOption = (_options$map$find = options?.map(applyOptionDeprecations)?.find(({
-    key
-  }) => currentValue === key)) !== null && _options$map$find !== void 0 ? _options$map$find : options[0];
-  const renderSelectedValue = () => {
-    if (!showSelectedHint || !selectedOption.hint) {
-      return selectedOption?.name;
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Styled.SelectedExperimentalHintWrapper, {
-      children: [selectedOption?.name, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Styled.SelectedExperimentalHintItem, {
-        // Keeping the classname for legacy reasons
-        className: "components-custom-select-control__hint",
-        children: selectedOption?.hint
-      })]
-    });
-  };
-  const translatedSize = (() => {
-    if (__next40pxDefaultSize && size === "default" || size === "__unstable-large") {
-      return "default";
-    }
-    if (!__next40pxDefaultSize && size === "default") {
-      return "compact";
-    }
-    return size;
-  })();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_custom_select.default, {
-      "aria-describedby": descriptionId,
-      renderSelectedValue,
-      size: translatedSize,
-      store,
-      className: (0, import_clsx.default)(
-        // Keeping the classname for legacy reasons
-        "components-custom-select-control",
-        classNameProp
-      ),
-      isLegacy: true,
-      ...restProps,
-      children
-    }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_visually_hidden.VisuallyHidden, {
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-        id: descriptionId,
-        children: getDescribedBy(selectedOption?.name, describedBy)
-      })
-    })]
-  });
-}
-var custom_select_control_default = CustomSelectControl;
-//# sourceMappingURL=index.js.map

package/build/custom-select-control/types.js

@@ -1,19 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/components/src/custom-select-control/types.ts
-var types_exports = {};
-module.exports = __toCommonJS(types_exports);
-//# sourceMappingURL=types.js.map

package/build/custom-select-control-v2/custom-select.js

@@ -1,146 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/components/src/custom-select-control-v2/custom-select.tsx
-var custom_select_exports = {};
-__export(custom_select_exports, {
-  CustomSelectContext: () => CustomSelectContext,
-  default: () => custom_select_default
-});
-module.exports = __toCommonJS(custom_select_exports);
-var Ariakit = __toESM(require("@ariakit/react"));
-var import_element = require("@wordpress/element");
-var import_i18n = require("@wordpress/i18n");
-var import_visually_hidden = require("../visually-hidden");
-var Styled = __toESM(require("./styles"));
-var import_input_base = __toESM(require("../input-control/input-base"));
-var import_chevron_down = __toESM(require("../select-control/chevron-down"));
-var import_base_control = __toESM(require("../base-control"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var CustomSelectContext = (0, import_element.createContext)(void 0);
-CustomSelectContext.displayName = "CustomSelectContext";
-function defaultRenderSelectedValue(value) {
-  const isValueEmpty = Array.isArray(value) ? value.length === 0 : value === void 0 || value === null;
-  if (isValueEmpty) {
-    return (0, import_i18n.__)("Select an item");
-  }
-  if (Array.isArray(value)) {
-    return value.length === 1 ? value[0] : (0, import_i18n.sprintf)(
-      // translators: %d: number of items selected (it will always be 2 or more items)
-      (0, import_i18n._n)("%d item selected", "%d items selected", value.length),
-      value.length
-    );
-  }
-  return value;
-}
-var CustomSelectButton = ({
-  renderSelectedValue,
-  size = "default",
-  store,
-  ...restProps
-}) => {
-  const {
-    value: currentValue
-  } = Ariakit.useStoreState(store);
-  const computedRenderSelectedValue = (0, import_element.useMemo)(() => renderSelectedValue !== null && renderSelectedValue !== void 0 ? renderSelectedValue : defaultRenderSelectedValue, [renderSelectedValue]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Styled.Select, {
-    ...restProps,
-    size,
-    hasCustomRenderProp: !!renderSelectedValue,
-    store,
-    children: computedRenderSelectedValue(currentValue)
-  });
-};
-function _CustomSelect(props) {
-  const {
-    children,
-    hideLabelFromVision = false,
-    label,
-    size,
-    store,
-    className,
-    isLegacy = false,
-    ...restProps
-  } = props;
-  const onSelectPopoverKeyDown = (0, import_element.useCallback)((e) => {
-    if (isLegacy) {
-      e.stopPropagation();
-    }
-  }, [isLegacy]);
-  const contextValue = (0, import_element.useMemo)(() => ({
-    store,
-    size
-  }), [store, size]);
-  return (
-    // Where should `restProps` be forwarded to?
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-      className,
-      children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Ariakit.SelectLabel, {
-        store,
-        render: hideLabelFromVision ? (
-          // @ts-expect-error `children` are passed via the render prop
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_visually_hidden.VisuallyHidden, {})
-        ) : (
-          // @ts-expect-error `children` are passed via the render prop
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_base_control.default.VisualLabel, {
-            as: "div"
-          })
-        ),
-        children: label
-      }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_input_base.default, {
-        __next40pxDefaultSize: true,
-        size,
-        suffix: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_chevron_down.default, {}),
-        children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomSelectButton, {
-          ...restProps,
-          size,
-          store,
-          showOnKeyDown: !isLegacy
-        }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Styled.SelectPopover, {
-          gutter: 12,
-          store,
-          sameWidth: true,
-          slide: false,
-          onKeyDown: onSelectPopoverKeyDown,
-          flip: !isLegacy,
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomSelectContext.Provider, {
-            value: contextValue,
-            children
-          })
-        })]
-      })]
-    })
-  );
-}
-var custom_select_default = _CustomSelect;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CustomSelectContext
-});
-//# sourceMappingURL=custom-select.js.map

package/build/custom-select-control-v2/index.js

@@ -1,59 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/components/src/custom-select-control-v2/index.tsx
-var custom_select_control_v2_exports = {};
-__export(custom_select_control_v2_exports, {
-  default: () => custom_select_control_v2_default
-});
-module.exports = __toCommonJS(custom_select_control_v2_exports);
-var Ariakit = __toESM(require("@ariakit/react"));
-var import_custom_select = __toESM(require("./custom-select"));
-var import_item = __toESM(require("./item"));
-var import_jsx_runtime = require("react/jsx-runtime");
-function CustomSelectControlV2(props) {
-  const {
-    defaultValue,
-    onChange,
-    value,
-    ...restProps
-  } = props;
-  const store = Ariakit.useSelectStore({
-    setValue: (nextValue) => onChange?.(nextValue),
-    defaultValue,
-    value
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_custom_select.default, {
-    ...restProps,
-    store
-  });
-}
-CustomSelectControlV2.Item = import_item.default;
-var custom_select_control_v2_default = CustomSelectControlV2;
-//# sourceMappingURL=index.js.map

package/build/custom-select-control-v2/item.js

@@ -1,65 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/components/src/custom-select-control-v2/item.tsx
-var item_exports = {};
-__export(item_exports, {
-  CustomSelectItem: () => CustomSelectItem,
-  default: () => item_default
-});
-module.exports = __toCommonJS(item_exports);
-var import_element = require("@wordpress/element");
-var import_icons = require("@wordpress/icons");
-var Styled = __toESM(require("./styles"));
-var import_custom_select = require("./custom-select");
-var import_jsx_runtime = require("react/jsx-runtime");
-function CustomSelectItem({
-  children,
-  ...props
-}) {
-  var _customSelectContext$;
-  const customSelectContext = (0, import_element.useContext)(import_custom_select.CustomSelectContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Styled.SelectItem, {
-    store: customSelectContext?.store,
-    size: (_customSelectContext$ = customSelectContext?.size) !== null && _customSelectContext$ !== void 0 ? _customSelectContext$ : "default",
-    ...props,
-    children: [children !== null && children !== void 0 ? children : props.value, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Styled.SelectedItemCheck, {
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icon, {
-        icon: import_icons.check
-      })
-    })]
-  });
-}
-CustomSelectItem.displayName = "CustomSelectControlV2.Item";
-var item_default = CustomSelectItem;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CustomSelectItem
-});
-//# sourceMappingURL=item.js.map