@primer/react 38.0.0-rc.195178541 → 38.0.0-rc.3

package/lib/DialogV1/Dialog.js

@@ -1,205 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var React = require('react');
-var IconButton = require('../Button/IconButton.js');
-var useDialog = require('../hooks/useDialog.js');
-var useRefObjectAsForwardedRef = require('../hooks/useRefObjectAsForwardedRef.js');
-var octiconsReact = require('@primer/octicons-react');
-var clsx = require('clsx');
-var Dialog_module = require('./Dialog.module.css.js');
-var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const noop = () => null;
-function DialogHeader(t0) {
-  const $ = reactCompilerRuntime.c(12);
-  let children;
-  let className;
-  let rest;
-  if ($[0] !== t0) {
-    ({
-      children,
-      className,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = className;
-    $[3] = rest;
-  } else {
-    children = $[1];
-    className = $[2];
-    rest = $[3];
-  }
-  if (React__default.default.Children.toArray(children).every(_temp)) {
-    let t1;
-    if ($[4] !== children) {
-      t1 = /*#__PURE__*/jsxRuntime.jsx("span", {
-        className: Dialog_module.HeaderChild,
-        children: children
-      });
-      $[4] = children;
-      $[5] = t1;
-    } else {
-      t1 = $[5];
-    }
-    children = t1;
-  }
-  const t1 = rest;
-  let t2;
-  if ($[6] !== className) {
-    t2 = clsx.clsx(Dialog_module.Header, className);
-    $[6] = className;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  let t3;
-  if ($[8] !== children || $[9] !== rest || $[10] !== t2) {
-    t3 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
-      as: "div",
-      ...t1,
-      className: t2,
-      children: children
-    });
-    $[8] = children;
-    $[9] = rest;
-    $[10] = t2;
-    $[11] = t3;
-  } else {
-    t3 = $[11];
-  }
-  return t3;
-}
-function _temp(ch) {
-  return typeof ch === "string";
-}
-const Dialog = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
-  const $ = reactCompilerRuntime.c(23);
-  let children;
-  let className;
-  let initialFocusRef;
-  let isOpen;
-  let props;
-  let returnFocusRef;
-  let t1;
-  if ($[0] !== t0) {
-    ({
-      children,
-      onDismiss: t1,
-      isOpen,
-      initialFocusRef,
-      returnFocusRef,
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = className;
-    $[3] = initialFocusRef;
-    $[4] = isOpen;
-    $[5] = props;
-    $[6] = returnFocusRef;
-    $[7] = t1;
-  } else {
-    children = $[1];
-    className = $[2];
-    initialFocusRef = $[3];
-    isOpen = $[4];
-    props = $[5];
-    returnFocusRef = $[6];
-    t1 = $[7];
-  }
-  const onDismiss = t1 === undefined ? noop : t1;
-  const overlayRef = React.useRef(null);
-  const modalRef = React.useRef(null);
-  useRefObjectAsForwardedRef.useRefObjectAsForwardedRef(forwardedRef, modalRef);
-  const closeButtonRef = React.useRef(null);
-  let t2;
-  if ($[8] !== onDismiss || $[9] !== returnFocusRef) {
-    t2 = () => {
-      onDismiss();
-      if (returnFocusRef && returnFocusRef.current) {
-        returnFocusRef.current.focus();
-      }
-    };
-    $[8] = onDismiss;
-    $[9] = returnFocusRef;
-    $[10] = t2;
-  } else {
-    t2 = $[10];
-  }
-  const onCloseClick = t2;
-  let t3;
-  if ($[11] !== initialFocusRef || $[12] !== isOpen || $[13] !== onCloseClick || $[14] !== returnFocusRef) {
-    t3 = {
-      modalRef,
-      onDismiss: onCloseClick,
-      isOpen,
-      initialFocusRef,
-      closeButtonRef,
-      returnFocusRef,
-      overlayRef
-    };
-    $[11] = initialFocusRef;
-    $[12] = isOpen;
-    $[13] = onCloseClick;
-    $[14] = returnFocusRef;
-    $[15] = t3;
-  } else {
-    t3 = $[15];
-  }
-  const {
-    getDialogProps
-  } = useDialog(t3);
-  let t4;
-  if ($[16] !== children || $[17] !== className || $[18] !== getDialogProps || $[19] !== isOpen || $[20] !== onCloseClick || $[21] !== props) {
-    t4 = isOpen ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
-        as: "span",
-        className: Dialog_module.Overlay,
-        ref: overlayRef
-      }), /*#__PURE__*/jsxRuntime.jsxs(BoxWithFallback.BoxWithFallback, {
-        as: "div",
-        tabIndex: -1,
-        ref: modalRef,
-        role: "dialog",
-        "aria-modal": "true",
-        ...props,
-        ...getDialogProps(),
-        className: clsx.clsx(Dialog_module.Dialog, className),
-        "data-width": props.wide ? "wide" : props.narrow ? "narrow" : "default",
-        children: [/*#__PURE__*/jsxRuntime.jsx(IconButton.IconButton, {
-          icon: octiconsReact.XIcon,
-          ref: closeButtonRef,
-          onClick: onCloseClick,
-          "aria-label": "Close",
-          variant: "invisible",
-          className: Dialog_module.CloseIcon
-        }), children]
-      })]
-    }) : null;
-    $[16] = children;
-    $[17] = className;
-    $[18] = getDialogProps;
-    $[19] = isOpen;
-    $[20] = onCloseClick;
-    $[21] = props;
-    $[22] = t4;
-  } else {
-    t4 = $[22];
-  }
-  return t4;
-});
-DialogHeader.displayName = 'Dialog.Header';
-Dialog.displayName = 'Dialog';
-var Dialog$1 = Object.assign(Dialog, {
-  Header: DialogHeader
-});
-
-module.exports = Dialog$1;

