@fluentui/react-utilities 0.0.0-nightly050f89bf0020211102.1

package/lib/ssr/SSRContext.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+/**
+ * To support SSR, the auto incrementing id counter is stored in a context. This allows it to be reset on every request
+ * to ensure the client and server are consistent.
+ *
+ * @internal
+ */
+export declare type SSRContextValue = {
+    current: number;
+};
+/**
+ * Default context value to use in case there is no SSRProvider. This is fine for client-only apps.
+ *
+ * @internal
+ */
+export declare const defaultSSRContextValue: SSRContextValue;
+export declare const SSRContext: React.Context<SSRContextValue>;
+/**
+ * @internal
+ */
+export declare function useSSRContext(): SSRContextValue;
+/**
+ * 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
+ */
+export declare const SSRProvider: React.FC;
+/**
+ * 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.
+ */
+export declare function useIsSSR(): boolean;

package/lib/ssr/SSRContext.js

@@ -0,0 +1,71 @@
+import * as React from 'react';
+import { canUseDOM } from './canUseDOM';
+/**
+ * Default context value to use in case there is no SSRProvider. This is fine for client-only apps.
+ *
+ * @internal
+ */
+
+export var defaultSSRContextValue = {
+  current: 0
+};
+export var SSRContext = /*#__PURE__*/React.createContext(defaultSSRContextValue);
+/**
+ * @internal
+ */
+
+export function useSSRContext() {
+  return React.useContext(SSRContext);
+}
+/**
+ * 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
+ */
+
+export var SSRProvider = function (props) {
+  var value = React.useState(function () {
+    return {
+      current: 0
+    };
+  })[0];
+  return /*#__PURE__*/React.createElement(SSRContext.Provider, {
+    value: value
+  }, props.children);
+};
+/**
+ * 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.
+ */
+
+export function useIsSSR() {
+  var isInSSRContext = useSSRContext() !== defaultSSRContextValue;
+
+  var _a = React.useState(isInSSRContext),
+      isSSR = _a[0],
+      setIsSSR = _a[1]; // 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()) {
+      // 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() && 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(function () {
+      setIsSSR(false);
+    }, []);
+  }
+
+  return isSSR;
+}
+//# sourceMappingURL=SSRContext.js.map

package/lib/ssr/SSRContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ssr/SSRContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,SAAT,QAA0B,aAA1B;AAYA;;;;AAIG;;AACH,OAAO,IAAM,sBAAsB,GAAoB;AACrD,EAAA,OAAO,EAAE;AAD4C,CAAhD;AAIP,OAAO,IAAM,UAAU,gBAAG,KAAK,CAAC,aAAN,CAAqC,sBAArC,CAAnB;AAEP;;AAEG;;AACH,OAAM,SAAU,aAAV,GAAuB;AAC3B,SAAO,KAAK,CAAC,UAAN,CAAiB,UAAjB,CAAP;AACD;AAED;;;;;AAKG;;AACH,OAAO,IAAM,WAAW,GAAa,UAAA,KAAA,EAAK;AACjC,MAAA,KAAK,GAAI,KAAK,CAAC,QAAN,CAAgC,YAAA;AAAM,WAAC;AAAE,MAAA,OAAO,EAAV;AAAC,KAAD;AAAgB,GAAtD,EAAJ,CAAI,CAAT;AAEP,sBAAO,KAAA,CAAA,aAAA,CAAC,UAAU,CAAC,QAAZ,EAAoB;AAAC,IAAA,KAAK,EAAE;AAAR,GAApB,EAAoC,KAAK,CAAC,QAA1C,CAAP;AACD,CAJM;AAMP;;;AAGG;;AACH,OAAM,SAAU,QAAV,GAAkB;AACtB,MAAM,cAAc,GAAG,aAAa,OAAO,sBAA3C;;AACM,MAAA,EAAA,GAAoB,KAAK,CAAC,QAAN,CAAe,cAAf,CAApB;AAAA,MAAC,KAAK,GAAA,EAAA,CAAA,CAAA,CAAN;AAAA,MAAQ,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAhB,CAFgB,CAItB;AACA;;;AACA,MAAI,OAAO,CAAC,GAAR,CAAY,QAAZ,KAAyB,YAA7B,EAA2C;AACzC,QAAI,CAAC,cAAD,IAAmB,CAAC,SAAS,EAAjC,EAAqC;AACnC;AACA,MAAA,OAAO,CAAC,KAAR,CACE,4GACE,0CAFJ;AAID;AACF,GAdqB,CAgBtB;AACA;;;AACA,MAAI,SAAS,MAAM,cAAnB,EAAmC;AACjC;AACA;AACA;AACA,IAAA,KAAK,CAAC,eAAN,CAAsB,YAAA;AACpB,MAAA,QAAQ,CAAC,KAAD,CAAR;AACD,KAFD,EAEG,EAFH;AAGD;;AAED,SAAO,KAAP;AACD","sourceRoot":""}

