@fluentui/react-utilities 9.0.0-alpha.9 → 9.0.0-beta.4

package/lib-commonjs/ssr/SSRContext.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useIsSSR = exports.SSRProvider = exports.useSSRContext = exports.SSRContext = exports.defaultSSRContextValue = void 0;
+
+const React = /*#__PURE__*/require("react");
+
+const canUseDOM_1 = /*#__PURE__*/require("./canUseDOM");
+/**
+ * Default context value to use in case there is no SSRProvider. This is fine for client-only apps.
+ *
+ * @internal
+ */
+
+
+exports.defaultSSRContextValue = {
+  current: 0
+};
+exports.SSRContext = /*#__PURE__*/React.createContext(exports.defaultSSRContextValue);
+/**
+ * @internal
+ */
+
+function useSSRContext() {
+  return React.useContext(exports.SSRContext);
+}
+
+exports.useSSRContext = useSSRContext;
+/**
+ * When using SSR with Fluent UI, applications must be wrapped in an SSRProvider. This ensures that auto generated ids
+ * are consistent between the client and server.
+ *
+ * @public
+ */
+
+const SSRProvider = props => {
+  const [value] = React.useState(() => ({
+    current: 0
+  }));
+  return React.createElement(exports.SSRContext.Provider, {
+    value: value
+  }, props.children);
+};
+
+exports.SSRProvider = SSRProvider;
+/**
+ * Returns whether the component is currently being server side rendered or hydrated on the client. Can be used to delay
+ * browser-specific rendering until after hydration. May cause re-renders on a client when is used within SSRProvider.
+ */
+
+function useIsSSR() {
+  const isInSSRContext = useSSRContext() !== exports.defaultSSRContextValue;
+  const [isSSR, setIsSSR] = React.useState(isInSSRContext); // If we are rendering in a non-DOM environment, and there's no SSRProvider, provide a warning to hint to the
+  // developer to add one.
+
+  if (process.env.NODE_ENV !== 'production') {
+    if (!isInSSRContext && !canUseDOM_1.canUseDOM()) {
+      // eslint-disable-next-line no-console
+      console.error('When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are ' + 'generated between the client and server.');
+    }
+  } // If on the client, and the component was initially server rendered, then schedule a layout effect to update the
+  // component after hydration.
+
+
+  if (canUseDOM_1.canUseDOM() && isInSSRContext) {
+    // This if statement technically breaks the rules of hooks, but is safe because the condition never changes after
+    // mounting.
+    // eslint-disable-next-line
+    React.useLayoutEffect(() => {
+      setIsSSR(false);
+    }, []);
+  }
+
+  return isSSR;
+}
+
+exports.useIsSSR = useIsSSR;
+//# sourceMappingURL=SSRContext.js.map