package/lib/DialogV1/Dialog.module.css.js

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./Dialog-dce13989.css');
-
-var classes = {"Overlay":"prc-DialogV1-Overlay-8fcHY","CloseIcon":"prc-DialogV1-CloseIcon-B1Z79","Dialog":"prc-DialogV1-Dialog-5Fgol","Header":"prc-DialogV1-Header-o4U-V","HeaderChild":"prc-DialogV1-HeaderChild-QCbQj"};
-
-module.exports = classes;

package/lib/DialogV1/index.d.ts

@@ -1,3 +0,0 @@
-export { default as Dialog } from './Dialog';
-export type { DialogProps, DialogHeaderProps } from './Dialog';
-//# sourceMappingURL=index.d.ts.map

package/lib/DropdownStyles.d.ts

@@ -1,4 +0,0 @@
-import type { Theme } from './ThemeProvider';
-declare const getDirectionStyles: (theme: Theme, direction: "ne" | "e" | "se" | "s" | "sw" | "w") => string;
-export default getDirectionStyles;
-//# sourceMappingURL=DropdownStyles.d.ts.map

package/lib/FeatureFlags/DefaultFeatureFlags.d.ts

@@ -1,3 +0,0 @@
-import { FeatureFlagScope } from './FeatureFlagScope';
-export declare const DefaultFeatureFlags: FeatureFlagScope;
-//# sourceMappingURL=DefaultFeatureFlags.d.ts.map

package/lib/FeatureFlags/DefaultFeatureFlags.js

@@ -1,15 +0,0 @@
-'use strict';
-
-var FeatureFlagScope = require('./FeatureFlagScope.js');
-
-const DefaultFeatureFlags = FeatureFlagScope.FeatureFlagScope.create({
-  primer_react_css_modules_ga: false,
-  primer_react_action_list_item_as_button: false,
-  primer_react_select_panel_with_modern_action_list: false,
-  primer_react_overlay_overflow: false,
-  primer_react_segmented_control_tooltip: false,
-  primer_react_select_panel_fullscreen_on_narrow: false,
-  primer_react_select_panel_order_selected_at_top: false
-});
-
-exports.DefaultFeatureFlags = DefaultFeatureFlags;