package/lib/ssr/canUseDOM.d.ts

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

package/lib/ssr/canUseDOM.js

@@ -0,0 +1,8 @@
+/**
+ * Verifies if an application can use DOM.
+ */
+export function canUseDOM() {
+  return typeof window !== 'undefined' && !!(window.document && // eslint-disable-next-line deprecation/deprecation
+  window.document.createElement);
+}
+//# sourceMappingURL=canUseDOM.js.map

package/lib/ssr/canUseDOM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ssr/canUseDOM.ts"],"names":[],"mappings":"AAAA;;AAEG;AACH,OAAM,SAAU,SAAV,GAAmB;AACvB,SACE,OAAO,MAAP,KAAkB,WAAlB,IACA,CAAC,EACC,MAAM,CAAC,QAAP,IACA;AACA,EAAA,MAAM,CAAC,QAAP,CAAgB,aAHjB,CAFH;AAQD","sourceRoot":""}

package/lib/ssr/index.d.ts

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

package/lib/ssr/index.js

@@ -0,0 +1,3 @@
+export * from './canUseDOM';
+export * from './SSRContext';
+//# sourceMappingURL=index.js.map

package/lib/ssr/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ssr/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}

package/lib/tsdoc-metadata.json

@@ -0,0 +1,11 @@
+// This file is read by tools that parse documentation comments conforming to the TSDoc standard.
+// It should be published with your NPM package.  It should not be tracked by Git.
+{
+  "tsdocVersion": "0.12",
+  "toolPackages": [
+    {
+      "packageName": "@microsoft/api-extractor",
+      "packageVersion": "7.18.1"
+    }
+  ]
+}

package/lib/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/utils/applyTriggerPropsToChildren.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { onlyChild } from './onlyChild';
+/**
+ * Apply the trigger props to the children, either by calling the render function, or cloning with the new props.
+ */
+
+export var applyTriggerPropsToChildren = function (children, triggerProps) {
+  if (typeof children === 'function') {
+    return children(triggerProps);
+  } else if (children) {
+    return /*#__PURE__*/React.cloneElement(onlyChild(children), triggerProps);
+  }
+
+  return children;
+};
+//# sourceMappingURL=applyTriggerPropsToChildren.js.map

package/lib/utils/applyTriggerPropsToChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/applyTriggerPropsToChildren.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,SAAT,QAA0B,aAA1B;AAEA;;AAEG;;AACH,OAAO,IAAM,2BAA2B,GAAG,UACzC,QADyC,EAEzC,YAFyC,EAEd;AAE3B,MAAI,OAAO,QAAP,KAAoB,UAAxB,EAAoC;AAClC,WAAO,QAAQ,CAAC,YAAD,CAAf;AACD,GAFD,MAEO,IAAI,QAAJ,EAAc;AACnB,wBAAO,KAAK,CAAC,YAAN,CAAmB,SAAS,CAAC,QAAD,CAA5B,EAAwC,YAAxC,CAAP;AACD;;AAED,SAAO,QAAP;AACD,CAXM","sourceRoot":""}

package/lib/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/utils/clamp.js

@@ -0,0 +1,11 @@
+/**
+ * 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 var clamp = function (value, min, max) {
+  return Math.max(min, Math.min(max, value || 0));
+};
+//# sourceMappingURL=clamp.js.map

package/lib/utils/clamp.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/clamp.ts"],"names":[],"mappings":"AAAA;;;;;;AAMG;AACH,OAAO,IAAM,KAAK,GAAG,UAAC,KAAD,EAAgB,GAAhB,EAA6B,GAA7B,EAAwC;AAAa,SAAA,IAAI,CAAC,GAAL,CAAS,GAAT,EAAc,IAAI,CAAC,GAAL,CAAS,GAAT,EAAc,KAAK,IAAjC,CAAc,CAAd,CAAA;AAAwC,CAA3G","sourceRoot":""}

package/lib/utils/getNativeElementProps.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+/**
+ * Given an element tagname and user props, filters the props to only allowed props for the given
+ * element type.
+ * @param tagName - Tag name (e.g. "div")
+ * @param props - Props object
+ * @param excludedPropNames - List of props to disallow
+ */
+export declare function getNativeElementProps<TAttributes extends React.HTMLAttributes<any>>(tagName: string, props: {}, excludedPropNames?: string[]): TAttributes;

