@hitachivantara/uikit-react-core 5.14.0 → 5.15.0

package/dist/esm/components/VerticalNavigation/VerticalNavigationContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalNavigationContext.js","sources":["../../../../src/components/VerticalNavigation/VerticalNavigationContext.tsx"],"sourcesContent":["import { createContext } from \"react\";\nimport { NavigationData } from \".\";\n\ninterface VerticalNavigationContextValue {\n  isOpen: boolean;\n  useIcons: boolean;\n  slider?: boolean;\n  headerTitle?: string;\n  setHeaderTitle?: React.Dispatch<React.SetStateAction<string | undefined>>;\n\n  parentItem?;\n  setParentItem?: React.Dispatch<React.SetStateAction<any>>;\n  withParentData?;\n  navigateToChildHandler?: (event, item) => void;\n  navigateToParentHandler?: () => void;\n\n  parentData?: NavigationData[];\n  setParentData?: React.Dispatch<React.SetStateAction<any>>;\n  parentSelected?;\n  setParentSelected?: React.Dispatch<React.SetStateAction<any>>;\n\n  hasAnyChildWithData?: boolean;\n}\n\nconst VerticalNavigationContext = createContext<VerticalNavigationContextValue>(\n  {\n    isOpen: true,\n    useIcons: false,\n    slider: false,\n  }\n);\n\nexport { VerticalNavigationContext };\n"],"names":["VerticalNavigationContext","createContext","isOpen","useIcons","slider"],"mappings":";AAwBA,MAAMA,4BAA4BC,cAChC;AAAA,EACEC,QAAQ;AAAA,EACRC,UAAU;AAAA,EACVC,QAAQ;AACV,CAAC;"}
+{"version":3,"file":"VerticalNavigationContext.js","sources":["../../../../src/components/VerticalNavigation/VerticalNavigationContext.tsx"],"sourcesContent":["import { createContext } from \"react\";\nimport { NavigationData } from \".\";\n\ninterface VerticalNavigationContextValue {\n  isOpen: boolean;\n  useIcons: boolean;\n  slider?: boolean;\n  headerTitle?: string;\n  setHeaderTitle?: React.Dispatch<React.SetStateAction<string | undefined>>;\n\n  parentItem?;\n  setParentItem?: React.Dispatch<React.SetStateAction<any>>;\n  withParentData?;\n  navigateToChildHandler?: (event, item) => void;\n  navigateToParentHandler?: () => void;\n\n  parentData?: NavigationData[];\n  setParentData?: React.Dispatch<React.SetStateAction<any>>;\n  parentSelected?;\n  setParentSelected?: React.Dispatch<React.SetStateAction<any>>;\n\n  hasAnyChildWithData?: boolean;\n}\n\nconst VerticalNavigationContext = createContext<VerticalNavigationContextValue>(\n  {\n    isOpen: true,\n    useIcons: false,\n    slider: false,\n  }\n);\n\nexport { VerticalNavigationContext };\n"],"names":["VerticalNavigationContext","createContext","isOpen","useIcons","slider"],"mappings":";AAwBA,MAAMA,4BAA4BC,cAChC;AAAA,EACEC,QAAQ;AAAA,EACRC,UAAU;AAAA,EACVC,QAAQ;AACV,CACF;"}

