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

package/lib/internal/utils/getResponsiveAttributes.js

@@ -1,34 +0,0 @@
-'use strict';
-
-/**
- * Transform the given property and values in to corresponding data attributes
- * to be placed on a container. This function is helpful for coordinating
- * between responsive prop values and the corresponding styles in CSS.
- *
- * @param property - The name that will be given to the data attribute. For
- * example, a property of "gap" will be transformed to `data-gap`.
- *
- * If responsive values are used, then the breakpoint name will be appended to
- * the data attribute name. For example, `data-gap-narrow`.
- *
- * @param values - The value, or responsive values, that will be set as the
- * value of the data property set by `property`. These values should typically
- * be a `string` or `boolean`. For boolean values, the data attribute will be
- * set when the value is `true` and will not be set when the value is `false`.
- */
-function getResponsiveAttributes(property, values) {
-  if (values === undefined || values === null) {
-    return;
-  }
-  if (typeof values == 'object') {
-    return Object.fromEntries(Object.entries(values).map(([key, value]) => {
-      return serialize(`data-${property}-${key}`, value);
-    }));
-  }
-  return Object.fromEntries([serialize(`data-${property}`, values)]);
-}
-function serialize(property, value) {
-  return [property, value];
-}
-
-exports.getResponsiveAttributes = getResponsiveAttributes;

package/lib/internal/utils/getResponsiveControlValues.d.ts

@@ -1,8 +0,0 @@
-import type { ResponsiveValue } from '../../hooks/useResponsiveValue';
-/**
- * Helper utility to get the value for a prop based on control args. This is
- * helpful when an arg can have both responsive values and a plain value. In
- * cases where both are defined, responsive values will take preference
- */
-export declare function getResponsiveControlValues<T>(value: T, responsiveValue: ResponsiveValue<T>): T | ResponsiveValue<T>;
-//# sourceMappingURL=getResponsiveControlValues.d.ts.map

package/lib/internal/utils/hasInteractiveNodes.d.ts

@@ -1,11 +0,0 @@
-/**
- * Finds interactive nodes within the passed node.
- * If the node itself is interactive, or children within are, it will return true.
- *
- * @param node - The HTML element to search for interactive nodes in.
- * @param ignoreSelectors - A string of selectors to ignore when searching for interactive nodes. This is useful for
- * ignoring nodes that are conditionally interactive based on the return value of the function.
- * @returns {boolean | undefined}
- */
-export declare function hasInteractiveNodes(node: HTMLElement | null, ignoreNodes?: HTMLElement[]): boolean;
-//# sourceMappingURL=hasInteractiveNodes.d.ts.map

package/lib/internal/utils/hasInteractiveNodes.js

@@ -1,50 +0,0 @@
-'use strict';
-
-const nonValidSelectors = {
-  disabled: '[disabled]',
-  hidden: '[hidden]',
-  inert: '[inert]',
-  negativeTabIndex: '[tabindex="-1"]'
-};
-const interactiveElementsSelectors = [`a[href]`, `button`, 'summary', 'select', 'input:not([type=hidden])', 'textarea', '[tabindex="0"]', `audio[controls]`, `video[controls]`, `[contenteditable]`];
-const interactiveElements = interactiveElementsSelectors.map(selector => `${selector}:not(${Object.values(nonValidSelectors).join('):not(')})`);
-
-/**
- * Finds interactive nodes within the passed node.
- * If the node itself is interactive, or children within are, it will return true.
- *
- * @param node - The HTML element to search for interactive nodes in.
- * @param ignoreSelectors - A string of selectors to ignore when searching for interactive nodes. This is useful for
- * ignoring nodes that are conditionally interactive based on the return value of the function.
- * @returns {boolean | undefined}
- */
-function hasInteractiveNodes(node, ignoreNodes) {
-  if (!node || isNonValidInteractiveNode(node)) return false;
-
-  // We only need to confirm if at least one interactive node exists.
-  // If one does exist, we can abort early.
-
-  const nodesToIgnore = [node];
-  const interactiveNodes = findInteractiveChildNodes(node, nodesToIgnore);
-  return Boolean(interactiveNodes);
-}
-function isNonValidInteractiveNode(node) {
-  const nodeStyle = getComputedStyle(node);
-  const isNonInteractive = node.matches('[disabled], [hidden], [inert]');
-  const isHiddenVisually = nodeStyle.display === 'none' || nodeStyle.visibility === 'hidden';
-  return isNonInteractive || isHiddenVisually;
-}
-function findInteractiveChildNodes(node, ignoreNodes) {
-  if (!node) return;
-  const ignoreSelector = ignoreNodes.find(elem => elem === node);
-  const isNotValidNode = isNonValidInteractiveNode(node);
-  if (node.matches(interactiveElements.join(', ')) && !ignoreSelector && !isNotValidNode) {
-    return node;
-  }
-  for (const child of node.children) {
-    const interactiveNode = findInteractiveChildNodes(child, ignoreNodes);
-    if (interactiveNode) return true;
-  }
-}
-
-exports.hasInteractiveNodes = hasInteractiveNodes;

package/lib/internal/utils/sharedCheckboxAndRadioStyles.d.ts

@@ -1,2 +0,0 @@
-export declare const sharedCheckboxAndRadioStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-//# sourceMappingURL=sharedCheckboxAndRadioStyles.d.ts.map

