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

package/utils/filterComponents.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filterComponents.js","sources":["../../src/utils/filterComponents.ts"],"sourcesContent":["import React, { ReactNode, ReactElement } from 'react';\nimport { Comp } from '../types';\nimport { isComponent } from './isComponent';\n\n/**\n * Create an array containing only valid and specific components.\n *\n * @param  component React function component or the component name\n * @return an array of components\n */\nexport const filterComponents =\n  (component: Comp<any, any> | string | Comp<any, any>[] | string[]) =>\n  (children: ReactNode): ReactElement[] => {\n    const components = Array.isArray(component) ? component : [component];\n    const childArray: ReactElement[] = [];\n\n    React.Children.forEach(children, (child) => {\n      components.forEach((comp) => {\n        if (isComponent(comp)(child)) {\n          childArray.push(child);\n        }\n      });\n    });\n\n    return childArray;\n  };\n"],"names":["filterComponents","component","children","components","Array","isArray","childArray","React","Children","forEach","child","comp","isComponent","push"],"mappings":";;;AAIA;AACA;AACA;AACA;AACA;AACA;MACaA,gBAAgB,GAC1BC,SAAgE,IAChEC,QAAmB,IAAqB;AACvC,EAAA,MAAMC,UAAU,GAAGC,KAAK,CAACC,OAAO,CAACJ,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAA;EACrE,MAAMK,UAA0B,GAAG,EAAE,CAAA;EAErCC,KAAK,CAACC,QAAQ,CAACC,OAAO,CAACP,QAAQ,EAAGQ,KAAK,IAAK;AAC1CP,IAAAA,UAAU,CAACM,OAAO,CAAEE,IAAI,IAAK;AAC3B,MAAA,IAAIC,WAAW,CAACD,IAAI,CAAC,CAACD,KAAK,CAAC,EAAE;AAC5BJ,QAAAA,UAAU,CAACO,IAAI,CAACH,KAAK,CAAC,CAAA;AACxB,OAAA;AACF,KAAC,CAAC,CAAA;AACJ,GAAC,CAAC,CAAA;AAEF,EAAA,OAAOJ,UAAU,CAAA;AACnB;;;;"}

package/utils/getTextWidth.d.ts

@@ -1,6 +0,0 @@
-declare const getCssStyle: (element: Element, prop: string) => string;
-declare const getCanvasFont: (el?: HTMLElement) => string;
-declare const getTextWidth: (text: string, font: string, angle?: number) => number;
-declare const getMaxTextWidth: (texts: string[], font: string, angle?: number) => number;
-
-export { getCanvasFont, getCssStyle, getMaxTextWidth, getTextWidth };

package/utils/getTextWidth.js

@@ -1,32 +0,0 @@
-const getCssStyle = (element, prop) => {
-  return window.getComputedStyle(element, null).getPropertyValue(prop);
-};
-const getCanvasFont = function () {
-  let el = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document.body;
-  const fontWeight = getCssStyle(el, 'font-weight') || 'normal';
-  const fontSize = getCssStyle(el, 'font-size') || '16px';
-  const fontFamily = getCssStyle(el, 'font-family') || 'Times New Roman';
-  return `${fontWeight} ${fontSize} ${fontFamily}`;
-};
-const getTextWidth = function (text, font) {
-  let angle = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-  const canvas = document.createElement('canvas');
-  const context = canvas.getContext('2d');
-  context.font = font;
-  const metrics = context.measureText(text);
-  const radians = angle * (Math.PI / 180);
-  const cosTheta = Math.abs(Math.cos(radians));
-  const sinTheta = Math.abs(Math.sin(radians));
-  const boundingBoxHeight = metrics.width * sinTheta + 15 * cosTheta;
-  // console.log(text, metrics.width, boundingBoxHeight);
-
-  // return metrics.width;
-  return boundingBoxHeight;
-};
-const getMaxTextWidth = function (texts, font) {
-  let angle = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-  return Math.max(...texts.map(text => getTextWidth(text, font, angle)));
-};
-
-export { getCanvasFont, getCssStyle, getMaxTextWidth, getTextWidth };
-//# sourceMappingURL=getTextWidth.js.map