package/dist/esm/hocs/withTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"withTooltip.js","sources":["../../../src/hocs/withTooltip.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n  HvTypography,\n  HvTooltip,\n  HvTooltipPlacementType,\n  HvTooltipProps,\n} from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\n\nconst styles: { truncate: React.CSSProperties } = {\n  truncate: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n};\n\nconst withTooltip =\n  (\n    Component: React.FunctionComponent,\n    // eslint-disable-next-line @typescript-eslint/default-param-last\n    label = \"\",\n    placement: HvTooltipPlacementType,\n    hideTooltip?: (event: React.MouseEvent<HTMLDivElement>) => boolean,\n    tooltipProps?: Partial<HvTooltipProps>,\n    tooltipContainerProps?: HvBaseProps\n  ) =>\n  (props) => {\n    const [isHoverDisabled, setIsHoverDisabled] = useState<boolean | undefined>(\n      false\n    );\n    const [open, setOpen] = useState<boolean>(false);\n\n    const title = <HvTypography>{label}</HvTypography>;\n\n    const handleMouseEnter = (event: React.MouseEvent<HTMLDivElement>) => {\n      const isHidden = hideTooltip?.(event);\n      setIsHoverDisabled(isHidden);\n      setOpen(!isHidden);\n    };\n\n    const handleMouseLeave = () => {\n      setIsHoverDisabled(false);\n      setOpen(false);\n    };\n\n    return (\n      <HvTooltip\n        style={{ ...styles.truncate }}\n        disableHoverListener={isHoverDisabled}\n        disableFocusListener\n        disableTouchListener\n        title={title}\n        open={open}\n        placement={placement}\n        {...tooltipProps}\n      >\n        <div\n          {...tooltipContainerProps}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n        >\n          <Component {...props} />\n        </div>\n      </HvTooltip>\n    );\n  };\n\nexport default withTooltip;\n"],"names":["styles","truncate","overflow","textOverflow","whiteSpace","withTooltip","Component","label","placement","hideTooltip","tooltipProps","tooltipContainerProps","props","isHoverDisabled","setIsHoverDisabled","useState","open","setOpen","title","HvTypography","children","handleMouseEnter","event","isHidden","handleMouseLeave","HvTooltip","style","disableHoverListener","disableFocusListener","disableTouchListener","onMouseEnter","onMouseLeave"],"mappings":";;;;AASA,MAAMA,SAA4C;AAAA,EAChDC,UAAU;AAAA,IACRC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,EACd;AACF;AAEA,MAAMC,cACJA,CACEC,WAEAC,QAAQ,IACRC,WACAC,aACAC,cACAC,0BAEDC,CAAU,UAAA;AACT,QAAM,CAACC,iBAAiBC,kBAAkB,IAAIC,SAC5C,KAAK;AAEP,QAAM,CAACC,MAAMC,OAAO,IAAIF,SAAkB,KAAK;AAEzCG,QAAAA,4BAASC,cAAY;AAAA,IAAAC,UAAEb;AAAAA,EAAAA,CAAqB;AAE5Cc,QAAAA,mBAAmBA,CAACC,UAA4C;AAC9DC,UAAAA,WAAWd,2CAAca;AAC/BR,uBAAmBS,QAAQ;AAC3BN,YAAQ,CAACM,QAAQ;AAAA,EAAA;AAGnB,QAAMC,mBAAmBA,MAAM;AAC7BV,uBAAmB,KAAK;AACxBG,YAAQ,KAAK;AAAA,EAAA;AAGf,6BACGQ,WAAS;AAAA,IACRC,OAAO;AAAA,MAAE,GAAG1B,OAAOC;AAAAA,IAAS;AAAA,IAC5B0B,sBAAsBd;AAAAA,IACtBe,sBAAoB;AAAA,IACpBC,sBAAoB;AAAA,IACpBX;AAAAA,IACAF;AAAAA,IACAR;AAAAA,IAAqB,GACjBE;AAAAA,IAAYU,8BAEhB,OAAA;AAAA,MAAA,GACMT;AAAAA,MACJmB,cAAcT;AAAAA,MACdU,cAAcP;AAAAA,MAAiBJ,8BAE9Bd,WAAS;AAAA,QAAA,GAAKM;AAAAA,MAAAA,CAAK;AAAA,IAAA,CAAI;AAAA,EAAA,CAEhB;AAEhB;AAEF,MAAA,gBAAeP;"}
+{"version":3,"file":"withTooltip.js","sources":["../../../src/hocs/withTooltip.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n  HvTypography,\n  HvTooltip,\n  HvTooltipPlacementType,\n  HvTooltipProps,\n} from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\n\nconst styles: { truncate: React.CSSProperties } = {\n  truncate: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n};\n\nconst withTooltip =\n  (\n    Component: React.FunctionComponent,\n    // eslint-disable-next-line @typescript-eslint/default-param-last\n    label = \"\",\n    placement: HvTooltipPlacementType,\n    hideTooltip?: (event: React.MouseEvent<HTMLDivElement>) => boolean,\n    tooltipProps?: Partial<HvTooltipProps>,\n    tooltipContainerProps?: HvBaseProps\n  ) =>\n  (props) => {\n    const [isHoverDisabled, setIsHoverDisabled] = useState<boolean | undefined>(\n      false\n    );\n    const [open, setOpen] = useState<boolean>(false);\n\n    const title = <HvTypography>{label}</HvTypography>;\n\n    const handleMouseEnter = (event: React.MouseEvent<HTMLDivElement>) => {\n      const isHidden = hideTooltip?.(event);\n      setIsHoverDisabled(isHidden);\n      setOpen(!isHidden);\n    };\n\n    const handleMouseLeave = () => {\n      setIsHoverDisabled(false);\n      setOpen(false);\n    };\n\n    return (\n      <HvTooltip\n        style={{ ...styles.truncate }}\n        disableHoverListener={isHoverDisabled}\n        disableFocusListener\n        disableTouchListener\n        title={title}\n        open={open}\n        placement={placement}\n        {...tooltipProps}\n      >\n        <div\n          {...tooltipContainerProps}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n        >\n          <Component {...props} />\n        </div>\n      </HvTooltip>\n    );\n  };\n\nexport default withTooltip;\n"],"names":["styles","truncate","overflow","textOverflow","whiteSpace","withTooltip","Component","label","placement","hideTooltip","tooltipProps","tooltipContainerProps","props","isHoverDisabled","setIsHoverDisabled","useState","open","setOpen","title","HvTypography","children","handleMouseEnter","event","isHidden","handleMouseLeave","HvTooltip","style","disableHoverListener","disableFocusListener","disableTouchListener","onMouseEnter","onMouseLeave"],"mappings":";;;;AASA,MAAMA,SAA4C;AAAA,EAChDC,UAAU;AAAA,IACRC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,EACd;AACF;AAEA,MAAMC,cACJA,CACEC,WAEAC,QAAQ,IACRC,WACAC,aACAC,cACAC,0BAEDC,CAAU,UAAA;AACT,QAAM,CAACC,iBAAiBC,kBAAkB,IAAIC,SAC5C,KACF;AACA,QAAM,CAACC,MAAMC,OAAO,IAAIF,SAAkB,KAAK;AAEzCG,QAAAA,4BAASC,cAAY;AAAA,IAAAC,UAAEb;AAAAA,EAAAA,CAAoB;AAE3Cc,QAAAA,mBAAmBA,CAACC,UAA4C;AAC9DC,UAAAA,WAAWd,2CAAca;AAC/BR,uBAAmBS,QAAQ;AAC3BN,YAAQ,CAACM,QAAQ;AAAA,EAAA;AAGnB,QAAMC,mBAAmBA,MAAM;AAC7BV,uBAAmB,KAAK;AACxBG,YAAQ,KAAK;AAAA,EAAA;AAGf,6BACGQ,WAAS;AAAA,IACRC,OAAO;AAAA,MAAE,GAAG1B,OAAOC;AAAAA,IAAS;AAAA,IAC5B0B,sBAAsBd;AAAAA,IACtBe,sBAAoB;AAAA,IACpBC,sBAAoB;AAAA,IACpBX;AAAAA,IACAF;AAAAA,IACAR;AAAAA,IAAqB,GACjBE;AAAAA,IAAYU,8BAEhB,OAAA;AAAA,MAAA,GACMT;AAAAA,MACJmB,cAAcT;AAAAA,MACdU,cAAcP;AAAAA,MAAiBJ,8BAE9Bd,WAAS;AAAA,QAAA,GAAKM;AAAAA,MAAAA,CAAQ;AAAA,IAAA,CACpB;AAAA,EAAA,CACI;AAEf;AAEF,MAAA,gBAAeP;"}