package/lib/FeatureFlags/FeatureFlagContext.d.ts

@@ -1,3 +0,0 @@
-import type { FeatureFlagScope } from './FeatureFlagScope';
-export declare const FeatureFlagContext: import("react").Context<FeatureFlagScope>;
-//# sourceMappingURL=FeatureFlagContext.d.ts.map

package/lib/FeatureFlags/FeatureFlagContext.js

@@ -1,8 +0,0 @@
-'use strict';
-
-var React = require('react');
-var DefaultFeatureFlags = require('./DefaultFeatureFlags.js');
-
-const FeatureFlagContext = /*#__PURE__*/React.createContext(DefaultFeatureFlags.DefaultFeatureFlags);
-
-exports.FeatureFlagContext = FeatureFlagContext;

package/lib/FeatureFlags/FeatureFlagScope.d.ts

@@ -1,22 +0,0 @@
-export type FeatureFlags = {
-    [key: string]: boolean | undefined;
-};
-export declare class FeatureFlagScope {
-    static create(flags?: FeatureFlags): FeatureFlagScope;
-    static merge(a: FeatureFlagScope, b: FeatureFlagScope): FeatureFlagScope;
-    flags: Map<string, boolean>;
-    constructor(flags?: FeatureFlags);
-    /**
-     * Enable a feature flag
-     */
-    enable(name: string): void;
-    /**
-     * Disable a feature flag
-     */
-    disable(name: string): void;
-    /**
-     * Check if a feature flag is enabled
-     */
-    enabled(name: string): boolean;
-}
-//# sourceMappingURL=FeatureFlagScope.d.ts.map

package/lib/FeatureFlags/FeatureFlagScope.js

@@ -1,47 +0,0 @@
-'use strict';
-
-class FeatureFlagScope {
-  static create(flags) {
-    return new FeatureFlagScope(flags);
-  }
-  static merge(a, b) {
-    const merged = new FeatureFlagScope();
-    for (const [key, value] of a.flags) {
-      merged.flags.set(key, value);
-    }
-    for (const [key, value] of b.flags) {
-      merged.flags.set(key, value);
-    }
-    return merged;
-  }
-  constructor(flags = {}) {
-    this.flags = new Map();
-    for (const [key, value] of Object.entries(flags)) {
-      this.flags.set(key, value !== null && value !== void 0 ? value : false);
-    }
-  }
-
-  /**
-   * Enable a feature flag
-   */
-  enable(name) {
-    this.flags.set(name, true);
-  }
-
-  /**
-   * Disable a feature flag
-   */
-  disable(name) {
-    this.flags.set(name, false);
-  }
-
-  /**
-   * Check if a feature flag is enabled
-   */
-  enabled(name) {
-    var _this$flags$get;
-    return (_this$flags$get = this.flags.get(name)) !== null && _this$flags$get !== void 0 ? _this$flags$get : false;
-  }
-}
-
-exports.FeatureFlagScope = FeatureFlagScope;

package/lib/FeatureFlags/FeatureFlags.d.ts

@@ -1,7 +0,0 @@
-import type React from 'react';
-import { type FeatureFlags } from './FeatureFlagScope';
-export type FeatureFlagsProps = React.PropsWithChildren<{
-    flags: FeatureFlags;
-}>;
-export declare function FeatureFlags({ children, flags }: FeatureFlagsProps): React.JSX.Element;
-//# sourceMappingURL=FeatureFlags.d.ts.map

package/lib/FeatureFlags/FeatureFlags.js

