@redsift/design-system 11.6.0-muiv5-alpha.4 → 11.6.0-muiv5-alpha.5

package/utils/useId.d.ts

@@ -1,6 +0,0 @@
-declare const nextId: (localPrefix?: string | null) => string;
-declare const resetId: () => void;
-declare const setPrefix: (newPrefix: string) => void;
-declare const useId: (count?: number, prefix?: string) => string[];
-
-export { nextId, resetId, setPrefix, useId };

package/utils/useId.js

@@ -1,42 +0,0 @@
-import React from 'react';
-
-let globalPrefix = 'rsi';
-let lastId = 0;
-const nextId = localPrefix => {
-  lastId++;
-  return `${localPrefix || globalPrefix}${lastId}`;
-};
-const resetId = () => {
-  lastId = 0;
-};
-const setPrefix = newPrefix => {
-  globalPrefix = newPrefix;
-};
-const getIds = (count, prefix) => {
-  const ids = [];
-  for (let i = 0; i < count; i++) {
-    ids.push(nextId(prefix));
-  }
-  return ids;
-};
-function usePrevious(value) {
-  const ref = React.useRef();
-  React.useEffect(() => {
-    ref.current = value;
-  });
-  return ref.current;
-}
-const useId = function () {
-  let count = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-  let prefix = arguments.length > 1 ? arguments[1] : undefined;
-  const idsListRef = React.useRef([]);
-  const prevCount = usePrevious(count);
-  const prevPrefix = usePrevious(prefix);
-  if (count !== prevCount || prevPrefix !== prefix) {
-    idsListRef.current = getIds(count, prefix);
-  }
-  return idsListRef.current;
-};
-
-export { nextId, resetId, setPrefix, useId };
-//# sourceMappingURL=useId.js.map

package/utils/useId.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useId.js","sources":["../../src/utils/useId.ts"],"sourcesContent":["import React from 'react';\n\nlet globalPrefix = 'rsi';\nlet lastId = 0;\nexport const nextId = (localPrefix?: string | null): string => {\n  lastId++;\n  return `${localPrefix || globalPrefix}${lastId}`;\n};\n\nexport const resetId = (): void => {\n  lastId = 0;\n};\n\nexport const setPrefix = (newPrefix: string): void => {\n  globalPrefix = newPrefix;\n};\n\nconst getIds = (count: number, prefix?: string) => {\n  const ids = [];\n  for (let i = 0; i < count; i++) {\n    ids.push(nextId(prefix));\n  }\n  return ids;\n};\n\nfunction usePrevious(value: unknown) {\n  const ref = React.useRef<unknown>();\n  React.useEffect(() => {\n    ref.current = value;\n  });\n  return ref.current;\n}\n\nexport const useId = (count = 1, prefix?: string): string[] => {\n  const idsListRef = React.useRef<string[]>([]);\n  const prevCount = usePrevious(count);\n  const prevPrefix = usePrevious(prefix);\n\n  if (count !== prevCount || prevPrefix !== prefix) {\n    idsListRef.current = getIds(count, prefix);\n  }\n\n  return idsListRef.current;\n};\n"],"names":["globalPrefix","lastId","nextId","localPrefix","resetId","setPrefix","newPrefix","getIds","count","prefix","ids","i","push","usePrevious","value","ref","React","useRef","useEffect","current","useId","arguments","length","undefined","idsListRef","prevCount","prevPrefix"],"mappings":";;AAEA,IAAIA,YAAY,GAAG,KAAK,CAAA;AACxB,IAAIC,MAAM,GAAG,CAAC,CAAA;AACDC,MAAAA,MAAM,GAAIC,WAA2B,IAAa;AAC7DF,EAAAA,MAAM,EAAE,CAAA;AACR,EAAA,OAAQ,GAAEE,WAAW,IAAIH,YAAa,CAAA,EAAEC,MAAO,CAAC,CAAA,CAAA;AAClD,EAAC;AAEYG,MAAAA,OAAO,GAAGA,MAAY;AACjCH,EAAAA,MAAM,GAAG,CAAC,CAAA;AACZ,EAAC;AAEYI,MAAAA,SAAS,GAAIC,SAAiB,IAAW;AACpDN,EAAAA,YAAY,GAAGM,SAAS,CAAA;AAC1B,EAAC;AAED,MAAMC,MAAM,GAAGA,CAACC,KAAa,EAAEC,MAAe,KAAK;EACjD,MAAMC,GAAG,GAAG,EAAE,CAAA;EACd,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGH,KAAK,EAAEG,CAAC,EAAE,EAAE;AAC9BD,IAAAA,GAAG,CAACE,IAAI,CAACV,MAAM,CAACO,MAAM,CAAC,CAAC,CAAA;AAC1B,GAAA;AACA,EAAA,OAAOC,GAAG,CAAA;AACZ,CAAC,CAAA;AAED,SAASG,WAAWA,CAACC,KAAc,EAAE;AACnC,EAAA,MAAMC,GAAG,GAAGC,KAAK,CAACC,MAAM,EAAW,CAAA;EACnCD,KAAK,CAACE,SAAS,CAAC,MAAM;IACpBH,GAAG,CAACI,OAAO,GAAGL,KAAK,CAAA;AACrB,GAAC,CAAC,CAAA;EACF,OAAOC,GAAG,CAACI,OAAO,CAAA;AACpB,CAAA;AAEaC,MAAAA,KAAK,GAAG,YAA0C;AAAA,EAAA,IAAzCZ,KAAK,GAAAa,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,CAAC,CAAA;EAAA,IAAEZ,MAAe,GAAAY,SAAA,CAAAC,MAAA,GAAAD,CAAAA,GAAAA,SAAA,MAAAE,SAAA,CAAA;AAC9C,EAAA,MAAMC,UAAU,GAAGR,KAAK,CAACC,MAAM,CAAW,EAAE,CAAC,CAAA;AAC7C,EAAA,MAAMQ,SAAS,GAAGZ,WAAW,CAACL,KAAK,CAAC,CAAA;AACpC,EAAA,MAAMkB,UAAU,GAAGb,WAAW,CAACJ,MAAM,CAAC,CAAA;AAEtC,EAAA,IAAID,KAAK,KAAKiB,SAAS,IAAIC,UAAU,KAAKjB,MAAM,EAAE;IAChDe,UAAU,CAACL,OAAO,GAAGZ,MAAM,CAACC,KAAK,EAAEC,MAAM,CAAC,CAAA;AAC5C,GAAA;EAEA,OAAOe,UAAU,CAACL,OAAO,CAAA;AAC3B;;;;"}