package/dist/esm/hooks/useClickOutside.js

@@ -6,7 +6,7 @@ const useClickOutside = (ref, handler) => {
       const isKeyUp = event.type === "keyup";
       const isEscape = event.key === "Escape";
       if (!el || el.contains((event == null ? void 0 : event.target) || null)) {
-        return;
+        return {};
       }
       return isKeyUp ? isEscape ? handler(event) : null : handler(event);
     };

package/dist/esm/hooks/useClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClickOutside.js","sources":["../../../src/hooks/useClickOutside.ts"],"sourcesContent":["import { useEffect, RefObject } from \"react\";\n\nexport type HvClickOutsideEvent = MouseEvent | KeyboardEvent | TouchEvent;\n\nexport const useClickOutside = <T extends HTMLElement = HTMLElement>(\n  ref: RefObject<T>,\n  handler: (event: HvClickOutsideEvent) => void\n) => {\n  useEffect(() => {\n    const listener = (event: HvClickOutsideEvent) => {\n      const el = ref?.current;\n      const isKeyUp = event.type === \"keyup\";\n      const isEscape = (event as KeyboardEvent).key === \"Escape\";\n\n      if (!el || el.contains((event?.target as Node) || null)) {\n        return;\n      }\n\n      return isKeyUp ? (isEscape ? handler(event) : null) : handler(event);\n    };\n\n    document.addEventListener(\"click\", listener);\n    document.addEventListener(\"touchstart\", listener);\n    document.addEventListener(\"keyup\", listener);\n\n    return () => {\n      document.removeEventListener(\"click\", listener);\n      document.removeEventListener(\"touchstart\", listener);\n      document.removeEventListener(\"keyup\", listener);\n    };\n  }, [ref, handler]);\n};\n"],"names":["useClickOutside","ref","handler","useEffect","listener","event","el","current","isKeyUp","type","isEscape","key","contains","target","addEventListener","removeEventListener"],"mappings":";AAIaA,MAAAA,kBAAkB,CAC7BC,KACAC,YACG;AACHC,YAAU,MAAM;AACRC,UAAAA,WAAWA,CAACC,UAA+B;AAC/C,YAAMC,KAAKL,2BAAKM;AACVC,YAAAA,UAAUH,MAAMI,SAAS;AACzBC,YAAAA,WAAYL,MAAwBM,QAAQ;AAElD,UAAI,CAACL,MAAMA,GAAGM,UAAUP,+BAAOQ,WAAmB,IAAI,GAAG;AACvD;AAAA,MACF;AAEA,aAAOL,UAAWE,WAAWR,QAAQG,KAAK,IAAI,OAAQH,QAAQG,KAAK;AAAA,IAAA;AAG5DS,aAAAA,iBAAiB,SAASV,QAAQ;AAClCU,aAAAA,iBAAiB,cAAcV,QAAQ;AACvCU,aAAAA,iBAAiB,SAASV,QAAQ;AAE3C,WAAO,MAAM;AACFW,eAAAA,oBAAoB,SAASX,QAAQ;AACrCW,eAAAA,oBAAoB,cAAcX,QAAQ;AAC1CW,eAAAA,oBAAoB,SAASX,QAAQ;AAAA,IAAA;AAAA,EAChD,GACC,CAACH,KAAKC,OAAO,CAAC;AACnB;"}
+{"version":3,"file":"useClickOutside.js","sources":["../../../src/hooks/useClickOutside.ts"],"sourcesContent":["import { useEffect, RefObject } from \"react\";\n\nexport type HvClickOutsideEvent = MouseEvent | KeyboardEvent | TouchEvent;\n\nexport const useClickOutside = <T extends HTMLElement = HTMLElement>(\n  ref: RefObject<T>,\n  handler: (event: HvClickOutsideEvent) => void\n) => {\n  useEffect(() => {\n    const listener = (event: HvClickOutsideEvent) => {\n      const el = ref?.current;\n      const isKeyUp = event.type === \"keyup\";\n      const isEscape = (event as KeyboardEvent).key === \"Escape\";\n\n      if (!el || el.contains((event?.target as Node) || null)) {\n        return {};\n      }\n\n      return isKeyUp ? (isEscape ? handler(event) : null) : handler(event);\n    };\n\n    document.addEventListener(\"click\", listener);\n    document.addEventListener(\"touchstart\", listener);\n    document.addEventListener(\"keyup\", listener);\n\n    return () => {\n      document.removeEventListener(\"click\", listener);\n      document.removeEventListener(\"touchstart\", listener);\n      document.removeEventListener(\"keyup\", listener);\n    };\n  }, [ref, handler]);\n};\n"],"names":["useClickOutside","ref","handler","useEffect","listener","event","el","current","isKeyUp","type","isEscape","key","contains","target","addEventListener","removeEventListener"],"mappings":";AAIaA,MAAAA,kBAAkB,CAC7BC,KACAC,YACG;AACHC,YAAU,MAAM;AACRC,UAAAA,WAAWA,CAACC,UAA+B;AAC/C,YAAMC,KAAKL,2BAAKM;AACVC,YAAAA,UAAUH,MAAMI,SAAS;AACzBC,YAAAA,WAAYL,MAAwBM,QAAQ;AAElD,UAAI,CAACL,MAAMA,GAAGM,UAAUP,+BAAOQ,WAAmB,IAAI,GAAG;AACvD,eAAO;MACT;AAEA,aAAOL,UAAWE,WAAWR,QAAQG,KAAK,IAAI,OAAQH,QAAQG,KAAK;AAAA,IAAA;AAG5DS,aAAAA,iBAAiB,SAASV,QAAQ;AAClCU,aAAAA,iBAAiB,cAAcV,QAAQ;AACvCU,aAAAA,iBAAiB,SAASV,QAAQ;AAE3C,WAAO,MAAM;AACFW,eAAAA,oBAAoB,SAASX,QAAQ;AACrCW,eAAAA,oBAAoB,cAAcX,QAAQ;AAC1CW,eAAAA,oBAAoB,SAASX,QAAQ;AAAA,IAAA;AAAA,EAChD,GACC,CAACH,KAAKC,OAAO,CAAC;AACnB;"}