package/lib/internal/utils/toggleStyledComponent.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-type CSSModulesProps = {
-    as?: string | React.ComponentType<any>;
-    sx?: React.CSSProperties;
-};
-/**
- * Utility to toggle rendering a styled component or a "plain" component based
- * on the provided `as` prop. When the provided feature flag is enabled, the
- * props will be passed through to an element or component created with the `as`
- * prop. When it is disabled, the provided styled component is used instead.
- *
- * @param flag - the feature flag that will control whether or not the provided
- * styled component is used
- * @param defaultAs - the default component to use when `as` is not provided
- * @param Component - the styled component that will be used if the feature flag
- * is disabled
- */
-export declare function toggleStyledComponent<T, P extends CSSModulesProps>(flag: string, defaultAs: string | React.ComponentType<any>, Component: React.ComponentType<P>): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>;
-export {};
-//# sourceMappingURL=toggleStyledComponent.d.ts.map

package/lib/internal/utils/toggleStyledComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggleStyledComponent.d.ts","sourceRoot":"","sources":["../../../src/internal/utils/toggleStyledComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,KAAK,eAAe,GAAG;IAErB,EAAE,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IACtC,EAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CACzB,CAAA;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,CAAC,SAAS,eAAe,EAChE,IAAI,EAAE,MAAM,EAEZ,SAAS,EAAE,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,EAC5C,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,sFAiBlC"}

package/lib/internal/utils/toggleSxComponent.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-type CSSModulesProps = {
-    as?: string | React.ComponentType<any>;
-    sx?: React.CSSProperties;
-};
-/**
- * Utility to toggle rendering a Box component that receives sx props
- * or a "plain" component based on the provided `as` prop. Other props will be passed through to an element or component created with the `as` prop.
- *
- * @param sx - the sx prop to check against the default sx prop
- * @param defaultAs - the default component to use when `as` is not provided
- */
-export declare function toggleSxComponent<T, P extends CSSModulesProps>(defaultAs: string | React.ComponentType<any>): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>;
-export {};
-//# sourceMappingURL=toggleSxComponent.d.ts.map

package/lib/internal/utils/toggleSxComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggleSxComponent.d.ts","sourceRoot":"","sources":["../../../src/internal/utils/toggleSxComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,KAAK,eAAe,GAAG;IAErB,EAAE,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IACtC,EAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CACzB,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,CAAC,SAAS,eAAe,EAE5D,SAAS,EAAE,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,sFAa7C"}

package/lib/internal/utils/toggleSxComponent.js

@@ -1,83 +0,0 @@
-'use strict';
-
-var reactCompilerRuntime = require('react-compiler-runtime');
-var React = require('react');
-var defaultSxProp = require('../../utils/defaultSxProp.js');
-var includeSystemProps = require('../../utils/includeSystemProps.js');
-var jsxRuntime = require('react/jsx-runtime');
-var Box = require('../../Box/Box.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-/**
- * Utility to toggle rendering a Box component that receives sx props
- * or a "plain" component based on the provided `as` prop. Other props will be passed through to an element or component created with the `as` prop.
- *
- * @param sx - the sx prop to check against the default sx prop
- * @param defaultAs - the default component to use when `as` is not provided
- */
-function toggleSxComponent(
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-defaultAs) {
-  const Wrapper = /*#__PURE__*/React__default.default.forwardRef(function Wrapper(t0, ref) {
-    const $ = reactCompilerRuntime.c(13);
-    let rest;
-    let t1;
-    let t2;
-    if ($[0] !== t0) {
-      ({
-        as: t1,
-        sx: t2,
-        ...rest
-      } = t0);
-      $[0] = t0;
-      $[1] = rest;
-      $[2] = t1;
-      $[3] = t2;
-    } else {
-      rest = $[1];
-      t1 = $[2];
-      t2 = $[3];
-    }
-    const BaseComponent = t1 === undefined ? defaultAs : t1;
-    const sxProp = t2 === undefined ? defaultSxProp.defaultSxProp : t2;
-    if (sxProp !== defaultSxProp.defaultSxProp || includeSystemProps.includesSystemProps(rest)) {
-      let t3;
-      if ($[4] !== BaseComponent || $[5] !== ref || $[6] !== rest || $[7] !== sxProp) {
-        t3 = /*#__PURE__*/jsxRuntime.jsx(Box, {
-          as: BaseComponent,
-          ...rest,
-          sx: sxProp,
-          ref: ref
-        });
-        $[4] = BaseComponent;
-        $[5] = ref;
-        $[6] = rest;
-        $[7] = sxProp;
-        $[8] = t3;
-      } else {
-        t3 = $[8];
-      }
-      return t3;
-    }
-    let t3;
-    if ($[9] !== BaseComponent || $[10] !== ref || $[11] !== rest) {
-      t3 = /*#__PURE__*/jsxRuntime.jsx(BaseComponent, {
-        ...rest,
-        ref: ref
-      });
-      $[9] = BaseComponent;
-      $[10] = ref;
-      $[11] = rest;
-      $[12] = t3;
-    } else {
-      t3 = $[12];
-    }
-    return t3;
-  });
-  return Wrapper;
-}
-
-exports.toggleSxComponent = toggleSxComponent;