package/lib/utils/getNativeElementProps.js

@@ -0,0 +1,38 @@
+import { labelProperties, audioProperties, videoProperties, olProperties, liProperties, anchorProperties, buttonProperties, inputProperties, textAreaProperties, selectProperties, optionProperties, tableProperties, trProperties, thProperties, tdProperties, colGroupProperties, colProperties, formProperties, iframeProperties, imgProperties, htmlElementProperties, getNativeProps } from './properties';
+var nativeElementMap = {
+  label: labelProperties,
+  audio: audioProperties,
+  video: videoProperties,
+  ol: olProperties,
+  li: liProperties,
+  a: anchorProperties,
+  button: buttonProperties,
+  input: inputProperties,
+  textarea: textAreaProperties,
+  select: selectProperties,
+  option: optionProperties,
+  table: tableProperties,
+  tr: trProperties,
+  th: thProperties,
+  td: tdProperties,
+  colGroup: colGroupProperties,
+  col: colProperties,
+  form: formProperties,
+  iframe: iframeProperties,
+  img: imgProperties
+};
+/**
+ * Given an element tagname and user props, filters the props to only allowed props for the given
+ * element type.
+ * @param tagName - Tag name (e.g. "div")
+ * @param props - Props object
+ * @param excludedPropNames - List of props to disallow
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+export function getNativeElementProps(tagName, props, excludedPropNames) {
+  var allowedPropNames = tagName && nativeElementMap[tagName] || htmlElementProperties;
+  allowedPropNames.as = 1;
+  return getNativeProps(props, allowedPropNames, excludedPropNames);
+}
+//# sourceMappingURL=getNativeElementProps.js.map

package/lib/utils/getNativeElementProps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/getNativeElementProps.ts"],"names":[],"mappings":"AACA,SACE,eADF,EAEE,eAFF,EAGE,eAHF,EAIE,YAJF,EAKE,YALF,EAME,gBANF,EAOE,gBAPF,EAQE,eARF,EASE,kBATF,EAUE,gBAVF,EAWE,gBAXF,EAYE,eAZF,EAaE,YAbF,EAcE,YAdF,EAeE,YAfF,EAgBE,kBAhBF,EAiBE,aAjBF,EAkBE,cAlBF,EAmBE,gBAnBF,EAoBE,aApBF,EAqBE,qBArBF,EAsBE,cAtBF,QAuBO,cAvBP;AAyBA,IAAM,gBAAgB,GAA2C;AAC/D,EAAA,KAAK,EAAE,eADwD;AAE/D,EAAA,KAAK,EAAE,eAFwD;AAG/D,EAAA,KAAK,EAAE,eAHwD;AAI/D,EAAA,EAAE,EAAE,YAJ2D;AAK/D,EAAA,EAAE,EAAE,YAL2D;AAM/D,EAAA,CAAC,EAAE,gBAN4D;AAO/D,EAAA,MAAM,EAAE,gBAPuD;AAQ/D,EAAA,KAAK,EAAE,eARwD;AAS/D,EAAA,QAAQ,EAAE,kBATqD;AAU/D,EAAA,MAAM,EAAE,gBAVuD;AAW/D,EAAA,MAAM,EAAE,gBAXuD;AAY/D,EAAA,KAAK,EAAE,eAZwD;AAa/D,EAAA,EAAE,EAAE,YAb2D;AAc/D,EAAA,EAAE,EAAE,YAd2D;AAe/D,EAAA,EAAE,EAAE,YAf2D;AAgB/D,EAAA,QAAQ,EAAE,kBAhBqD;AAiB/D,EAAA,GAAG,EAAE,aAjB0D;AAkB/D,EAAA,IAAI,EAAE,cAlByD;AAmB/D,EAAA,MAAM,EAAE,gBAnBuD;AAoB/D,EAAA,GAAG,EAAE;AApB0D,CAAjE;AAuBA;;;;;;AAMG;AACH;;AACA,OAAM,SAAU,qBAAV,CACJ,OADI,EAEJ,KAFI,EAGJ,iBAHI,EAGwB;AAE5B,MAAM,gBAAgB,GAAI,OAAO,IAAI,gBAAgB,CAAC,OAAD,CAA5B,IAA0C,qBAAnE;AACA,EAAA,gBAAgB,CAAC,EAAjB,GAAsB,CAAtB;AAEA,SAAO,cAAc,CAAC,KAAD,EAAQ,gBAAR,EAA0B,iBAA1B,CAArB;AACD","sourceRoot":""}

package/lib/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/utils/getRTLSafeKey.js

@@ -0,0 +1,21 @@
+/**
+ * Finds and swaps a provided key for it's right to left format.
+ */
+export var getRTLSafeKey = function (key, dir) {
+  if (dir === 'rtl') {
+    switch (key) {
+      case 'ArrowLeft':
+        {
+          return 'ArrowRight';
+        }
+
+      case 'ArrowRight':
+        {
+          return 'ArrowLeft';
+        }
+    }
+  }
+
+  return key;
+};
+//# sourceMappingURL=getRTLSafeKey.js.map