package/dist/esm/hooks/useControlled.js.map

@@ -1 +1 @@
-{"version":3,"file":"useControlled.js","sources":["../../../src/hooks/useControlled.ts"],"sourcesContent":["// based in https://raw.githubusercontent.com/mui-org/material-ui/next/packages/material-ui/src/utils/useControlled.js\n// modifications:\n// 1. renamed default to initialState, to convey the same meaning of the useState hook.\n// 2. removed the console error when initialState changes; that is acceptable and just ignored, like in useState.\n// 3. the console error regarding switching from controlled to uncontrolled (or vice-versa) is sent synchronously\n//    so the stacktrace shows the caller\n// 4. given that, the hook signature was simplified, no need for metadata\n\nimport { useRef, useState, useCallback } from \"react\";\n\nexport const useControlled = (controlledProp, initialState) => {\n  const { current: isControlled } = useRef(controlledProp !== undefined);\n  const [valueState, setValue] = useState(initialState);\n  const value = isControlled ? controlledProp : valueState;\n\n  if (\n    process.env.NODE_ENV !== \"production\" &&\n    isControlled !== (controlledProp !== undefined)\n  ) {\n    // eslint-disable-next-line no-console\n    console.error(\n      [\n        `A component is changing the ${\n          isControlled ? \"\" : \"un\"\n        }controlled state to be ${isControlled ? \"un\" : \"\"}controlled.`,\n        \"Elements should not switch from uncontrolled to controlled (or vice versa).\",\n        \"Decide between using a controlled or uncontrolled element for the lifetime of the component.\",\n        \"The nature of the state is determined during the first render, it's considered controlled if the value is not `undefined`.\",\n      ].join(\"\\n\")\n    );\n  }\n\n  const setValueIfUncontrolled = useCallback(\n    (newValue) => {\n      if (!isControlled) {\n        setValue(newValue);\n      }\n    },\n    [isControlled]\n  );\n\n  return [value, setValueIfUncontrolled];\n};\n"],"names":["useControlled","controlledProp","initialState","current","isControlled","useRef","undefined","valueState","setValue","useState","value","process","env","NODE_ENV","console","error","join","setValueIfUncontrolled","useCallback","newValue"],"mappings":";AAUaA,MAAAA,gBAAgBA,CAACC,gBAAgBC,iBAAiB;AACvD,QAAA;AAAA,IAAEC,SAASC;AAAAA,EAAa,IAAIC,OAAOJ,mBAAmBK,MAAS;AACrE,QAAM,CAACC,YAAYC,QAAQ,IAAIC,SAASP,YAAY;AAC9CQ,QAAAA,QAAQN,eAAeH,iBAAiBM;AAE9C,MACEI,QAAQC,IAAIC,aAAa,gBACzBT,kBAAkBH,mBAAmBK,SACrC;AAEAQ,YAAQC,MACN,CACG,+BACCX,eAAe,KAAK,8BACIA,eAAe,OAAO,iBAChD,+EACA,gGACA,4HAA4H,EAC5HY,KAAK,IAAI,CAAC;AAAA,EAEhB;AAEMC,QAAAA,yBAAyBC,YAC5BC,CAAa,aAAA;AACZ,QAAI,CAACf,cAAc;AACjBI,eAASW,QAAQ;AAAA,IACnB;AAAA,EAAA,GAEF,CAACf,YAAY,CAAC;AAGT,SAAA,CAACM,OAAOO,sBAAsB;AACvC;"}
+{"version":3,"file":"useControlled.js","sources":["../../../src/hooks/useControlled.ts"],"sourcesContent":["// based in https://raw.githubusercontent.com/mui-org/material-ui/next/packages/material-ui/src/utils/useControlled.js\n// modifications:\n// 1. renamed default to initialState, to convey the same meaning of the useState hook.\n// 2. removed the console error when initialState changes; that is acceptable and just ignored, like in useState.\n// 3. the console error regarding switching from controlled to uncontrolled (or vice-versa) is sent synchronously\n//    so the stacktrace shows the caller\n// 4. given that, the hook signature was simplified, no need for metadata\n\nimport { useRef, useState, useCallback } from \"react\";\n\nexport const useControlled = (controlledProp, initialState) => {\n  const { current: isControlled } = useRef(controlledProp !== undefined);\n  const [valueState, setValue] = useState(initialState);\n  const value = isControlled ? controlledProp : valueState;\n\n  if (\n    process.env.NODE_ENV !== \"production\" &&\n    isControlled !== (controlledProp !== undefined)\n  ) {\n    // eslint-disable-next-line no-console\n    console.error(\n      [\n        `A component is changing the ${\n          isControlled ? \"\" : \"un\"\n        }controlled state to be ${isControlled ? \"un\" : \"\"}controlled.`,\n        \"Elements should not switch from uncontrolled to controlled (or vice versa).\",\n        \"Decide between using a controlled or uncontrolled element for the lifetime of the component.\",\n        \"The nature of the state is determined during the first render, it's considered controlled if the value is not `undefined`.\",\n      ].join(\"\\n\")\n    );\n  }\n\n  const setValueIfUncontrolled = useCallback(\n    (newValue) => {\n      if (!isControlled) {\n        setValue(newValue);\n      }\n    },\n    [isControlled]\n  );\n\n  return [value, setValueIfUncontrolled];\n};\n"],"names":["useControlled","controlledProp","initialState","current","isControlled","useRef","undefined","valueState","setValue","useState","value","process","env","NODE_ENV","console","error","join","setValueIfUncontrolled","useCallback","newValue"],"mappings":";AAUaA,MAAAA,gBAAgBA,CAACC,gBAAgBC,iBAAiB;AACvD,QAAA;AAAA,IAAEC,SAASC;AAAAA,EAAa,IAAIC,OAAOJ,mBAAmBK,MAAS;AACrE,QAAM,CAACC,YAAYC,QAAQ,IAAIC,SAASP,YAAY;AAC9CQ,QAAAA,QAAQN,eAAeH,iBAAiBM;AAE9C,MACEI,QAAQC,IAAIC,aAAa,gBACzBT,kBAAkBH,mBAAmBK,SACrC;AAEAQ,YAAQC,MACN,CACG,+BACCX,eAAe,KAAK,8BACIA,eAAe,OAAO,iBAChD,+EACA,gGACA,4HAA4H,EAC5HY,KAAK,IAAI,CACb;AAAA,EACF;AAEMC,QAAAA,yBAAyBC,YAC5BC,CAAa,aAAA;AACZ,QAAI,CAACf,cAAc;AACjBI,eAASW,QAAQ;AAAA,IACnB;AAAA,EAAA,GAEF,CAACf,YAAY,CACf;AAEO,SAAA,CAACM,OAAOO,sBAAsB;AACvC;"}

