@foxford/ui 2.16.2-beta-b143443-20231129 → 2.17.0-beta-cee51ed-20231220

package/hocs/withMergedProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"withMergedProps.js","sources":["../../../src/hocs/withMergedProps.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { mergeDeepLeft } from 'ramda'\nimport type { DefaultTheme } from 'styled-components'\nimport type {\n  BaseProps,\n  ColorPaletteProps,\n  ResponsiveSizeProps,\n  Sizes,\n  CSSColor,\n  Color,\n  ThemePreset,\n  ColorPaletteKey,\n} from 'shared/interfaces'\n\nconst injectThemeColors = (\n  colors: Partial<Record<ColorPaletteKey, Color>> = {},\n  theme: DefaultTheme\n): Partial<Record<ColorPaletteKey, CSSColor>> =>\n  Object.keys(colors).reduce((resultColors, colorKey) => {\n    const color = colors[colorKey]\n    resultColors[colorKey] = theme.colors[color] ?? color\n    return resultColors\n  }, {} as Record<ColorPaletteKey, CSSColor>)\n\nexport const withMergedProps = <\n  T extends ResponsiveSizeProps & ColorPaletteProps & BaseProps,\n  P extends HTMLElement = HTMLElement\n>(\n  Component: React.FC<\n    Omit<T, 'sizes' | 'preset' | 'palette'> & {\n      sizes: Sizes\n      preset: ThemePreset\n      palette: Partial<Record<ColorPaletteKey, CSSColor>>\n    } & React.RefAttributes<P>\n  >,\n  options: {\n    displayName: string\n    sizes: Sizes | ((props: Omit<T, 'sizes' | 'preset'> & { preset: ThemePreset }) => Sizes)\n  }\n) => {\n  const WithMergedProps = forwardRef<P, T>((props, ref) => {\n    const theme = useTheme()\n\n    const forwardProps = mergeDeepLeft(props, theme.components?.[options.displayName] ?? {}) as T\n    const preset = forwardProps.preset ?? theme.preset\n    const componentSizes =\n      typeof options.sizes === 'function' ? options.sizes({ ...forwardProps, preset }) : options.sizes\n    const sizes = (forwardProps.sizes ? mergeDeepLeft(forwardProps.sizes, componentSizes) : componentSizes) as Sizes\n    const palette = forwardProps.palette ? injectThemeColors(forwardProps.palette, theme) : {}\n\n    Component.displayName = options.displayName\n\n    return <Component {...forwardProps} preset={preset} sizes={sizes} palette={palette} ref={ref} />\n  })\n\n  WithMergedProps.displayName = `WithMergedProps${options.displayName}`\n  return WithMergedProps\n}\n"],"names":["withMergedProps","Component","options","WithMergedProps","forwardRef","props","ref","_theme$components$opt","_theme$components","_forwardProps$preset","theme","useTheme","forwardProps","mergeDeepLeft","components","displayName","preset","componentSizes","sizes","palette","e","r","colors","arguments","length","undefined","Object","keys","reduce","resultColors","colorKey","_theme$colors$color","color","_jsx","_objectSpread"],"mappings":"sNAyBaA,EAAkB,CAI7BC,EAOAC,KAKA,IAAMC,EAAkBC,IAAkBC,EAAOC,KAAQ,IAAAC,EAAAC,EAAAC,EACvD,IAAMC,EAAQC,IAEd,IAAMC,EAAeC,EAAcR,EAAD,UAAA,UAAQK,EAAMI,kBAAd,IAAAN,SAAQA,EAAmBN,EAAQa,oBAAAA,IAAnCR,EAAAA,EAAmD,IACrF,IAAMS,EAAgCN,UAAvBE,EAAaI,cAAAA,IAAUN,EAAAA,EAAAA,EAAMM,OAC5C,IAAMC,EACqB,mBAAlBf,EAAQgB,MAAuBhB,EAAQgB,aAAWN,GAAnB,GAAA,CAAiCI,OAAAA,KAAYd,EAAQgB,MAC7F,IAAMA,EAASN,EAAaM,MAAQL,EAAcD,EAAaM,MAAOD,GAAkBA,EACxF,IAAME,EAAUP,EAAaO,QAlCP,SAAAC,EAAAC,GAAA,IACxBC,+BADwBF,EAAAA,EAC0B,GAD1B,IAExBV,EAFwBa,UAAAC,OAAA,EAAAH,OAAAI,EAAA,OAIxBC,OAAOC,KAAKL,GAAQM,QAAO,CAACC,EAAcC,KAAa,IAAAC,EACrD,IAAMC,EAAQV,EAAOQ,GAErB,OADAD,EAAaC,GAAb,QAAyBpB,EAAAA,EAAMY,OAAOU,UAAAA,IAAtCD,EAAAA,EAAgDC,EACzCH,IACN,IARqB,CAkCmCjB,EAAaO,QAAST,GAAS,GAIxF,OAFAT,EAAUc,YAAcb,EAAQa,YAEzBkB,EAAChC,EAADiC,EAAAA,EAAA,GAAetB,GAAf,GAAA,CAA6BI,OAAQA,EAAQE,MAAOA,EAAOC,QAASA,EAASb,IAAKA,QAI3F,OADAH,EAAgBY,YAAgCb,kBAAAA,OAAAA,EAAQa,aACjDZ"}
+{"version":3,"file":"withMergedProps.js","sources":["../../../src/hocs/withMergedProps.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { mergeDeepLeft } from 'ramda'\nimport type { DefaultTheme } from 'styled-components'\nimport type { BaseProps, ColorPaletteProps, ResponsiveSizeProps } from 'shared/interfaces'\nimport type { CSSColor, Sizes, Color, ThemePreset, ColorPaletteKey } from 'shared/types'\n\nconst injectThemeColors = (\n  colors: Partial<Record<ColorPaletteKey, Color>> = {},\n  theme: DefaultTheme\n): Partial<Record<ColorPaletteKey, CSSColor>> =>\n  Object.keys(colors).reduce((resultColors, colorKey) => {\n    const color = colors[colorKey]\n    resultColors[colorKey] = theme.colors[color] ?? color\n    return resultColors\n  }, {} as Record<ColorPaletteKey, CSSColor>)\n\nexport const withMergedProps = <\n  T extends ResponsiveSizeProps & ColorPaletteProps & BaseProps,\n  P extends HTMLElement = HTMLElement\n>(\n  Component: React.FC<\n    Omit<T, 'sizes' | 'preset' | 'palette'> & {\n      sizes: Sizes\n      preset: ThemePreset\n      palette: Partial<Record<ColorPaletteKey, CSSColor>>\n    } & React.RefAttributes<P>\n  >,\n  options: {\n    displayName: string\n    sizes: Sizes | ((props: Omit<T, 'sizes' | 'preset'> & { preset: ThemePreset }) => Sizes)\n  }\n) => {\n  const WithMergedProps = forwardRef<P, T>((props, ref) => {\n    const theme = useTheme()\n\n    const forwardProps = mergeDeepLeft(props, theme.components?.[options.displayName] ?? {}) as T\n    const preset = forwardProps.preset ?? theme.preset\n    const componentSizes =\n      typeof options.sizes === 'function' ? options.sizes({ ...forwardProps, preset }) : options.sizes\n    const sizes = (forwardProps.sizes ? mergeDeepLeft(forwardProps.sizes, componentSizes) : componentSizes) as Sizes\n    const palette = forwardProps.palette ? injectThemeColors(forwardProps.palette, theme) : {}\n\n    Component.displayName = options.displayName\n\n    return <Component {...forwardProps} preset={preset} sizes={sizes} palette={palette} ref={ref} />\n  })\n\n  WithMergedProps.displayName = `WithMergedProps${options.displayName}`\n  return WithMergedProps\n}\n"],"names":["withMergedProps","Component","options","WithMergedProps","forwardRef","props","ref","_theme$components$opt","_theme$components","_forwardProps$preset","theme","useTheme","forwardProps","mergeDeepLeft","components","displayName","preset","componentSizes","sizes","palette","e","r","colors","arguments","length","undefined","Object","keys","reduce","resultColors","colorKey","_theme$colors$color","color","_jsx","_objectSpread"],"mappings":"sNAiBaA,EAAkB,CAI7BC,EAOAC,KAKA,IAAMC,EAAkBC,IAAkBC,EAAOC,KAAQ,IAAAC,EAAAC,EAAAC,EACvD,IAAMC,EAAQC,IAEd,IAAMC,EAAeC,EAAcR,EAAD,UAAA,UAAQK,EAAMI,kBAAd,IAAAN,SAAQA,EAAmBN,EAAQa,oBAAAA,IAAnCR,EAAAA,EAAmD,IACrF,IAAMS,EAAgCN,UAAvBE,EAAaI,cAAAA,IAAUN,EAAAA,EAAAA,EAAMM,OAC5C,IAAMC,EACqB,mBAAlBf,EAAQgB,MAAuBhB,EAAQgB,aAAWN,GAAnB,GAAA,CAAiCI,OAAAA,KAAYd,EAAQgB,MAC7F,IAAMA,EAASN,EAAaM,MAAQL,EAAcD,EAAaM,MAAOD,GAAkBA,EACxF,IAAME,EAAUP,EAAaO,QAlCP,SAAAC,EAAAC,GAAA,IACxBC,+BADwBF,EAAAA,EAC0B,GAD1B,IAExBV,EAFwBa,UAAAC,OAAA,EAAAH,OAAAI,EAAA,OAIxBC,OAAOC,KAAKL,GAAQM,QAAO,CAACC,EAAcC,KAAa,IAAAC,EACrD,IAAMC,EAAQV,EAAOQ,GAErB,OADAD,EAAaC,GAAb,QAAyBpB,EAAAA,EAAMY,OAAOU,UAAAA,IAAtCD,EAAAA,EAAgDC,EACzCH,IACN,IARqB,CAkCmCjB,EAAaO,QAAST,GAAS,GAIxF,OAFAT,EAAUc,YAAcb,EAAQa,YAEzBkB,EAAChC,EAADiC,EAAAA,EAAA,GAAetB,GAAf,GAAA,CAA6BI,OAAQA,EAAQE,MAAOA,EAAOC,QAASA,EAASb,IAAKA,QAI3F,OADAH,EAAgBY,YAAgCb,kBAAAA,OAAAA,EAAQa,aACjDZ"}