package/lib/utils/getRTLSafeKey.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/getRTLSafeKey.ts"],"names":[],"mappings":"AAAA;;AAEG;AACH,OAAO,IAAM,aAAa,GAAG,UAAC,GAAD,EAAc,GAAd,EAAgC;AAC3D,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","sourceRoot":""}

package/lib/utils/index.d.ts

@@ -0,0 +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/utils/index.js

@@ -0,0 +1,9 @@
+export * from './applyTriggerPropsToChildren';
+export * from './clamp';
+export * from './getNativeElementProps';
+export * from './getRTLSafeKey';
+export * from './omit';
+export * from './onlyChild';
+export * from './properties';
+export * from './shouldPreventDefaultOnKeyDown';
+//# sourceMappingURL=index.js.map

package/lib/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,SAAS,CAAC;AACxB,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,iCAAiC,CAAC"}

package/lib/utils/omit.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 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.
+ *
+ * This behaves very much like filteredAssign, but does not merge many objects together,
+ * uses an exclusion object map, and avoids spreads all for optimal performance.
+ *
+ * See perf test for background:
+ * https://jsperf.com/omit-vs-rest-vs-reduce/1
+ *
+ * @param obj - The object to clone
+ * @param exclusions - The array of keys to exclude
+ */
+export declare function omit<TObj extends Record<string, any>, Exclusions extends (keyof TObj)[]>(obj: TObj, exclusions: Exclusions): Omit<TObj, Exclusions[number]>;

package/lib/utils/omit.js

@@ -0,0 +1,27 @@
+/**
+ * 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.
+ *
+ * This behaves very much like filteredAssign, but does not merge many objects together,
+ * uses an exclusion object map, and avoids spreads all for optimal performance.
+ *
+ * See perf test for background:
+ * https://jsperf.com/omit-vs-rest-vs-reduce/1
+ *
+ * @param obj - The object to clone
+ * @param exclusions - The array of keys to exclude
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export 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];
+    }
+  }
+
+  return result;
+}
+//# sourceMappingURL=omit.js.map

package/lib/utils/omit.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/omit.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;AAYG;AACH;AACA,OAAM,SAAU,IAAV,CACJ,GADI,EAEJ,UAFI,EAEkB;AAEtB;AACA,MAAM,MAAM,GAAwB,EAApC;;AAEA,OAAK,IAAM,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","sourceRoot":""}

package/lib/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/utils/onlyChild.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+/**
+ * Similar to React.Children.only, but drills into fragments rather than treating them as a single child
+ */
+
+export var onlyChild = function (child) {
+  if (! /*#__PURE__*/React.isValidElement(child)) {
+    throw new Error("Component's child must be a single element");
+  }
+
+  return child.type === React.Fragment ? onlyChild(child.props.children) : child;
+};
+//# sourceMappingURL=onlyChild.js.map

package/lib/utils/onlyChild.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/onlyChild.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAEA;;AAEG;;AACH,OAAO,IAAM,SAAS,GAAG,UACvB,KADuB,EAC8F;AAErH,MAAI,eAAC,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,SAAS,CAAC,KAAK,CAAC,KAAN,CAAY,QAAb,CAAzC,GAAkE,KAAzE;AACD,CARM","sourceRoot":""}