package/dist/esm/hooks/useCss.js

@@ -0,0 +1,78 @@
+import { useMemo } from "react";
+import clsx from "clsx";
+import { serializeStyles } from "@emotion/serialize";
+import { insertStyles, getRegisteredStyles } from "@emotion/utils";
+import { useEmotionCache } from "./useEmotionCache.js";
+function getRef(args) {
+  if (args.length !== 1) {
+    return {
+      args,
+      ref: void 0
+    };
+  }
+  const [arg] = args;
+  if (!(arg instanceof Object)) {
+    return {
+      args,
+      ref: void 0
+    };
+  }
+  if (!("ref" in arg)) {
+    return {
+      args,
+      ref: void 0
+    };
+  }
+  const {
+    ref,
+    ...argCopy
+  } = arg;
+  return {
+    args: [argCopy],
+    ref
+  };
+}
+const {
+  cssFactory
+} = (() => {
+  function merge(registered, css, className) {
+    const registeredStyles = [];
+    const rawClassName = getRegisteredStyles(registered, registeredStyles, className);
+    if (registeredStyles.length < 2) {
+      return className;
+    }
+    return rawClassName + css(registeredStyles);
+  }
+  function innerCssFactory(params) {
+    const {
+      cache
+    } = params;
+    const css = (...styles) => {
+      const {
+        ref,
+        args
+      } = getRef(styles);
+      const serialized = serializeStyles(args, cache.registered);
+      insertStyles(cache, serialized, false);
+      return `${cache.key}-${serialized.name}${ref === void 0 ? "" : ` ${ref}`}`;
+    };
+    const cx = (...args) => merge(cache.registered, css, clsx(args));
+    return {
+      css,
+      cx
+    };
+  }
+  return {
+    cssFactory: innerCssFactory
+  };
+})();
+function useCss() {
+  const cache = useEmotionCache();
+  return useMemo(() => cssFactory({
+    cache
+  }), [cache]);
+}
+export {
+  useCss
+};
+//# sourceMappingURL=useCss.js.map