package/lib-commonjs/ssr/SSRContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ssr/SSRContext.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,WAAA,gBAAA,OAAA,CAAA,aAAA,CAAA;AAYA;;;;AAIG;;;AACU,OAAA,CAAA,sBAAA,GAA0C;AACrD,EAAA,OAAO,EAAE;AAD4C,CAA1C;AAIA,OAAA,CAAA,UAAA,gBAAa,KAAK,CAAC,aAAN,CAAqC,OAAA,CAAA,sBAArC,CAAb;AAEb;;AAEG;;AACH,SAAgB,aAAhB,GAA6B;AAC3B,SAAO,KAAK,CAAC,UAAN,CAAiB,OAAA,CAAA,UAAjB,CAAP;AACD;;AAFD,OAAA,CAAA,aAAA,GAAA,aAAA;AAIA;;;;;AAKG;;AACI,MAAM,WAAW,GAAa,KAAK,IAAG;AAC3C,QAAM,CAAC,KAAD,IAAU,KAAK,CAAC,QAAN,CAAgC,OAAO;AAAE,IAAA,OAAO,EAAE;AAAX,GAAP,CAAhC,CAAhB;AAEA,SAAO,KAAA,CAAA,aAAA,CAAC,OAAA,CAAA,UAAA,CAAW,QAAZ,EAAoB;AAAC,IAAA,KAAK,EAAE;AAAR,GAApB,EAAoC,KAAK,CAAC,QAA1C,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,WAAA,GAAW,WAAX;AAMb;;;AAGG;;AACH,SAAgB,QAAhB,GAAwB;AACtB,QAAM,cAAc,GAAG,aAAa,OAAO,OAAA,CAAA,sBAA3C;AACA,QAAM,CAAC,KAAD,EAAQ,QAAR,IAAoB,KAAK,CAAC,QAAN,CAAe,cAAf,CAA1B,CAFsB,CAItB;AACA;;AACA,MAAI,OAAO,CAAC,GAAR,CAAY,QAAZ,KAAyB,YAA7B,EAA2C;AACzC,QAAI,CAAC,cAAD,IAAmB,CAAC,WAAA,CAAA,SAAA,EAAxB,EAAqC;AACnC;AACA,MAAA,OAAO,CAAC,KAAR,CACE,4GACE,0CAFJ;AAID;AACF,GAdqB,CAgBtB;AACA;;;AACA,MAAI,WAAA,CAAA,SAAA,MAAe,cAAnB,EAAmC;AACjC;AACA;AACA;AACA,IAAA,KAAK,CAAC,eAAN,CAAsB,MAAK;AACzB,MAAA,QAAQ,CAAC,KAAD,CAAR;AACD,KAFD,EAEG,EAFH;AAGD;;AAED,SAAO,KAAP;AACD;;AA5BD,OAAA,CAAA,QAAA,GAAA,QAAA","sourceRoot":""}

package/lib-commonjs/ssr/canUseDOM.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Verifies if an application can use DOM.
+ */
+export declare function canUseDOM(): boolean;

package/lib-commonjs/ssr/canUseDOM.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.canUseDOM = void 0;
+/**
+ * Verifies if an application can use DOM.
+ */
+
+function canUseDOM() {
+  return typeof window !== 'undefined' && !!(window.document && // eslint-disable-next-line deprecation/deprecation
+  window.document.createElement);
+}
+
+exports.canUseDOM = canUseDOM;
+//# sourceMappingURL=canUseDOM.js.map

package/lib-commonjs/ssr/canUseDOM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ssr/canUseDOM.ts"],"names":[],"mappings":";;;;;;AAAA;;AAEG;;AACH,SAAgB,SAAhB,GAAyB;AACvB,SACE,OAAO,MAAP,KAAkB,WAAlB,IACA,CAAC,EACC,MAAM,CAAC,QAAP,IACA;AACA,EAAA,MAAM,CAAC,QAAP,CAAgB,aAHjB,CAFH;AAQD;;AATD,OAAA,CAAA,SAAA,GAAA,SAAA","sourceRoot":""}

package/lib-commonjs/ssr/index.d.ts

@@ -0,0 +1,2 @@
+export * from './canUseDOM';
+export * from './SSRContext';