package/lib/utils/properties.d.ts

@@ -0,0 +1,148 @@
+/**
+ * An array of events that are allowed on every html element type.
+ *
+ * @public
+ */
+export declare const baseElementEvents: Record<string, number>;
+/**
+ * An array of element attributes which are allowed on every html element type.
+ *
+ * @public
+ */
+export declare const baseElementProperties: Record<string, number>;
+/**
+ * An array of HTML element properties and events.
+ *
+ * @public
+ */
+export declare const htmlElementProperties: Record<string, number>;
+/**
+ * An array of LABEL tag properties and events.
+ *
+ * @public
+ */
+export declare const labelProperties: Record<string, number>;
+/**
+ * An array of AUDIO tag properties and events.
+
+ * @public
+ */
+export declare const audioProperties: Record<string, number>;
+/**
+ * An array of VIDEO tag properties and events.
+ *
+ * @public
+ */
+export declare const videoProperties: Record<string, number>;
+/**
+ * An array of OL tag properties and events.
+ *
+ * @public
+ */
+export declare const olProperties: Record<string, number>;
+/**
+ * An array of LI tag properties and events.
+ *
+ * @public
+ */
+export declare const liProperties: Record<string, number>;
+/**
+ * An array of A tag properties and events.
+ *
+ * @public
+ */
+export declare const anchorProperties: Record<string, number>;
+/**
+ * An array of BUTTON tag properties and events.
+ *
+ * @public
+ */
+export declare const buttonProperties: Record<string, number>;
+/**
+ * An array of INPUT tag properties and events.
+ *
+ * @public
+ */
+export declare const inputProperties: Record<string, number>;
+/**
+ * An array of TEXTAREA tag properties and events.
+ *
+ * @public
+ */
+export declare const textAreaProperties: Record<string, number>;
+/**
+ * An array of SELECT tag properties and events.
+ *
+ * @public
+ */
+export declare const selectProperties: Record<string, number>;
+export declare const optionProperties: Record<string, number>;
+/**
+ * An array of TABLE tag properties and events.
+ *
+ * @public
+ */
+export declare const tableProperties: Record<string, number>;
+/**
+ * An array of TR tag properties and events.
+ *
+ * @public
+ */
+export declare const trProperties: Record<string, number>;
+/**
+ * An array of TH tag properties and events.
+ *
+ * @public
+ */
+export declare const thProperties: Record<string, number>;
+/**
+ * An array of TD tag properties and events.
+ *
+ * @public
+ */
+export declare const tdProperties: Record<string, number>;
+export declare const colGroupProperties: Record<string, number>;
+export declare const colProperties: Record<string, number>;
+/**
+ * An array of FORM tag properties and events.
+ *
+ * @public
+ */
+export declare const formProperties: Record<string, number>;
+/**
+ * An array of IFRAME tag properties and events.
+ *
+ * @public
+ */
+export declare const iframeProperties: Record<string, number>;
+/**
+ * An array of IMAGE tag properties and events.
+ *
+ * @public
+ */
+export declare const imgProperties: Record<string, number>;
+/**
+ * @deprecated Use imgProperties for img elements.
+ */
+export declare const imageProperties: Record<string, number>;
+/**
+ * An array of DIV tag properties and events.
+ *
+ * @public
+ */
+export declare const divProperties: Record<string, number>;
+/**
+ * Gets native supported props for an html element provided the allowance set. Use one of the property
+ * sets defined (divProperties, buttonPropertes, etc) to filter out supported properties from a given
+ * props set. Note that all data- and aria- prefixed attributes will be allowed.
+ * NOTE: getNativeProps should always be applied first when adding props to a react component. The
+ * non-native props should be applied second. This will prevent getNativeProps from overriding your custom props.
+ * For example, if props passed to getNativeProps has an onClick function and getNativeProps is added to
+ * the component after an onClick function is added, then the getNativeProps onClick will override it.
+ *
+ * @public
+ * @param props - The unfiltered input props
+ * @param allowedPropsNames - The array or record of allowed prop names.
+ * @returns The filtered props
+ */
+export declare function getNativeProps<T extends Record<string, any>>(props: Record<string, any>, allowedPropNames: string[] | Record<string, number>, excludedPropNames?: string[]): T;