package/dist/esm/hooks/useCss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCss.js","sources":["../../../src/hooks/useCss.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { css as emotionCss, EmotionCache } from \"@emotion/css\";\nimport { serializeStyles, RegisteredCache } from \"@emotion/serialize\";\nimport { insertStyles, getRegisteredStyles } from \"@emotion/utils\";\nimport { useEmotionCache } from \"@core/hooks/useEmotionCache\";\n\ntype CSS = typeof emotionCss;\n\nfunction getRef(args: any[]) {\n  if (args.length !== 1) {\n    return { args, ref: undefined };\n  }\n\n  const [arg] = args;\n\n  if (!(arg instanceof Object)) {\n    return { args, ref: undefined };\n  }\n\n  if (!(\"ref\" in arg)) {\n    return { args, ref: undefined };\n  }\n\n  const { ref, ...argCopy } = arg;\n  return { args: [argCopy], ref };\n}\n\nconst { cssFactory } = (() => {\n  function merge(registered: RegisteredCache, css: CSS, className: string) {\n    const registeredStyles: string[] = [];\n\n    const rawClassName = getRegisteredStyles(\n      registered,\n      registeredStyles,\n      className\n    );\n\n    if (registeredStyles.length < 2) {\n      return className;\n    }\n\n    return rawClassName + css(registeredStyles);\n  }\n\n  function innerCssFactory(params: { cache: EmotionCache }) {\n    const { cache } = params;\n\n    const css: CSS = (...styles: any) => {\n      const { ref, args } = getRef(styles);\n      const serialized = serializeStyles(args, cache.registered);\n      insertStyles(cache as any, serialized, false);\n      return `${cache.key}-${serialized.name}${\n        ref === undefined ? \"\" : ` ${ref}`\n      }`;\n    };\n\n    const cx = (...args: any) => merge(cache.registered, css, clsx(args));\n\n    return { css, cx };\n  }\n\n  return { cssFactory: innerCssFactory };\n})();\n\nexport function useCss() {\n  const cache = useEmotionCache();\n  return useMemo(() => cssFactory({ cache }), [cache]);\n}\n"],"names":["getRef","args","length","ref","undefined","arg","Object","argCopy","cssFactory","merge","registered","css","className","registeredStyles","rawClassName","getRegisteredStyles","innerCssFactory","params","cache","styles","serialized","serializeStyles","key","name","cx","clsx","useCss","useEmotionCache","useMemo"],"mappings":";;;;;AASA,SAASA,OAAOC,MAAa;AACvBA,MAAAA,KAAKC,WAAW,GAAG;AACd,WAAA;AAAA,MAAED;AAAAA,MAAME,KAAKC;AAAAA,IAAAA;AAAAA,EACtB;AAEM,QAAA,CAACC,GAAG,IAAIJ;AAEV,MAAA,EAAEI,eAAeC,SAAS;AACrB,WAAA;AAAA,MAAEL;AAAAA,MAAME,KAAKC;AAAAA,IAAAA;AAAAA,EACtB;AAEI,MAAA,EAAE,SAASC,MAAM;AACZ,WAAA;AAAA,MAAEJ;AAAAA,MAAME,KAAKC;AAAAA,IAAAA;AAAAA,EACtB;AAEM,QAAA;AAAA,IAAED;AAAAA,IAAK,GAAGI;AAAAA,EAAYF,IAAAA;AACrB,SAAA;AAAA,IAAEJ,MAAM,CAACM,OAAO;AAAA,IAAGJ;AAAAA,EAAAA;AAC5B;AAEA,MAAM;AAAA,EAAEK;AAAW,KAAK,MAAM;AACnBC,WAAAA,MAAMC,YAA6BC,KAAUC,WAAmB;AACvE,UAAMC,mBAA6B,CAAA;AAEnC,UAAMC,eAAeC,oBACnBL,YACAG,kBACAD,SACF;AAEIC,QAAAA,iBAAiBX,SAAS,GAAG;AACxBU,aAAAA;AAAAA,IACT;AAEOE,WAAAA,eAAeH,IAAIE,gBAAgB;AAAA,EAC5C;AAEA,WAASG,gBAAgBC,QAAiC;AAClD,UAAA;AAAA,MAAEC;AAAAA,IAAUD,IAAAA;AAEZN,UAAAA,MAAWA,IAAIQ,WAAgB;AAC7B,YAAA;AAAA,QAAEhB;AAAAA,QAAKF;AAAAA,MAAAA,IAASD,OAAOmB,MAAM;AACnC,YAAMC,aAAaC,gBAAgBpB,MAAMiB,MAAMR,UAAU;AAC5CQ,mBAAAA,OAAcE,YAAY,KAAK;AACpC,aAAA,GAAEF,MAAMI,OAAOF,WAAWG,OAChCpB,QAAQC,SAAY,KAAM,IAAGD;AAAAA,IAAAA;AAI3BqB,UAAAA,KAAKA,IAAIvB,SAAcQ,MAAMS,MAAMR,YAAYC,KAAKc,KAAKxB,IAAI,CAAC;AAE7D,WAAA;AAAA,MAAEU;AAAAA,MAAKa;AAAAA,IAAAA;AAAAA,EAChB;AAEO,SAAA;AAAA,IAAEhB,YAAYQ;AAAAA,EAAAA;AACvB;AAEO,SAASU,SAAS;AACvB,QAAMR,QAAQS;AACPC,SAAAA,QAAQ,MAAMpB,WAAW;AAAA,IAAEU;AAAAA,EAAAA,CAAO,GAAG,CAACA,KAAK,CAAC;AACrD;"}