package/utils/getTextWidth.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getTextWidth.js","sources":["../../src/utils/getTextWidth.ts"],"sourcesContent":["export const getCssStyle = (element: Element, prop: string) => {\n  return window.getComputedStyle(element, null).getPropertyValue(prop);\n};\n\nexport const getCanvasFont = (el = document.body) => {\n  const fontWeight = getCssStyle(el, 'font-weight') || 'normal';\n  const fontSize = getCssStyle(el, 'font-size') || '16px';\n  const fontFamily = getCssStyle(el, 'font-family') || 'Times New Roman';\n\n  return `${fontWeight} ${fontSize} ${fontFamily}`;\n};\n\nexport const getTextWidth: (text: string, font: string, angle?: number) => number = (text, font, angle = 0) => {\n  const canvas = document.createElement('canvas');\n  const context = canvas.getContext('2d');\n  context!.font = font;\n  const metrics = context!.measureText(text);\n\n  const radians = angle * (Math.PI / 180);\n  const cosTheta = Math.abs(Math.cos(radians));\n  const sinTheta = Math.abs(Math.sin(radians));\n\n  const boundingBoxHeight = metrics.width * sinTheta + 15 * cosTheta;\n  // console.log(text, metrics.width, boundingBoxHeight);\n\n  // return metrics.width;\n  return boundingBoxHeight;\n};\n\nexport const getMaxTextWidth: (texts: string[], font: string, angle?: number) => number = (texts, font, angle = 0) => {\n  return Math.max(...texts.map((text) => getTextWidth(text, font, angle)));\n};\n"],"names":["getCssStyle","element","prop","window","getComputedStyle","getPropertyValue","getCanvasFont","el","arguments","length","undefined","document","body","fontWeight","fontSize","fontFamily","getTextWidth","text","font","angle","canvas","createElement","context","getContext","metrics","measureText","radians","Math","PI","cosTheta","abs","cos","sinTheta","sin","boundingBoxHeight","width","getMaxTextWidth","texts","max","map"],"mappings":"MAAaA,WAAW,GAAGA,CAACC,OAAgB,EAAEC,IAAY,KAAK;AAC7D,EAAA,OAAOC,MAAM,CAACC,gBAAgB,CAACH,OAAO,EAAE,IAAI,CAAC,CAACI,gBAAgB,CAACH,IAAI,CAAC,CAAA;AACtE,EAAC;AAEYI,MAAAA,aAAa,GAAG,YAAwB;AAAA,EAAA,IAAvBC,EAAE,GAAAC,SAAA,CAAAC,MAAA,GAAAD,CAAAA,IAAAA,SAAA,CAAAE,CAAAA,CAAAA,KAAAA,SAAA,GAAAF,SAAA,CAAGG,CAAAA,CAAAA,GAAAA,QAAQ,CAACC,IAAI,CAAA;EAC9C,MAAMC,UAAU,GAAGb,WAAW,CAACO,EAAE,EAAE,aAAa,CAAC,IAAI,QAAQ,CAAA;EAC7D,MAAMO,QAAQ,GAAGd,WAAW,CAACO,EAAE,EAAE,WAAW,CAAC,IAAI,MAAM,CAAA;EACvD,MAAMQ,UAAU,GAAGf,WAAW,CAACO,EAAE,EAAE,aAAa,CAAC,IAAI,iBAAiB,CAAA;AAEtE,EAAA,OAAQ,GAAEM,UAAW,CAAA,CAAA,EAAGC,QAAS,CAAA,CAAA,EAAGC,UAAW,CAAC,CAAA,CAAA;AAClD,EAAC;AAEM,MAAMC,YAAoE,GAAG,UAACC,IAAI,EAAEC,IAAI,EAAgB;AAAA,EAAA,IAAdC,KAAK,GAAAX,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,CAAC,CAAA;AACxG,EAAA,MAAMY,MAAM,GAAGT,QAAQ,CAACU,aAAa,CAAC,QAAQ,CAAC,CAAA;AAC/C,EAAA,MAAMC,OAAO,GAAGF,MAAM,CAACG,UAAU,CAAC,IAAI,CAAC,CAAA;EACvCD,OAAO,CAAEJ,IAAI,GAAGA,IAAI,CAAA;AACpB,EAAA,MAAMM,OAAO,GAAGF,OAAO,CAAEG,WAAW,CAACR,IAAI,CAAC,CAAA;EAE1C,MAAMS,OAAO,GAAGP,KAAK,IAAIQ,IAAI,CAACC,EAAE,GAAG,GAAG,CAAC,CAAA;AACvC,EAAA,MAAMC,QAAQ,GAAGF,IAAI,CAACG,GAAG,CAACH,IAAI,CAACI,GAAG,CAACL,OAAO,CAAC,CAAC,CAAA;AAC5C,EAAA,MAAMM,QAAQ,GAAGL,IAAI,CAACG,GAAG,CAACH,IAAI,CAACM,GAAG,CAACP,OAAO,CAAC,CAAC,CAAA;EAE5C,MAAMQ,iBAAiB,GAAGV,OAAO,CAACW,KAAK,GAAGH,QAAQ,GAAG,EAAE,GAAGH,QAAQ,CAAA;AAClE;;AAEA;AACA,EAAA,OAAOK,iBAAiB,CAAA;AAC1B,EAAC;AAEM,MAAME,eAA0E,GAAG,UAACC,KAAK,EAAEnB,IAAI,EAAgB;AAAA,EAAA,IAAdC,KAAK,GAAAX,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,CAAC,CAAA;EAC/G,OAAOmB,IAAI,CAACW,GAAG,CAAC,GAAGD,KAAK,CAACE,GAAG,CAAEtB,IAAI,IAAKD,YAAY,CAACC,IAAI,EAAEC,IAAI,EAAEC,KAAK,CAAC,CAAC,CAAC,CAAA;AAC1E;;;;"}

package/utils/isComponent.d.ts

@@ -1,12 +0,0 @@
-import React, { ReactNode } from 'react';
-import { Comp } from '../types/helpers.js';
-
-/**
- * Create a predicate function that checks if a ReactNode is a react element from the given component.
- *
- * @param  component React function component or the component name
- * @return predicate returning true if value is instance of the component
- */
-declare const isComponent: <C>(component: string | Comp<C, any>) => (instance: ReactNode) => instance is React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-
-export { isComponent };

package/utils/isComponent.js

@@ -1,15 +0,0 @@
-import React from 'react';
-
-/**
- * Create a predicate function that checks if a ReactNode is a react element from the given component.
- *
- * @param  component React function component or the component name
- * @return predicate returning true if value is instance of the component
- */
-const isComponent = component => instance => {
-  const componentName = typeof component === 'string' ? component : component.displayName;
-  return /*#__PURE__*/React.isValidElement(instance) && instance.type.displayName === componentName;
-};
-
-export { isComponent };
-//# sourceMappingURL=isComponent.js.map

package/utils/isComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isComponent.js","sources":["../../src/utils/isComponent.ts"],"sourcesContent":["import React, { ReactNode, ReactElement } from 'react';\nimport { Comp } from '../types';\n\n/**\n * Create a predicate function that checks if a ReactNode is a react element from the given component.\n *\n * @param  component React function component or the component name\n * @return predicate returning true if value is instance of the component\n */\nexport const isComponent =\n  <C>(component: Comp<C, any> | string) =>\n  (instance: ReactNode): instance is ReactElement => {\n    const componentName = typeof component === 'string' ? component : component.displayName;\n\n    return React.isValidElement(instance) && (instance.type as Comp<any>).displayName === componentName;\n  };\n"],"names":["isComponent","component","instance","componentName","displayName","React","isValidElement","type"],"mappings":";;AAGA;AACA;AACA;AACA;AACA;AACA;MACaA,WAAW,GAClBC,SAAgC,IACnCC,QAAmB,IAA+B;EACjD,MAAMC,aAAa,GAAG,OAAOF,SAAS,KAAK,QAAQ,GAAGA,SAAS,GAAGA,SAAS,CAACG,WAAW,CAAA;AAEvF,EAAA,oBAAOC,KAAK,CAACC,cAAc,CAACJ,QAAQ,CAAC,IAAKA,QAAQ,CAACK,IAAI,CAAeH,WAAW,KAAKD,aAAa,CAAA;AACrG;;;;"}

package/utils/partitionComponents.d.ts

@@ -1,10 +0,0 @@
-/**
- * Return components based on list of predicates.
- *
- * @param  components Array of components
- * @param  predicates Array of predicates
- * @return an array of arrays of components based on the given array of predicates
- */
-declare function partitionComponents<T>(components: T[], predicates: Array<(t: T) => boolean>): T[][];
-
-export { partitionComponents };

package/utils/partitionComponents.js

@@ -1,26 +0,0 @@
-/**
- * Return components based on list of predicates.
- *
- * @param  components Array of components
- * @param  predicates Array of predicates
- * @return an array of arrays of components based on the given array of predicates
- */
-function partitionComponents(components, predicates) {
-  const elements = [...predicates.map(() => []), []];
-  components.forEach(component => {
-    let found = false;
-    predicates.forEach((predicate, index) => {
-      if (predicate(component)) {
-        elements[index].push(component);
-        found = true;
-      }
-    });
-    if (!found) {
-      elements[elements.length - 1].push(component);
-    }
-  });
-  return elements;
-}
-
-export { partitionComponents };
-//# sourceMappingURL=partitionComponents.js.map