package/utils/warnIfNoAccessibleLabelFound.d.ts

@@ -1,11 +0,0 @@
-import { ComponentProps, DependencyList } from 'react';
-
-/**
- * Display a warning if no label was found for screen readers and assistive technologies.
- *
- * @param props Component props containing the aria-label and aria-labelledby params to check for.
- * @param additionalKeysToCheck Additional props to check that can act as a label for screen readers (i.e. children).
- */
-declare const warnIfNoAccessibleLabelFound: (props: ComponentProps<keyof JSX.IntrinsicElements>, additionalKeysToCheck?: DependencyList, componentName?: string) => void;
-
-export { warnIfNoAccessibleLabelFound };

package/utils/warnIfNoAccessibleLabelFound.js

@@ -1,20 +0,0 @@
-/**
- * Display a warning if no label was found for screen readers and assistive technologies.
- *
- * @param props Component props containing the aria-label and aria-labelledby params to check for.
- * @param additionalKeysToCheck Additional props to check that can act as a label for screen readers (i.e. children).
- */
-const warnIfNoAccessibleLabelFound = (props, additionalKeysToCheck, componentName) => {
-  const {
-    'aria-label': ariaLabel,
-    'aria-labelledby': ariaLabelledby
-  } = props;
-  const hasText = additionalKeysToCheck && additionalKeysToCheck.filter(key => !!key).length > 0;
-  const hasAriaLabel = Boolean(ariaLabel || ariaLabelledby);
-  if (!hasAriaLabel && !hasText) {
-    console.warn(`You must provide a label ${componentName ? `to ${componentName} ` : ''}for accessibility`, props);
-  }
-};
-
-export { warnIfNoAccessibleLabelFound };
-//# sourceMappingURL=warnIfNoAccessibleLabelFound.js.map