package/dist/esm/hooks/useEmotionCache.js

@@ -0,0 +1,12 @@
+import { useContext } from "react";
+import "@hitachivantara/uikit-styles";
+import { EmotionContext, defaultEmotionCache } from "../providers/ThemeProvider.js";
+function useEmotionCache() {
+  var _a;
+  const cache = (_a = useContext(EmotionContext)) == null ? void 0 : _a.cache;
+  return cache || defaultEmotionCache;
+}
+export {
+  useEmotionCache
+};
+//# sourceMappingURL=useEmotionCache.js.map

package/dist/esm/hooks/useEmotionCache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEmotionCache.js","sources":["../../../src/hooks/useEmotionCache.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { EmotionContext, defaultEmotionCache } from \"..\";\n\nexport function useEmotionCache() {\n  const cache = useContext(EmotionContext)?.cache;\n  return cache || defaultEmotionCache;\n}\n"],"names":["useEmotionCache","cache","useContext","EmotionContext","defaultEmotionCache"],"mappings":";;;AAGO,SAASA,kBAAkB;;AAC1BC,QAAAA,SAAQC,gBAAWC,cAAc,MAAzBD,mBAA4BD;AAC1C,SAAOA,SAASG;AAClB;"}

package/dist/esm/hooks/useForkRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"useForkRef.js","sources":["../../../src/hooks/useForkRef.ts"],"sourcesContent":["// copied from https://github.com/mui-org/material-ui/blob/03bd73be34424cb2cd17ac602def9ad2b9642de4/packages/material-ui-utils/src/useForkRef.js\nimport * as React from \"react\";\n\nconst setRef = (ref, value) => {\n  if (typeof ref === \"function\") {\n    ref(value);\n  } else if (ref) {\n    // eslint-disable-next-line no-param-reassign\n    ref.current = value;\n  }\n};\n\nexport default function useForkRef(refA, refB) {\n  /**\n   * This will create a new function if the ref props change and are defined.\n   * This means react will call the old forkRef with `null` and the new forkRef\n   * with the ref. Cleanup naturally emerges from this behavior.\n   */\n  return React.useMemo(() => {\n    if (refA == null && refB == null) {\n      return null;\n    }\n    return (refValue) => {\n      setRef(refA, refValue);\n      setRef(refB, refValue);\n    };\n  }, [refA, refB]);\n}\n"],"names":["setRef","ref","value","current","useForkRef","refA","refB","React","useMemo","refValue"],"mappings":";AAGA,MAAMA,SAASA,CAACC,KAAKC,UAAU;AACzB,MAAA,OAAOD,QAAQ,YAAY;AAC7BA,QAAIC,KAAK;AAAA,aACAD,KAAK;AAEdA,QAAIE,UAAUD;AAAAA,EAChB;AACF;AAEwBE,SAAAA,WAAWC,MAAMC,MAAM;AAMtCC,SAAAA,MAAMC,QAAQ,MAAM;AACrBH,QAAAA,QAAQ,QAAQC,QAAQ,MAAM;AACzB,aAAA;AAAA,IACT;AACA,WAAQG,CAAa,aAAA;AACnBT,aAAOK,MAAMI,QAAQ;AACrBT,aAAOM,MAAMG,QAAQ;AAAA,IAAA;AAAA,EACvB,GACC,CAACJ,MAAMC,IAAI,CAAC;AACjB;"}
+{"version":3,"file":"useForkRef.js","sources":["../../../src/hooks/useForkRef.ts"],"sourcesContent":["// copied from https://github.com/mui-org/material-ui/blob/03bd73be34424cb2cd17ac602def9ad2b9642de4/packages/material-ui-utils/src/useForkRef.js\nimport * as React from \"react\";\n\nconst setRef = (ref, value) => {\n  if (typeof ref === \"function\") {\n    ref(value);\n  } else if (ref) {\n    ref.current = value;\n  }\n};\n\nexport default function useForkRef(refA, refB) {\n  /**\n   * This will create a new function if the ref props change and are defined.\n   * This means react will call the old forkRef with `null` and the new forkRef\n   * with the ref. Cleanup naturally emerges from this behavior.\n   */\n  return React.useMemo(() => {\n    if (refA == null && refB == null) {\n      return null;\n    }\n    return (refValue) => {\n      setRef(refA, refValue);\n      setRef(refB, refValue);\n    };\n  }, [refA, refB]);\n}\n"],"names":["setRef","ref","value","current","useForkRef","refA","refB","React","useMemo","refValue"],"mappings":";AAGA,MAAMA,SAASA,CAACC,KAAKC,UAAU;AACzB,MAAA,OAAOD,QAAQ,YAAY;AAC7BA,QAAIC,KAAK;AAAA,aACAD,KAAK;AACdA,QAAIE,UAAUD;AAAAA,EAChB;AACF;AAEwBE,SAAAA,WAAWC,MAAMC,MAAM;AAMtCC,SAAAA,MAAMC,QAAQ,MAAM;AACrBH,QAAAA,QAAQ,QAAQC,QAAQ,MAAM;AACzB,aAAA;AAAA,IACT;AACA,WAAQG,CAAa,aAAA;AACnBT,aAAOK,MAAMI,QAAQ;AACrBT,aAAOM,MAAMG,QAAQ;AAAA,IAAA;AAAA,EACvB,GACC,CAACJ,MAAMC,IAAI,CAAC;AACjB;"}