package/lib-commonjs/ssr/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./canUseDOM"), exports);
+
+tslib_1.__exportStar(require("./SSRContext"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/ssr/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ssr/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/utils/applyTriggerPropsToChildren.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+/**
+ * Apply the trigger props to the children, either by calling the render function, or cloning with the new props.
+ */
+export declare const applyTriggerPropsToChildren: <TTriggerProps>(children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | ((props: TTriggerProps) => React.ReactNode) | null | undefined, triggerProps: TTriggerProps) => React.ReactNode;

package/lib-commonjs/utils/applyTriggerPropsToChildren.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.applyTriggerPropsToChildren = void 0;
+
+const React = /*#__PURE__*/require("react");
+
+const onlyChild_1 = /*#__PURE__*/require("./onlyChild");
+/**
+ * Apply the trigger props to the children, either by calling the render function, or cloning with the new props.
+ */
+
+
+const applyTriggerPropsToChildren = (children, triggerProps) => {
+  if (typeof children === 'function') {
+    return children(triggerProps);
+  } else if (children) {
+    return React.cloneElement(onlyChild_1.onlyChild(children), triggerProps);
+  }
+
+  return children;
+};
+
+exports.applyTriggerPropsToChildren = applyTriggerPropsToChildren;
+//# sourceMappingURL=applyTriggerPropsToChildren.js.map

package/lib-commonjs/utils/applyTriggerPropsToChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/applyTriggerPropsToChildren.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,WAAA,gBAAA,OAAA,CAAA,aAAA,CAAA;AAEA;;AAEG;;;AACI,MAAM,2BAA2B,GAAG,CACzC,QADyC,EAEzC,YAFyC,KAGtB;AACnB,MAAI,OAAO,QAAP,KAAoB,UAAxB,EAAoC;AAClC,WAAO,QAAQ,CAAC,YAAD,CAAf;AACD,GAFD,MAEO,IAAI,QAAJ,EAAc;AACnB,WAAO,KAAK,CAAC,YAAN,CAAmB,WAAA,CAAA,SAAA,CAAU,QAAV,CAAnB,EAAwC,YAAxC,CAAP;AACD;;AAED,SAAO,QAAP;AACD,CAXM;;AAAM,OAAA,CAAA,2BAAA,GAA2B,2BAA3B","sourceRoot":""}

package/lib-commonjs/utils/clamp.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Clamps `value` to a number between the min and max.
+ *
+ * @param value - the value to be clamped
+ * @param min - the lowest valid value
+ * @param max - the highest valid value
+ */
+export declare const clamp: (value: number, min: number, max: number) => number;

package/lib-commonjs/utils/clamp.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.clamp = void 0;
+/**
+ * Clamps `value` to a number between the min and max.
+ *
+ * @param value - the value to be clamped
+ * @param min - the lowest valid value
+ * @param max - the highest valid value
+ */
+
+const clamp = (value, min, max) => Math.max(min, Math.min(max, value || 0));
+
+exports.clamp = clamp;
+//# sourceMappingURL=clamp.js.map

package/lib-commonjs/utils/clamp.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/clamp.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;AAMG;;AACI,MAAM,KAAK,GAAG,CAAC,KAAD,EAAgB,GAAhB,EAA6B,GAA7B,KAAqD,IAAI,CAAC,GAAL,CAAS,GAAT,EAAc,IAAI,CAAC,GAAL,CAAS,GAAT,EAAc,KAAK,IAAI,CAAvB,CAAd,CAAnE;;AAAM,OAAA,CAAA,KAAA,GAAK,KAAL","sourceRoot":""}

package/lib-commonjs/utils/getNativeElementProps.d.ts

@@ -7,3 +7,25 @@ import * as React from 'react';
  * @param excludedPropNames - List of props to disallow
  */
 export declare function getNativeElementProps<TAttributes extends React.HTMLAttributes<any>>(tagName: string, props: {}, excludedPropNames?: string[]): TAttributes;
+/**
+ * Splits the native props into ones that go to the `root` slot, and ones that go to the primary slot.
+ *
+ * This function is only for use with components that have a primary slot other than `root`.
+ * Most components should use {@link getNativeElementProps} for their root slot if it is the primary slot.
+ *
+ * @returns An object containing the native props for the `root` and primary slots.
+ */
+export declare const getPartitionedNativeProps: ({ primarySlotTagName, props, excludedPropNames, }: {
+    /** The primary slot's element type (e.g. 'div') */
+    primarySlotTagName: keyof JSX.IntrinsicElements;
+    /** The component's props object */
+    props: Pick<React.HTMLAttributes<HTMLElement>, 'style' | 'className'>;
+    /** List of native props to exclude from the returned value */
+    excludedPropNames?: string[] | undefined;
+}) => {
+    root: {
+        style: React.CSSProperties | undefined;
+        className: string | undefined;
+    };
+    primary: React.HTMLAttributes<any>;
+};

package/lib-commonjs/utils/getNativeElementProps.js

@@ -1,27 +1,33 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var properties_1 = require("./properties");
-var nativeElementMap = {
-    label: properties_1.labelProperties,
-    audio: properties_1.audioProperties,
-    video: properties_1.videoProperties,
-    ol: properties_1.olProperties,
-    li: properties_1.liProperties,
-    a: properties_1.anchorProperties,
-    button: properties_1.buttonProperties,
-    input: properties_1.inputProperties,
-    textarea: properties_1.textAreaProperties,
-    select: properties_1.selectProperties,
-    option: properties_1.optionProperties,
-    table: properties_1.tableProperties,
-    tr: properties_1.trProperties,
-    th: properties_1.thProperties,
-    td: properties_1.tdProperties,
-    colGroup: properties_1.colGroupProperties,
-    col: properties_1.colProperties,
-    form: properties_1.formProperties,
-    iframe: properties_1.iframeProperties,
-    img: properties_1.imgProperties,
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPartitionedNativeProps = exports.getNativeElementProps = void 0;
+
+const properties_1 = /*#__PURE__*/require("./properties");
+
+const nativeElementMap = {
+  label: properties_1.labelProperties,
+  audio: properties_1.audioProperties,
+  video: properties_1.videoProperties,
+  ol: properties_1.olProperties,
+  li: properties_1.liProperties,
+  a: properties_1.anchorProperties,
+  button: properties_1.buttonProperties,
+  input: properties_1.inputProperties,
+  textarea: properties_1.textAreaProperties,
+  select: properties_1.selectProperties,
+  option: properties_1.optionProperties,
+  table: properties_1.tableProperties,
+  tr: properties_1.trProperties,
+  th: properties_1.thProperties,
+  td: properties_1.tdProperties,
+  colGroup: properties_1.colGroupProperties,
+  col: properties_1.colProperties,
+  form: properties_1.formProperties,
+  iframe: properties_1.iframeProperties,
+  img: properties_1.imgProperties
 };
 /**
  * Given an element tagname and user props, filters the props to only allowed props for the given
@@ -31,9 +37,36 @@ var nativeElementMap = {
  * @param excludedPropNames - List of props to disallow
  */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
 function getNativeElementProps(tagName, props, excludedPropNames) {
-    var allowedPropNames = (tagName && nativeElementMap[tagName]) || properties_1.htmlElementProperties;
-    return properties_1.getNativeProps(props, allowedPropNames, excludedPropNames);
+  const allowedPropNames = tagName && nativeElementMap[tagName] || properties_1.htmlElementProperties;
+  allowedPropNames.as = 1;
+  return properties_1.getNativeProps(props, allowedPropNames, excludedPropNames);
 }
+
 exports.getNativeElementProps = getNativeElementProps;
+/**
+ * Splits the native props into ones that go to the `root` slot, and ones that go to the primary slot.
+ *
+ * This function is only for use with components that have a primary slot other than `root`.
+ * Most components should use {@link getNativeElementProps} for their root slot if it is the primary slot.
+ *
+ * @returns An object containing the native props for the `root` and primary slots.
+ */
+
+const getPartitionedNativeProps = ({
+  primarySlotTagName,
+  props,
+  excludedPropNames
+}) => {
+  return {
+    root: {
+      style: props.style,
+      className: props.className
+    },
+    primary: getNativeElementProps(primarySlotTagName, props, [...(excludedPropNames || []), 'style', 'className'])
+  };
+};
+
+exports.getPartitionedNativeProps = getPartitionedNativeProps;
 //# sourceMappingURL=getNativeElementProps.js.map

package/lib-commonjs/utils/getNativeElementProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"getNativeElementProps.js","sourceRoot":"../src/","sources":["utils/getNativeElementProps.ts"],"names":[],"mappings":";;AACA,2CAuBsB;AAEtB,IAAM,gBAAgB,GAA2C;IAC/D,KAAK,EAAE,4BAAe;IACtB,KAAK,EAAE,4BAAe;IACtB,KAAK,EAAE,4BAAe;IACtB,EAAE,EAAE,yBAAY;IAChB,EAAE,EAAE,yBAAY;IAChB,CAAC,EAAE,6BAAgB;IACnB,MAAM,EAAE,6BAAgB;IACxB,KAAK,EAAE,4BAAe;IACtB,QAAQ,EAAE,+BAAkB;IAC5B,MAAM,EAAE,6BAAgB;IACxB,MAAM,EAAE,6BAAgB;IACxB,KAAK,EAAE,4BAAe;IACtB,EAAE,EAAE,yBAAY;IAChB,EAAE,EAAE,yBAAY;IAChB,EAAE,EAAE,yBAAY;IAChB,QAAQ,EAAE,+BAAkB;IAC5B,GAAG,EAAE,0BAAa;IAClB,IAAI,EAAE,2BAAc;IACpB,MAAM,EAAE,6BAAgB;IACxB,GAAG,EAAE,0BAAa;CACnB,CAAC;AAEF;;;;;;GAMG;AACH,8DAA8D;AAC9D,SAAgB,qBAAqB,CACnC,OAAe,EACf,KAAS,EACT,iBAA4B;IAE5B,IAAM,gBAAgB,GAAG,CAAC,OAAO,IAAI,gBAAgB,CAAC,OAAO,CAAC,CAAC,IAAI,kCAAqB,CAAC;IAEzF,OAAO,2BAAc,CAAC,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,CAAC,CAAC;AACpE,CAAC;AARD,sDAQC","sourcesContent":["import * as React from 'react';\nimport {\n  labelProperties,\n  audioProperties,\n  videoProperties,\n  olProperties,\n  liProperties,\n  anchorProperties,\n  buttonProperties,\n  inputProperties,\n  textAreaProperties,\n  selectProperties,\n  optionProperties,\n  tableProperties,\n  trProperties,\n  thProperties,\n  tdProperties,\n  colGroupProperties,\n  colProperties,\n  formProperties,\n  iframeProperties,\n  imgProperties,\n  htmlElementProperties,\n  getNativeProps,\n} from './properties';\n\nconst nativeElementMap: Record<string, Record<string, number>> = {\n  label: labelProperties,\n  audio: audioProperties,\n  video: videoProperties,\n  ol: olProperties,\n  li: liProperties,\n  a: anchorProperties,\n  button: buttonProperties,\n  input: inputProperties,\n  textarea: textAreaProperties,\n  select: selectProperties,\n  option: optionProperties,\n  table: tableProperties,\n  tr: trProperties,\n  th: thProperties,\n  td: tdProperties,\n  colGroup: colGroupProperties,\n  col: colProperties,\n  form: formProperties,\n  iframe: iframeProperties,\n  img: imgProperties,\n};\n\n/**\n * Given an element tagname and user props, filters the props to only allowed props for the given\n * element type.\n * @param tagName - Tag name (e.g. \"div\")\n * @param props - Props object\n * @param excludedPropNames - List of props to disallow\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function getNativeElementProps<TAttributes extends React.HTMLAttributes<any>>(\n  tagName: string,\n  props: {},\n  excludedPropNames?: string[],\n): TAttributes {\n  const allowedPropNames = (tagName && nativeElementMap[tagName]) || htmlElementProperties;\n\n  return getNativeProps(props, allowedPropNames, excludedPropNames);\n}\n"]}
+{"version":3,"sources":["../../src/utils/getNativeElementProps.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;;AAyBA,MAAM,gBAAgB,GAA2C;AAC/D,EAAA,KAAK,EAAE,YAAA,CAAA,eADwD;AAE/D,EAAA,KAAK,EAAE,YAAA,CAAA,eAFwD;AAG/D,EAAA,KAAK,EAAE,YAAA,CAAA,eAHwD;AAI/D,EAAA,EAAE,EAAE,YAAA,CAAA,YAJ2D;AAK/D,EAAA,EAAE,EAAE,YAAA,CAAA,YAL2D;AAM/D,EAAA,CAAC,EAAE,YAAA,CAAA,gBAN4D;AAO/D,EAAA,MAAM,EAAE,YAAA,CAAA,gBAPuD;AAQ/D,EAAA,KAAK,EAAE,YAAA,CAAA,eARwD;AAS/D,EAAA,QAAQ,EAAE,YAAA,CAAA,kBATqD;AAU/D,EAAA,MAAM,EAAE,YAAA,CAAA,gBAVuD;AAW/D,EAAA,MAAM,EAAE,YAAA,CAAA,gBAXuD;AAY/D,EAAA,KAAK,EAAE,YAAA,CAAA,eAZwD;AAa/D,EAAA,EAAE,EAAE,YAAA,CAAA,YAb2D;AAc/D,EAAA,EAAE,EAAE,YAAA,CAAA,YAd2D;AAe/D,EAAA,EAAE,EAAE,YAAA,CAAA,YAf2D;AAgB/D,EAAA,QAAQ,EAAE,YAAA,CAAA,kBAhBqD;AAiB/D,EAAA,GAAG,EAAE,YAAA,CAAA,aAjB0D;AAkB/D,EAAA,IAAI,EAAE,YAAA,CAAA,cAlByD;AAmB/D,EAAA,MAAM,EAAE,YAAA,CAAA,gBAnBuD;AAoB/D,EAAA,GAAG,EAAE,YAAA,CAAA;AApB0D,CAAjE;AAuBA;;;;;;AAMG;AACH;;AACA,SAAgB,qBAAhB,CACE,OADF,EAEE,KAFF,EAGE,iBAHF,EAG8B;AAE5B,QAAM,gBAAgB,GAAI,OAAO,IAAI,gBAAgB,CAAC,OAAD,CAA5B,IAA0C,YAAA,CAAA,qBAAnE;AACA,EAAA,gBAAgB,CAAC,EAAjB,GAAsB,CAAtB;AAEA,SAAO,YAAA,CAAA,cAAA,CAAe,KAAf,EAAsB,gBAAtB,EAAwC,iBAAxC,CAAP;AACD;;AATD,OAAA,CAAA,qBAAA,GAAA,qBAAA;AAWA;;;;;;;AAOG;;AACI,MAAM,yBAAyB,GAAG,CAAC;AACxC,EAAA,kBADwC;AAExC,EAAA,KAFwC;AAGxC,EAAA;AAHwC,CAAD,KAapC;AACH,SAAO;AACL,IAAA,IAAI,EAAE;AAAE,MAAA,KAAK,EAAE,KAAK,CAAC,KAAf;AAAsB,MAAA,SAAS,EAAE,KAAK,CAAC;AAAvC,KADD;AAEL,IAAA,OAAO,EAAE,qBAAqB,CAAC,kBAAD,EAAqB,KAArB,EAA4B,CAAC,IAAI,iBAAiB,IAAI,EAAzB,CAAD,EAA+B,OAA/B,EAAwC,WAAxC,CAA5B;AAFzB,GAAP;AAID,CAlBM;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB","sourceRoot":""}

package/lib-commonjs/utils/getRTLSafeKey.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Finds and swaps a provided key for it's right to left format.
+ */
+export declare const getRTLSafeKey: (key: string, dir: 'ltr' | 'rtl') => string;

package/lib-commonjs/utils/getRTLSafeKey.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getRTLSafeKey = void 0;
+/**
+ * Finds and swaps a provided key for it's right to left format.
+ */
+
+const getRTLSafeKey = (key, dir) => {
+  if (dir === 'rtl') {
+    switch (key) {
+      case 'ArrowLeft':
+        {
+          return 'ArrowRight';
+        }
+
+      case 'ArrowRight':
+        {
+          return 'ArrowLeft';
+        }
+    }
+  }
+
+  return key;
+};
+
+exports.getRTLSafeKey = getRTLSafeKey;
+//# sourceMappingURL=getRTLSafeKey.js.map

package/lib-commonjs/utils/getRTLSafeKey.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/getRTLSafeKey.ts"],"names":[],"mappings":";;;;;;AAAA;;AAEG;;AACI,MAAM,aAAa,GAAG,CAAC,GAAD,EAAc,GAAd,KAAoC;AAC/D,MAAI,GAAG,KAAK,KAAZ,EAAmB;AACjB,YAAQ,GAAR;AACE,WAAK,WAAL;AAAkB;AAChB,iBAAO,YAAP;AACD;;AAED,WAAK,YAAL;AAAmB;AACjB,iBAAO,WAAP;AACD;AAPH;AASD;;AAED,SAAO,GAAP;AACD,CAdM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourceRoot":""}

package/lib-commonjs/utils/index.d.ts

@@ -1,3 +1,8 @@
+export * from './applyTriggerPropsToChildren';
+export * from './clamp';
 export * from './getNativeElementProps';
+export * from './getRTLSafeKey';
 export * from './omit';
+export * from './onlyChild';
 export * from './properties';
+export * from './shouldPreventDefaultOnKeyDown';

package/lib-commonjs/utils/index.js

@@ -1,7 +1,24 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./applyTriggerPropsToChildren"), exports);
+
+tslib_1.__exportStar(require("./clamp"), exports);
+
 tslib_1.__exportStar(require("./getNativeElementProps"), exports);
+
+tslib_1.__exportStar(require("./getRTLSafeKey"), exports);
+
 tslib_1.__exportStar(require("./omit"), exports);
+
+tslib_1.__exportStar(require("./onlyChild"), exports);
+
 tslib_1.__exportStar(require("./properties"), exports);
+
+tslib_1.__exportStar(require("./shouldPreventDefaultOnKeyDown"), exports);
 //# sourceMappingURL=index.js.map

package/lib-commonjs/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utils/index.ts"],"names":[],"mappings":";;;AAAA,kEAAwC;AACxC,iDAAuB;AACvB,uDAA6B","sourcesContent":["export * from './getNativeElementProps';\nexport * from './omit';\nexport * from './properties';\n"]}
+{"version":3,"sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,+BAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,yBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iCAAA,CAAA,EAAA,OAAA","sourceRoot":""}

package/lib-commonjs/utils/omit.d.ts

@@ -11,4 +11,4 @@
  * @param obj - The object to clone
  * @param exclusions - The array of keys to exclude
  */
-export declare function omit<TObj extends Record<string, any>>(obj: TObj, exclusions: (keyof TObj)[]): TObj;
+export declare function omit<TObj extends Record<string, any>, Exclusions extends (keyof TObj)[]>(obj: TObj, exclusions: Exclusions): Omit<TObj, Exclusions[number]>;

package/lib-commonjs/utils/omit.js

@@ -1,5 +1,9 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.omit = void 0;
 /**
  * Tiny helper to do the minimal amount of work in duplicating an object but omitting some
  * props. This ends up faster than using object ...rest or reduce to filter.
@@ -14,15 +18,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * @param exclusions - The array of keys to exclude
  */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
 function omit(obj, exclusions) {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    var result = {};
-    for (var key in obj) {
-        if (exclusions.indexOf(key) === -1 && obj.hasOwnProperty(key)) {
-            result[key] = obj[key];
-        }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const result = {};
+
+  for (const key in obj) {
+    if (exclusions.indexOf(key) === -1 && obj.hasOwnProperty(key)) {
+      result[key] = obj[key];
     }
-    return result;
+  }
+
+  return result;
 }
+
 exports.omit = omit;
 //# sourceMappingURL=omit.js.map

package/lib-commonjs/utils/omit.js.map

@@ -1 +1 @@
-{"version":3,"file":"omit.js","sourceRoot":"../src/","sources":["utils/omit.ts"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;GAYG;AACH,8DAA8D;AAC9D,SAAgB,IAAI,CAAmC,GAAS,EAAE,UAA0B;IAC1F,8DAA8D;IAC9D,IAAM,MAAM,GAAwB,EAAE,CAAC;IAEvC,KAAK,IAAM,GAAG,IAAI,GAAG,EAAE;QACrB,IAAI,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,IAAI,GAAG,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE;YAC7D,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;SACxB;KACF;IAED,OAAO,MAAc,CAAC;AACxB,CAAC;AAXD,oBAWC","sourcesContent":["/**\n * Tiny helper to do the minimal amount of work in duplicating an object but omitting some\n * props. This ends up faster than using object ...rest or reduce to filter.\n *\n * This behaves very much like filteredAssign, but does not merge many objects together,\n * uses an exclusion object map, and avoids spreads all for optimal performance.\n *\n * See perf test for background:\n * https://jsperf.com/omit-vs-rest-vs-reduce/1\n *\n * @param obj - The object to clone\n * @param exclusions - The array of keys to exclude\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function omit<TObj extends Record<string, any>>(obj: TObj, exclusions: (keyof TObj)[]): TObj {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const result: Record<string, any> = {};\n\n  for (const key in obj) {\n    if (exclusions.indexOf(key) === -1 && obj.hasOwnProperty(key)) {\n      result[key] = obj[key];\n    }\n  }\n\n  return result as TObj;\n}\n"]}
+{"version":3,"sources":["../../src/utils/omit.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;AAYG;AACH;;AACA,SAAgB,IAAhB,CACE,GADF,EAEE,UAFF,EAEwB;AAEtB;AACA,QAAM,MAAM,GAAwB,EAApC;;AAEA,OAAK,MAAM,GAAX,IAAkB,GAAlB,EAAuB;AACrB,QAAI,UAAU,CAAC,OAAX,CAAmB,GAAnB,MAA4B,CAAC,CAA7B,IAAkC,GAAG,CAAC,cAAJ,CAAmB,GAAnB,CAAtC,EAA+D;AAC7D,MAAA,MAAM,CAAC,GAAD,CAAN,GAAc,GAAG,CAAC,GAAD,CAAjB;AACD;AACF;;AAED,SAAO,MAAP;AACD;;AAdD,OAAA,CAAA,IAAA,GAAA,IAAA","sourceRoot":""}

package/lib-commonjs/utils/onlyChild.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+/**
+ * Similar to React.Children.only, but drills into fragments rather than treating them as a single child
+ */
+export declare const onlyChild: <P>(child: string | number | boolean | {} | React.ReactNodeArray | React.ReactPortal | React.ReactElement<P, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | null | undefined) => React.ReactElement<P, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;

package/lib-commonjs/utils/onlyChild.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.onlyChild = void 0;
+
+const React = /*#__PURE__*/require("react");
+/**
+ * Similar to React.Children.only, but drills into fragments rather than treating them as a single child
+ */
+
+
+const onlyChild = child => {
+  if (!React.isValidElement(child)) {
+    throw new Error(`Component's child must be a single element`);
+  }
+
+  return child.type === React.Fragment ? exports.onlyChild(child.props.children) : child;
+};
+
+exports.onlyChild = onlyChild;
+//# sourceMappingURL=onlyChild.js.map

package/lib-commonjs/utils/onlyChild.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/onlyChild.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;AAEA;;AAEG;;;AACI,MAAM,SAAS,GACpB,KADuB,IAEE;AACzB,MAAI,CAAC,KAAK,CAAC,cAAN,CAAqB,KAArB,CAAL,EAAkC;AAChC,UAAM,IAAI,KAAJ,CAAU,4CAAV,CAAN;AACD;;AAED,SAAO,KAAK,CAAC,IAAN,KAAe,KAAK,CAAC,QAArB,GAAgC,OAAA,CAAA,SAAA,CAAU,KAAK,CAAC,KAAN,CAAY,QAAtB,CAAhC,GAAkE,KAAzE;AACD,CARM;;AAAM,OAAA,CAAA,SAAA,GAAS,SAAT","sourceRoot":""}