@@ -1,44 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var React = require('react');
-var FeatureFlagContext = require('./FeatureFlagContext.js');
-var FeatureFlagScope = require('./FeatureFlagScope.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function FeatureFlags(t0) {
-  const $ = reactCompilerRuntime.c(6);
-  const {
-    children,
-    flags
-  } = t0;
-  const parentFeatureFlags = React.useContext(FeatureFlagContext.FeatureFlagContext);
-  let t1;
-  let t2;
-  if ($[0] !== flags || $[1] !== parentFeatureFlags) {
-    t2 = FeatureFlagScope.FeatureFlagScope.merge(parentFeatureFlags, FeatureFlagScope.FeatureFlagScope.create(flags));
-    $[0] = flags;
-    $[1] = parentFeatureFlags;
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  const scope = t2;
-  t1 = scope;
-  const value = t1;
-  let t3;
-  if ($[3] !== children || $[4] !== value) {
-    t3 = /*#__PURE__*/jsxRuntime.jsx(FeatureFlagContext.FeatureFlagContext.Provider, {
-      value: value,
-      children: children
-    });
-    $[3] = children;
-    $[4] = value;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  return t3;
-}
-
-exports.FeatureFlags = FeatureFlags;

package/lib/FeatureFlags/index.d.ts

@@ -1,5 +0,0 @@
-export { FeatureFlags } from './FeatureFlags';
-export type { FeatureFlagsProps } from './FeatureFlags';
-export { useFeatureFlag } from './useFeatureFlag';
-export { DefaultFeatureFlags } from './DefaultFeatureFlags';
-//# sourceMappingURL=index.d.ts.map

package/lib/FeatureFlags/useFeatureFlag.d.ts

@@ -1,5 +0,0 @@
-/**
- * Check if the given feature flag is enabled
- */
-export declare function useFeatureFlag(flag: string): boolean;
-//# sourceMappingURL=useFeatureFlag.d.ts.map

package/lib/FeatureFlags/useFeatureFlag.js

@@ -1,25 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var React = require('react');
-var FeatureFlagContext = require('./FeatureFlagContext.js');
-
-/**
- * Check if the given feature flag is enabled
- */
-function useFeatureFlag(flag) {
-  const $ = reactCompilerRuntime.c(3);
-  const context = React.useContext(FeatureFlagContext.FeatureFlagContext);
-  let t0;
-  if ($[0] !== context || $[1] !== flag) {
-    t0 = context.enabled(flag);
-    $[0] = context;
-    $[1] = flag;
-    $[2] = t0;
-  } else {
-    t0 = $[2];
-  }
-  return t0;
-}
-
-exports.useFeatureFlag = useFeatureFlag;

package/lib/FilteredActionList/FilteredActionList-e1dde781.css

@@ -1,2 +0,0 @@
-.prc-FilteredActionList-Container-2A9NQ{display:flex;flex-grow:1;height:100%;overflow:auto}@media screen and (max-width:calc(48rem - 0.02px)){@supports (-webkit-touch-callout:none){.prc-FilteredActionList-FullScreenTextInput-rCAiq{font-size:var(--text-title-size-small,1rem)}}}
-/*# sourceMappingURL=FilteredActionList-e1dde781.css.map */

package/lib/FilteredActionList/FilteredActionList-e1dde781.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/FilteredActionList/FilteredActionList.module.css"],"names":[],"mappings":"AAAA,wCACE,YAAa,CAGb,WAAY,CAFZ,WAAY,CACZ,aAEF,CAGE,mDAEE,uCAHJ,kDAIM,2CAGN,CAFI,CACF","file":"FilteredActionList-e1dde781.css","sourcesContent":[".Container {\n  display: flex;\n  height: 100%;\n  overflow: auto;\n  flex-grow: 1;\n}\n\n.FullScreenTextInput {\n  @media screen and (--viewportRange-narrow) {\n    /* Ensures inputs don't zoom on mobile iPhone but are body-font size on iPad */\n    @supports (-webkit-touch-callout: none) {\n      font-size: var(--text-title-size-small);\n    }\n  }\n}\n"]}

package/lib/FilteredActionList/FilteredActionList.module.css.js

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./FilteredActionList-e1dde781.css');
-
-var classes = {"Container":"prc-FilteredActionList-Container-2A9NQ","FullScreenTextInput":"prc-FilteredActionList-FullScreenTextInput-rCAiq"};
-
-module.exports = classes;

package/lib/FilteredActionList/FilteredActionListEntry.d.ts

@@ -1,7 +0,0 @@
-import type { FilteredActionListProps } from './FilteredActionListWithDeprecatedActionList';
-export declare function FilteredActionList(props: FilteredActionListProps): JSX.Element;
-export declare namespace FilteredActionList {
-    var displayName: string;
-}
-export type { FilteredActionListProps };
-//# sourceMappingURL=FilteredActionListEntry.d.ts.map

package/lib/FilteredActionList/FilteredActionListEntry.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilteredActionListEntry.d.ts","sourceRoot":"","sources":["../../src/FilteredActionList/FilteredActionListEntry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,8CAA8C,CAAA;AAKzF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAK9E;yBALe,kBAAkB;;;AASlC,YAAY,EAAC,uBAAuB,EAAC,CAAA"}

package/lib/FilteredActionList/FilteredActionListEntry.js

@@ -1,40 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var FilteredActionListWithDeprecatedActionList = require('./FilteredActionListWithDeprecatedActionList.js');
-var FilteredActionListWithModernActionList = require('./FilteredActionListWithModernActionList.js');
-var jsxRuntime = require('react/jsx-runtime');
-var useFeatureFlag = require('../FeatureFlags/useFeatureFlag.js');
-
-function FilteredActionList(props) {
-  const $ = reactCompilerRuntime.c(4);
-  const enabled = useFeatureFlag.useFeatureFlag("primer_react_select_panel_with_modern_action_list");
-  if (enabled) {
-    let t0;
-    if ($[0] !== props) {
-      t0 = /*#__PURE__*/jsxRuntime.jsx(FilteredActionListWithModernActionList.FilteredActionList, {
-        ...props
-      });
-      $[0] = props;
-      $[1] = t0;
-    } else {
-      t0 = $[1];
-    }
-    return t0;
-  } else {
-    let t0;
-    if ($[2] !== props) {
-      t0 = /*#__PURE__*/jsxRuntime.jsx(FilteredActionListWithDeprecatedActionList.FilteredActionList, {
-        ...props
-      });
-      $[2] = props;
-      $[3] = t0;
-    } else {
-      t0 = $[3];
-    }
-    return t0;
-  }
-}
-FilteredActionList.displayName = 'FilteredActionList';
-
-exports.FilteredActionList = FilteredActionList;

package/lib/FilteredActionList/FilteredActionListLoaders-6f14c45b.css

@@ -1,2 +0,0 @@
-.prc-FilteredActionList-LoadingSkeleton-x9WXt{border-radius:4px}
-/*# sourceMappingURL=FilteredActionListLoaders-6f14c45b.css.map */

package/lib/FilteredActionList/FilteredActionListLoaders-6f14c45b.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/FilteredActionList/FilteredActionListLoaders.module.css"],"names":[],"mappings":"AAAA,8CAEE,iBACF","file":"FilteredActionListLoaders-6f14c45b.css","sourcesContent":[".LoadingSkeleton {\n  /* stylelint-disable-next-line primer/borders */\n  border-radius: 4px;\n}\n"]}

package/lib/FilteredActionList/FilteredActionListLoaders.d.ts

@@ -1,15 +0,0 @@
-export declare class FilteredActionListLoadingType {
-    name: string;
-    appearsInBody: boolean;
-    constructor(name: string, appearsInBody: boolean);
-}
-export declare const FilteredActionListLoadingTypes: {
-    bodySpinner: FilteredActionListLoadingType;
-    bodySkeleton: FilteredActionListLoadingType;
-    input: FilteredActionListLoadingType;
-};
-export declare function FilteredActionListBodyLoader({ loadingType, height, }: {
-    loadingType: FilteredActionListLoadingType;
-    height: number;
-}): JSX.Element;
-//# sourceMappingURL=FilteredActionListLoaders.d.ts.map