package/dist/esm/hooks/useTheme.js

@@ -1,8 +1,6 @@
 import { useContext } from "react";
-import "@hitachivantara/uikit-styles";
+import "../providers/ThemeProvider.js";
 import { HvThemeContext } from "@hitachivantara/uikit-react-shared";
-import "@mui/material/styles";
-import "@emotion/react/jsx-runtime";
 const useTheme = () => {
   return useContext(HvThemeContext);
 };

package/dist/esm/hooks/useTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.js","sources":["../../../src/hooks/useTheme.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport {\n  HvThemeContext,\n  HvThemeContextValue,\n} from \"../providers/ThemeProvider\";\n\nexport const useTheme = (): HvThemeContextValue => {\n  return useContext(HvThemeContext);\n};\n"],"names":["useTheme","useContext","HvThemeContext"],"mappings":";;;;;AAMO,MAAMA,WAAWA,MAA2B;AACjD,SAAOC,WAAWC,cAAc;AAClC;"}
+{"version":3,"file":"useTheme.js","sources":["../../../src/hooks/useTheme.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport {\n  HvThemeContext,\n  HvThemeContextValue,\n} from \"../providers/ThemeProvider\";\n\nexport const useTheme = (): HvThemeContextValue => {\n  return useContext(HvThemeContext);\n};\n"],"names":["useTheme","useContext","HvThemeContext"],"mappings":";;;AAMO,MAAMA,WAAWA,MAA2B;AACjD,SAAOC,WAAWC,cAAc;AAClC;"}