package/hooks/useClassname.js

@@ -1,2 +1,2 @@
-import e from'clsx';import{useFallbackTheme as a}from'./use-theme.js';function s(s,r){var c=a();return e("".concat(c.classNamePrefix,"-").concat(s),r)}export{s as useClassname};
+import{useTheme as e}from'styled-components';import s from'clsx';function o(o,a){var r=e();return s("".concat(r.classNamePrefix,"-").concat(o),a)}export{o as useClassname};
 //# sourceMappingURL=useClassname.js.map

package/hooks/useClassname.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClassname.js","sources":["../../../src/hooks/useClassname.ts"],"sourcesContent":["import cx from 'clsx'\nimport { useFallbackTheme } from './use-theme'\n\nexport function useClassname(componentName: string, originalClassName?: string) {\n  const theme = useFallbackTheme()\n  return cx(`${theme.classNamePrefix}-${componentName}`, originalClassName)\n}\n"],"names":["useClassname","componentName","originalClassName","theme","useFallbackTheme","cx","classNamePrefix"],"mappings":"sEAGO,SAASA,EAAaC,EAAuBC,GAClD,IAAMC,EAAQC,IACd,OAAOC,YAAMF,EAAMG,gBAAmBL,KAAAA,OAAAA,GAAiBC"}
+{"version":3,"file":"useClassname.js","sources":["../../../src/hooks/useClassname.ts"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport cx from 'clsx'\n\nexport function useClassname(componentName: string, originalClassName?: string) {\n  const theme = useTheme()\n  return cx(`${theme.classNamePrefix}-${componentName}`, originalClassName)\n}\n"],"names":["useClassname","componentName","originalClassName","theme","useTheme","cx","classNamePrefix"],"mappings":"iEAGO,SAASA,EAAaC,EAAuBC,GAClD,IAAMC,EAAQC,IACd,OAAOC,YAAMF,EAAMG,gBAAmBL,KAAAA,OAAAA,GAAiBC"}